@extends('layouts.app')
@section('title', 'تعديل مركز التكلفة')

@section('content')
<div class="page-header">
    <div>
        <h1 class="page-title">تعديل مركز التكلفة</h1>
        <p class="page-subtitle">{{ $costCenter->code }} — {{ $costCenter->name }}</p>
    </div>
    <div class="page-actions">
        <a href="{{ route('cost-centers.show', $costCenter) }}" class="btn btn-secondary"><i class="fas fa-arrow-right"></i> رجوع</a>
    </div>
</div>

@if($errors->any())
    <div class="alert alert-danger">
        <ul style="margin:0; padding:0 1rem;">
            @foreach($errors->all() as $error)<li>{{ $error }}</li>@endforeach
        </ul>
    </div>
@endif

<div class="card">
    <div class="card-header">
        <h3 class="card-title">بيانات مركز التكلفة</h3>
    </div>
    <div class="card-body">
        <form method="POST" action="{{ route('cost-centers.update', $costCenter) }}">
            @csrf @method('PUT')
            <div class="form-grid cols-2">
                <div class="form-group">
                    <label class="form-label required">الرمز</label>
                    <input type="text" name="code" class="form-input" value="{{ old('code', $costCenter->code) }}" required>
                </div>
                <div class="form-group">
                    <label class="form-label required">الاسم (عربي)</label>
                    <input type="text" name="name" class="form-input" value="{{ old('name', $costCenter->name) }}" required>
                </div>
                <div class="form-group">
                    <label class="form-label">الاسم (إنجليزي)</label>
                    <input type="text" name="name_en" class="form-input" value="{{ old('name_en', $costCenter->name_en) }}" dir="ltr">
                </div>
                <div class="form-group">
                    <label class="form-label required">النوع</label>
                    <select name="type" class="form-select" required>
                        @foreach(\App\Models\CostCenter::$typeLabels as $key => $label)
                            <option value="{{ $key }}" {{ old('type', $costCenter->type) == $key ? 'selected' : '' }}>{{ $label }}</option>
                        @endforeach
                    </select>
                </div>
                <div class="form-group">
                    <label class="form-label">المركز الرئيسي</label>
                    <select name="parent_id" class="form-select">
                        <option value="">— بدون (مركز رئيسي) —</option>
                        @foreach($parents as $p)
                            <option value="{{ $p->id }}" {{ old('parent_id', $costCenter->parent_id) == $p->id ? 'selected' : '' }}>{{ $p->code }} - {{ $p->name }}</option>
                        @endforeach
                    </select>
                </div>
                <div class="form-group">
                    <label class="form-label required">الميزانية السنوية</label>
                    <input type="number" name="annual_budget" class="form-input" value="{{ old('annual_budget', $costCenter->annual_budget) }}" min="0" step="0.01" required>
                </div>
                <div class="form-group">
                    <label class="form-label">المبلغ المصروف</label>
                    <input type="number" name="spent_amount" class="form-input" value="{{ old('spent_amount', $costCenter->spent_amount) }}" min="0" step="0.01">
                </div>
                <div class="form-group">
                    <label class="form-label">مدير المركز</label>
                    <input type="text" name="manager_name" class="form-input" value="{{ old('manager_name', $costCenter->manager_name) }}">
                </div>
                <div class="form-group">
                    <label class="form-label">بريد المدير</label>
                    <input type="email" name="manager_email" class="form-input" value="{{ old('manager_email', $costCenter->manager_email) }}" dir="ltr">
                </div>
                <div class="form-group">
                    <label class="form-label">ترتيب العرض</label>
                    <input type="number" name="sort_order" class="form-input" value="{{ old('sort_order', $costCenter->sort_order) }}" min="0">
                </div>
            </div>
            <div class="form-group">
                <label class="form-label">الوصف</label>
                <textarea name="description" class="form-textarea" rows="3">{{ old('description', $costCenter->description) }}</textarea>
            </div>
            <div class="form-group" style="padding-top:0.5rem;">
                <label style="display:flex; align-items:center; gap:0.5rem; cursor:pointer;">
                    <input type="checkbox" name="is_active" value="1" {{ old('is_active', $costCenter->is_active) ? 'checked' : '' }}>
                    نشط
                </label>
            </div>
            <div class="form-actions">
                <button type="submit" class="btn btn-primary"><i class="fas fa-save"></i> حفظ التعديلات</button>
                <a href="{{ route('cost-centers.show', $costCenter) }}" class="btn btn-secondary">إلغاء</a>
            </div>
        </form>
    </div>
</div>
@endsection