@extends('layouts.app')
@section('title', 'إنشاء مركز تكلفة')

@section('content')
<div class="page-header">
    <div>
        <h1 class="page-title">إنشاء مركز تكلفة</h1>
        <p class="page-subtitle">إضافة مركز تكلفة جديد</p>
    </div>
    <div class="page-actions">
        <a href="{{ route('cost-centers.index') }}" 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.store') }}">
            @csrf
            <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') }}" placeholder="مثال: CC-001" required>
                    <span class="form-hint">رمز فريد لمركز التكلفة</span>
                </div>
                <div class="form-group">
                    <label class="form-label required">الاسم (عربي)</label>
                    <input type="text" name="name" class="form-input" value="{{ old('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') }}" 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') == $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') == $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', 0) }}" min="0" step="0.01" required>
                </div>
                <div class="form-group">
                    <label class="form-label">مدير المركز</label>
                    <input type="text" name="manager_name" class="form-input" value="{{ old('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') }}" dir="ltr">
                </div>
            </div>
            <div class="form-group">
                <label class="form-label">الوصف</label>
                <textarea name="description" class="form-textarea" rows="3">{{ old('description') }}</textarea>
            </div>
            <div class="form-grid cols-2">
                <div class="form-group">
                    <label class="form-label">ترتيب العرض</label>
                    <input type="number" name="sort_order" class="form-input" value="{{ old('sort_order', 0) }}" min="0">
                </div>
                <div class="form-group" style="display:flex; align-items:center; padding-top:1.8rem;">
                    <label style="display:flex; align-items:center; gap:0.5rem; cursor:pointer;">
                        <input type="checkbox" name="is_active" value="1" {{ old('is_active', '1') ? 'checked' : '' }}>
                        نشط
                    </label>
                </div>
            </div>
            <div class="form-actions">
                <button type="submit" class="btn btn-primary"><i class="fas fa-save"></i> حفظ</button>
                <a href="{{ route('cost-centers.index') }}" class="btn btn-secondary">إلغاء</a>
            </div>
        </form>
    </div>
</div>
@endsection