@php $e = $employee ?? null; @endphp
<div class="grid grid-cols-1 md:grid-cols-2 gap-5">
    <div>
        <label class="block text-sm font-medium mb-1">Employee Code</label>
        <input name="employee_code" value="{{ old('employee_code', $e->employee_code ?? '') }}" required
               class="w-full rounded-lg border-gray-200 dark:border-gray-700 dark:bg-gray-900 text-sm focus:ring-primary focus:border-primary">
    </div>
    <div>
        <label class="block text-sm font-medium mb-1">National ID</label>
        <input name="national_id" value="{{ old('national_id', $e->national_id ?? '') }}"
               class="w-full rounded-lg border-gray-200 dark:border-gray-700 dark:bg-gray-900 text-sm focus:ring-primary focus:border-primary">
    </div>
    <div>
        <label class="block text-sm font-medium mb-1">First Name</label>
        <input name="first_name" value="{{ old('first_name', $e->first_name ?? '') }}" required
               class="w-full rounded-lg border-gray-200 dark:border-gray-700 dark:bg-gray-900 text-sm focus:ring-primary focus:border-primary">
    </div>
    <div>
        <label class="block text-sm font-medium mb-1">Last Name</label>
        <input name="last_name" value="{{ old('last_name', $e->last_name ?? '') }}" required
               class="w-full rounded-lg border-gray-200 dark:border-gray-700 dark:bg-gray-900 text-sm focus:ring-primary focus:border-primary">
    </div>
    <div>
        <label class="block text-sm font-medium mb-1">Department</label>
        <select name="department_id" class="w-full rounded-lg border-gray-200 dark:border-gray-700 dark:bg-gray-900 text-sm">
            <option value="">—</option>
            @foreach($departments as $d)
                <option value="{{ $d->id }}" @selected(old('department_id', $e->department_id ?? '')==$d->id)>{{ $d->name }}</option>
            @endforeach
        </select>
    </div>
    <div>
        <label class="block text-sm font-medium mb-1">Position</label>
        <select name="position_id" class="w-full rounded-lg border-gray-200 dark:border-gray-700 dark:bg-gray-900 text-sm">
            <option value="">—</option>
            @foreach($positions as $p)
                <option value="{{ $p->id }}" @selected(old('position_id', $e->position_id ?? '')==$p->id)>{{ $p->title }}</option>
            @endforeach
        </select>
    </div>
    <div>
        <label class="block text-sm font-medium mb-1">Salary</label>
        <input name="salary" type="number" step="0.01" min="0" value="{{ old('salary', $e->salary ?? 0) }}" required
               class="w-full rounded-lg border-gray-200 dark:border-gray-700 dark:bg-gray-900 text-sm focus:ring-primary focus:border-primary">
    </div>
    <div>
        <label class="block text-sm font-medium mb-1">Hire Date</label>
        <input name="hire_date" type="date" value="{{ old('hire_date', optional($e->hire_date ?? null)->format('Y-m-d')) }}"
               class="w-full rounded-lg border-gray-200 dark:border-gray-700 dark:bg-gray-900 text-sm focus:ring-primary focus:border-primary">
    </div>
    <div>
        <label class="block text-sm font-medium mb-1">Status</label>
        <select name="status" required class="w-full rounded-lg border-gray-200 dark:border-gray-700 dark:bg-gray-900 text-sm">
            @foreach(['active','on_leave','terminated'] as $s)
                <option value="{{ $s }}" @selected(old('status', $e->status ?? 'active')==$s)>{{ ucfirst(str_replace('_',' ',$s)) }}</option>
            @endforeach
        </select>
    </div>
    <div>
        <label class="block text-sm font-medium mb-1">Phone</label>
        <input name="phone" value="{{ old('phone', $e->phone ?? '') }}"
               class="w-full rounded-lg border-gray-200 dark:border-gray-700 dark:bg-gray-900 text-sm focus:ring-primary focus:border-primary">
    </div>
    <div class="md:col-span-2">
        <label class="block text-sm font-medium mb-1">Address</label>
        <textarea name="address" rows="2" class="w-full rounded-lg border-gray-200 dark:border-gray-700 dark:bg-gray-900 text-sm focus:ring-primary focus:border-primary">{{ old('address', $e->address ?? '') }}</textarea>
    </div>
    <div>
        <label class="block text-sm font-medium mb-1">Emergency Contact Name</label>
        <input name="emergency_contact_name" value="{{ old('emergency_contact_name', $e->emergency_contact_name ?? '') }}"
               class="w-full rounded-lg border-gray-200 dark:border-gray-700 dark:bg-gray-900 text-sm focus:ring-primary focus:border-primary">
    </div>
    <div>
        <label class="block text-sm font-medium mb-1">Emergency Contact Phone</label>
        <input name="emergency_contact_phone" value="{{ old('emergency_contact_phone', $e->emergency_contact_phone ?? '') }}"
               class="w-full rounded-lg border-gray-200 dark:border-gray-700 dark:bg-gray-900 text-sm focus:ring-primary focus:border-primary">
    </div>
    <div class="md:col-span-2">
        <label class="block text-sm font-medium mb-1">Photo</label>
        @if(!empty($e?->photo))
            <img src="{{ asset('storage/'.$e->photo) }}" class="h-16 w-16 rounded-lg object-cover mb-2" alt="photo">
        @endif
        <input name="photo" type="file" accept="image/*" class="text-sm">
    </div>
</div>
<div class="flex items-center gap-3 mt-6">
    <button class="bg-primary text-white px-5 py-2 rounded-lg text-sm font-medium hover:bg-primary-700">Save</button>
    <a href="{{ route('hr.employees.index') }}" class="px-5 py-2 rounded-lg text-sm bg-gray-100 dark:bg-gray-700">Cancel</a>
</div>