@extends('layouts.app')
@section('title', 'إضافة موظف - DOTS HR Pro')

@section('content')
<div class="page-header">
    <div>
        <h1 class="page-title">إضافة موظف جديد</h1>
        <p class="page-subtitle">الرقم الوظيفي: <strong>{{ $nextCode }}</strong></p>
    </div>
    <div class="page-actions">
        <a href="{{ route('employees.index') }}" class="btn btn-ghost"><i class="fas fa-arrow-right"></i> رجوع</a>
    </div>
</div>

<form method="POST" action="{{ route('employees.store') }}" enctype="multipart/form-data">
    @csrf

    {{-- Personal Info --}}
    <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') }}" class="form-input" required>
                </div>
                <div class="form-group">
                    <label class="form-label">اسم الأب</label>
                    <input type="text" name="second_name" value="{{ old('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') }}" class="form-input">
                </div>
                <div class="form-group">
                    <label class="form-label required">اسم العائلة</label>
                    <input type="text" name="last_name" value="{{ old('last_name') }}" class="form-input" required>
                </div>
            </div>
            <div class="form-grid cols-3">
                <div class="form-group">
                    <label class="form-label required">الجنس</label>
                    <select name="gender" class="form-select" required>
                        <option value="">اختر</option>
                        <option value="male" {{ old('gender') == 'male' ? 'selected' : '' }}>ذكر</option>
                        <option value="female" {{ old('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') }}" 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') == 'single' ? 'selected' : '' }}>أعزب</option>
                        <option value="married" {{ old('marital_status') == 'married' ? 'selected' : '' }}>متزوج</option>
                        <option value="divorced" {{ old('marital_status') == 'divorced' ? 'selected' : '' }}>مطلق</option>
                        <option value="widowed" {{ old('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') }}" class="form-input" placeholder="example@company.com">
                </div>
                <div class="form-group">
                    <label class="form-label">رقم الجوال</label>
                    <input type="text" name="phone" value="{{ old('phone') }}" class="form-input" placeholder="05XXXXXXXX">
                </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') == $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') }}" class="form-input">
                </div>
                <div class="form-group">
                    <label class="form-label">الصورة الشخصية</label>
                    <input type="file" name="photo" class="form-input" accept="image/*">
                </div>
            </div>
        </div>
    </div>

    {{-- Employment Info --}}
    <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') == $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') == $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') == $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', date('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') == 'full_time' ? 'selected' : '' }}>دوام كامل</option>
                        <option value="part_time" {{ old('employment_type') == 'part_time' ? 'selected' : '' }}>دوام جزئي</option>
                        <option value="contract" {{ old('employment_type') == 'contract' ? 'selected' : '' }}>عقد مؤقت</option>
                        <option value="remote" {{ old('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') == $shift->id ? 'selected' : '' }}>{{ $shift->name }}</option>
                        @endforeach
                    </select>
                </div>
            </div>
        </div>
    </div>

    {{-- Financial Info --}}
    <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', 0) }}" 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', 0) }}" 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', 0) }}" 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', 0) }}" 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') }}" class="form-input">
                </div>
                <div class="form-group">
                    <label class="form-label">رقم الحساب البنكي</label>
                    <input type="text" name="bank_account" value="{{ old('bank_account') }}" class="form-input">
                </div>
                <div class="form-group">
                    <label class="form-label">رقم الآيبان</label>
                    <input type="text" name="iban" value="{{ old('iban') }}" class="form-input" placeholder="SA...">
                </div>
            </div>
        </div>
    </div>

    {{-- Identity Documents --}}
    <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') }}" 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') }}" class="form-input">
                </div>
                <div class="form-group">
                    <label class="form-label">رقم جواز السفر</label>
                    <input type="text" name="passport_number" value="{{ old('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') }}" 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') }}" 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') }}" class="form-input">
                </div>
            </div>
        </div>
    </div>

    {{-- Account Credentials --}}
    <div class="card">
        <div class="card-header"><h3><i class="fas fa-key"></i> حساب الدخول (اختياري)</h3></div>
        <div class="card-body">
            <div class="form-grid cols-2">
                <div class="form-group">
                    <label class="form-label">كلمة المرور</label>
                    <input type="password" name="password" class="form-input" placeholder="اتركه فارغاً للافتراضي: password123">
                </div>
                <div class="form-group form-note">
                    <p><i class="fas fa-info-circle"></i> سيتم إنشاء حساب تلقائياً إذا تم إدخال البريد الإلكتروني</p>
                </div>
            </div>
        </div>
    </div>

    <div class="form-actions">
        <button type="submit" class="btn btn-primary btn-lg"><i class="fas fa-save"></i> حفظ الموظف</button>
        <a href="{{ route('employees.index') }}" class="btn btn-ghost btn-lg">إلغاء</a>
    </div>
</form>
@endsection