@extends('layouts.app')
@section('title', 'تعديل ' . $employee->full_name . ' - DOTS HR Pro')

@section('content')
<div class="page-header">
    <div>
        <h1 class="page-title">تعديل بيانات الموظف</h1>
        <p class="page-subtitle">{{ $employee->employee_code }} — {{ $employee->full_name }}</p>
    </div>
    <div class="page-actions">
        <a href="{{ route('employees.show', $employee) }}" class="btn btn-ghost"><i class="fas fa-arrow-right"></i> رجوع</a>
    </div>
</div>

<form method="POST" action="{{ route('employees.update', $employee) }}" enctype="multipart/form-data">
    @csrf @method('PUT')

    <div class="card">
        <div class="card-header"><h3><i class="fas fa-user"></i> البيانات الشخصية</h3></div>
        <div class="card-body">
            <div class="form-grid cols-4">
                <div class="form-group">
                    <label class="form-label required">الاسم الأول</label>
                    <input type="text" name="first_name" value="{{ old('first_name', $employee->first_name) }}" class="form-input" required>
                </div>
                <div class="form-group">
                    <label class="form-label">اسم الأب</label>
                    <input type="text" name="second_name" value="{{ old('second_name', $employee->second_name) }}" class="form-input">
                </div>
                <div class="form-group">
                    <label class="form-label">اسم الجد</label>
                    <input type="text" name="third_name" value="{{ old('third_name', $employee->third_name) }}" class="form-input">
                </div>
                <div class="form-group">
                    <label class="form-label required">اسم العائلة</label>
                    <input type="text" name="last_name" value="{{ old('last_name', $employee->last_name) }}" class="form-input" required>
                </div>
            </div>
            <div class="form-grid cols-3">
                <div class="form-group">
                    <label class="form-label">الجنس</label>
                    <select name="gender" class="form-select">
                        <option value="male" {{ old('gender', $employee->gender) == 'male' ? 'selected' : '' }}>ذكر</option>
                        <option value="female" {{ old('gender', $employee->gender) == 'female' ? 'selected' : '' }}>أنثى</option>
                    </select>
                </div>
                <div class="form-group">
                    <label class="form-label">تاريخ الميلاد</label>
                    <input type="date" name="date_of_birth" value="{{ old('date_of_birth', $employee->date_of_birth?->format('Y-m-d')) }}" class="form-input">
                </div>
                <div class="form-group">
                    <label class="form-label">الحالة الاجتماعية</label>
                    <select name="marital_status" class="form-select">
                        <option value="">اختر</option>
                        <option value="single" {{ old('marital_status', $employee->marital_status) == 'single' ? 'selected' : '' }}>أعزب</option>
                        <option value="married" {{ old('marital_status', $employee->marital_status) == 'married' ? 'selected' : '' }}>متزوج</option>
                        <option value="divorced" {{ old('marital_status', $employee->marital_status) == 'divorced' ? 'selected' : '' }}>مطلق</option>
                        <option value="widowed" {{ old('marital_status', $employee->marital_status) == 'widowed' ? 'selected' : '' }}>أرمل</option>
                    </select>
                </div>
            </div>
            <div class="form-grid cols-3">
                <div class="form-group">
                    <label class="form-label">البريد الإلكتروني</label>
                    <input type="email" name="email" value="{{ old('email', $employee->email) }}" class="form-input">
                </div>
                <div class="form-group">
                    <label class="form-label">رقم الجوال</label>
                    <input type="text" name="phone" value="{{ old('phone', $employee->phone) }}" class="form-input">
                </div>
                <div class="form-group">
                    <label class="form-label">الجنسية</label>
                    <select name="nationality_id" class="form-select">
                        <option value="">اختر</option>
                        @foreach($nationalities as $nat)
                            <option value="{{ $nat->id }}" {{ old('nationality_id', $employee->nationality_id) == $nat->id ? 'selected' : '' }}>{{ $nat->name }}</option>
                        @endforeach
                    </select>
                </div>
            </div>
            <div class="form-grid cols-2">
                <div class="form-group">
                    <label class="form-label">العنوان</label>
                    <input type="text" name="address" value="{{ old('address', $employee->address) }}" class="form-input">
                </div>
                <div class="form-group">
                    <label class="form-label">الصورة الشخصية</label>
                    <input type="file" name="photo" class="form-input" accept="image/*">
                    @if($employee->photo)
                        <small class="form-hint">الصورة الحالية موجودة — اختر ملفاً جديداً للتغيير</small>
                    @endif
                </div>
            </div>
        </div>
    </div>

    <div class="card">
        <div class="card-header"><h3><i class="fas fa-briefcase"></i> بيانات التوظيف</h3></div>
        <div class="card-body">
            <div class="form-grid cols-3">
                <div class="form-group">
                    <label class="form-label">القسم</label>
                    <select name="department_id" class="form-select">
                        <option value="">اختر</option>
                        @foreach($departments as $dept)
                            <option value="{{ $dept->id }}" {{ old('department_id', $employee->department_id) == $dept->id ? 'selected' : '' }}>{{ $dept->name }}</option>
                        @endforeach
                    </select>
                </div>
                <div class="form-group">
                    <label class="form-label">المسمى الوظيفي</label>
                    <select name="job_title_id" class="form-select">
                        <option value="">اختر</option>
                        @foreach($jobTitles as $jt)
                            <option value="{{ $jt->id }}" {{ old('job_title_id', $employee->job_title_id) == $jt->id ? 'selected' : '' }}>{{ $jt->name }}</option>
                        @endforeach
                    </select>
                </div>
                <div class="form-group">
                    <label class="form-label">المدير المباشر</label>
                    <select name="manager_id" class="form-select">
                        <option value="">اختر</option>
                        @foreach($managers as $mgr)
                            <option value="{{ $mgr->id }}" {{ old('manager_id', $employee->manager_id) == $mgr->id ? 'selected' : '' }}>{{ $mgr->full_name }}</option>
                        @endforeach
                    </select>
                </div>
            </div>
            <div class="form-grid cols-3">
                <div class="form-group">
                    <label class="form-label">تاريخ التعيين</label>
                    <input type="date" name="hire_date" value="{{ old('hire_date', $employee->hire_date?->format('Y-m-d')) }}" class="form-input">
                </div>
                <div class="form-group">
                    <label class="form-label">نوع التوظيف</label>
                    <select name="employment_type" class="form-select">
                        <option value="full_time" {{ old('employment_type', $employee->employment_type) == 'full_time' ? 'selected' : '' }}>دوام كامل</option>
                        <option value="part_time" {{ old('employment_type', $employee->employment_type) == 'part_time' ? 'selected' : '' }}>دوام جزئي</option>
                        <option value="contract" {{ old('employment_type', $employee->employment_type) == 'contract' ? 'selected' : '' }}>عقد مؤقت</option>
                        <option value="remote" {{ old('employment_type', $employee->employment_type) == 'remote' ? 'selected' : '' }}>عن بُعد</option>
                    </select>
                </div>
                <div class="form-group">
                    <label class="form-label">وردية العمل</label>
                    <select name="work_shift_id" class="form-select">
                        <option value="">اختر</option>
                        @foreach($shifts as $shift)
                            <option value="{{ $shift->id }}" {{ old('work_shift_id', $employee->work_shift_id) == $shift->id ? 'selected' : '' }}>{{ $shift->name }}</option>
                        @endforeach
                    </select>
                </div>
            </div>
            <div class="form-group">
                <label class="form-label">الحالة</label>
                <select name="status" class="form-select" style="max-width:250px">
                    <option value="active" {{ old('status', $employee->status) == 'active' ? 'selected' : '' }}>نشط</option>
                    <option value="on_leave" {{ old('status', $employee->status) == 'on_leave' ? 'selected' : '' }}>في إجازة</option>
                    <option value="suspended" {{ old('status', $employee->status) == 'suspended' ? 'selected' : '' }}>موقوف</option>
                    <option value="terminated" {{ old('status', $employee->status) == 'terminated' ? 'selected' : '' }}>منتهي</option>
                </select>
            </div>

            <div class="form-group">
                <label class="form-label">مواقع العمل المسموح بها</label>
                <div style="border:1px solid #ddd; border-radius:8px; padding:12px; max-width:400px;">
                    @forelse($workLocations as $loc)
                        <label style="display:block; margin-bottom:6px; cursor:pointer;">
                            <input type="checkbox" name="work_locations[]" value="{{ $loc->id }}"
                                {{ in_array($loc->id, $employeeLocationIds ?? []) ? 'checked' : '' }}>
                            {{ $loc->name }}
                        </label>
                    @empty
                        <span style="color:#888;">لا توجد مواقع عمل مسجّلة بعد. أضِف المواقع أولاً من صفحة مواقع العمل.</span>
                    @endforelse
                </div>
                <small class="form-hint">اختر موقعًا واحدًا أو أكثر — الموظف سيسجّل الحضور من هذه المواقع فقط.</small>
            </div>
        </div>
    </div>

    <div class="card">
        <div class="card-header"><h3><i class="fas fa-money-bill-wave"></i> البيانات المالية</h3></div>
        <div class="card-body">
            <div class="form-grid cols-4">
                <div class="form-group"><label class="form-label">الراتب الأساسي</label><input type="number" name="basic_salary" value="{{ old('basic_salary', $employee->basic_salary) }}" class="form-input" step="0.01" min="0"></div>
                <div class="form-group"><label class="form-label">بدل السكن</label><input type="number" name="housing_allowance" value="{{ old('housing_allowance', $employee->housing_allowance) }}" class="form-input" step="0.01" min="0"></div>
                <div class="form-group"><label class="form-label">بدل النقل</label><input type="number" name="transport_allowance" value="{{ old('transport_allowance', $employee->transport_allowance) }}" class="form-input" step="0.01" min="0"></div>
                <div class="form-group"><label class="form-label">بدلات أخرى</label><input type="number" name="other_allowances" value="{{ old('other_allowances', $employee->other_allowances) }}" class="form-input" step="0.01" min="0"></div>
            </div>
            <div class="form-grid cols-3">
                <div class="form-group"><label class="form-label">اسم البنك</label><input type="text" name="bank_name" value="{{ old('bank_name', $employee->bank_name) }}" class="form-input"></div>
                <div class="form-group"><label class="form-label">رقم الحساب</label><input type="text" name="bank_account" value="{{ old('bank_account', $employee->bank_account) }}" class="form-input"></div>
                <div class="form-group"><label class="form-label">رقم الآيبان</label><input type="text" name="iban" value="{{ old('iban', $employee->iban) }}" class="form-input"></div>
            </div>
        </div>
    </div>

    <div class="card">
        <div class="card-header"><h3><i class="fas fa-id-card"></i> الوثائق والهوية</h3></div>
        <div class="card-body">
            <div class="form-grid cols-3">
                <div class="form-group"><label class="form-label">رقم الهوية/الإقامة</label><input type="text" name="national_id" value="{{ old('national_id', $employee->national_id) }}" class="form-input"></div>
                <div class="form-group"><label class="form-label">انتهاء الهوية</label><input type="date" name="national_id_expiry" value="{{ old('national_id_expiry', $employee->national_id_expiry?->format('Y-m-d')) }}" class="form-input"></div>
                <div class="form-group"><label class="form-label">رقم الجواز</label><input type="text" name="passport_number" value="{{ old('passport_number', $employee->passport_number) }}" class="form-input"></div>
            </div>
            <div class="form-grid cols-3">
                <div class="form-group"><label class="form-label">انتهاء الجواز</label><input type="date" name="passport_expiry" value="{{ old('passport_expiry', $employee->passport_expiry?->format('Y-m-d')) }}" class="form-input"></div>
                <div class="form-group"><label class="form-label">انتهاء الإقامة</label><input type="date" name="residency_expiry_date" value="{{ old('residency_expiry_date', $employee->residency_expiry_date?->format('Y-m-d')) }}" class="form-input"></div>
                <div class="form-group"><label class="form-label">رقم التأمينات</label><input type="text" name="social_insurance_number" value="{{ old('social_insurance_number', $employee->social_insurance_number) }}" class="form-input"></div>
            </div>
        </div>
    </div>

    
    {{-- Custom Fields --}}
    @if(isset($customFields) && $customFields->count())
    <div class="card">
        <div class="card-header"><h3><i class="fas fa-th-list"></i> حقول إضافية</h3></div>
        <div class="card-body">
            @php $cfSections = $customFields->groupBy('section'); @endphp
            @foreach($cfSections as $section => $fields)
                @if($cfSections->count() > 1)
                    <h4 style="margin: 1rem 0 0.5rem; color: var(--text-secondary); font-size: 0.85rem">{{ \App\Models\CustomField::SECTION_LABELS[$section] ?? $section }}</h4>
                @endif
                <div class="form-grid cols-2">
                    @foreach($fields as $cf)
                        <div class="form-group">
                            <label class="form-label {{ $cf->is_required ? 'required' : '' }}">{{ $cf->name }}</label>
                            @php $cfVal = $employee->customFieldValues->firstWhere('custom_field_id', $cf->id)?->value; @endphp
                            @switch($cf->type)
                                @case('textarea')
                                    <textarea name="custom_fields[{{ $cf->id }}]" class="form-textarea" rows="2" placeholder="{{ $cf->placeholder }}" {{ $cf->is_required ? 'required' : '' }}>{{ old("custom_fields.{$cf->id}", $cfVal) }}</textarea>
                                    @break
                                @case('select')
                                    <select name="custom_fields[{{ $cf->id }}]" class="form-select" {{ $cf->is_required ? 'required' : '' }}>
                                        <option value="">اختر...</option>
                                        @foreach($cf->options ?? [] as $opt)
                                            <option value="{{ $opt }}" {{ old("custom_fields.{$cf->id}", $cfVal) == $opt ? 'selected' : '' }}>{{ $opt }}</option>
                                        @endforeach
                                    </select>
                                    @break
                                @case('checkbox')
                                    <div style="padding-top:0.5rem">
                                        <input type="hidden" name="custom_fields[{{ $cf->id }}]" value="0">
                                        <input type="checkbox" name="custom_fields[{{ $cf->id }}]" value="1" id="cf_{{ $cf->id }}" {{ old("custom_fields.{$cf->id}", $cfVal) ? 'checked' : '' }}>
                                        <label for="cf_{{ $cf->id }}">{{ $cf->placeholder ?? 'نعم' }}</label>
                                    </div>
                                    @break
                                @case('date')
                                    <input type="date" name="custom_fields[{{ $cf->id }}]" value="{{ old("custom_fields.{$cf->id}", $cfVal) }}" class="form-input" {{ $cf->is_required ? 'required' : '' }}>
                                    @break
                                @case('number')
                                    <input type="number" name="custom_fields[{{ $cf->id }}]" value="{{ old("custom_fields.{$cf->id}", $cfVal) }}" class="form-input" placeholder="{{ $cf->placeholder }}" {{ $cf->is_required ? 'required' : '' }}>
                                    @break
                                @case('email')
                                    <input type="email" name="custom_fields[{{ $cf->id }}]" value="{{ old("custom_fields.{$cf->id}", $cfVal) }}" class="form-input" placeholder="{{ $cf->placeholder }}" dir="ltr" {{ $cf->is_required ? 'required' : '' }}>
                                    @break
                                @case('url')
                                    <input type="url" name="custom_fields[{{ $cf->id }}]" value="{{ old("custom_fields.{$cf->id}", $cfVal) }}" class="form-input" placeholder="{{ $cf->placeholder }}" dir="ltr" {{ $cf->is_required ? 'required' : '' }}>
                                    @break
                                @default
                                    <input type="text" name="custom_fields[{{ $cf->id }}]" value="{{ old("custom_fields.{$cf->id}", $cfVal) }}" class="form-input" placeholder="{{ $cf->placeholder }}" {{ $cf->is_required ? 'required' : '' }}>
                            @endswitch
                        </div>
                    @endforeach
                </div>
            @endforeach
        </div>
    </div>
    @endif

    <div class="form-actions">
        <button type="submit" class="btn btn-primary btn-lg"><i class="fas fa-save"></i> حفظ التعديلات</button>
        <a href="{{ route('employees.show', $employee) }}" class="btn btn-ghost btn-lg">إلغاء</a>
    </div>
</form>
@endsection