{{-- Department Form Fields --}}
<div class="grid grid-cols-1 md:grid-cols-2 gap-4">
    <div>
        <label for="name" class="form-label">Department Name <span class="text-danger-500">*</span></label>
        <input type="text" id="name" name="name" value="{{ old('name', $department->name ?? '') }}" class="form-input @error('name') form-input-error @enderror" required>
        @error('name') <p class="form-error">{{ $message }}</p> @enderror
    </div>

    <div>
        <label for="code" class="form-label">Department Code</label>
        <input type="text" id="code" name="code" value="{{ old('code', $department->code ?? '') }}" placeholder="e.g. HR, FIN, OPS" class="form-input @error('code') form-input-error @enderror" maxlength="20">
        @error('code') <p class="form-error">{{ $message }}</p> @enderror
    </div>

    <div>
        <label for="head_employee_id" class="form-label">Department Head</label>
        <select id="head_employee_id" name="head_employee_id" class="form-select">
            <option value="">Select head (optional)</option>
            @foreach($employees as $emp)
                <option value="{{ $emp->id }}" {{ old('head_employee_id', $department->head_employee_id ?? '') == $emp->id ? 'selected' : '' }}>
                    {{ $emp->full_name }} ({{ $emp->employee_code }})
                </option>
            @endforeach
        </select>
        @error('head_employee_id') <p class="form-error">{{ $message }}</p> @enderror
    </div>

    <div>
        <label for="parent_department_id" class="form-label">Parent Department</label>
        <select id="parent_department_id" name="parent_department_id" class="form-select">
            <option value="">None (top-level)</option>
            @foreach($departments as $dept)
                <option value="{{ $dept->id }}" {{ old('parent_department_id', $department->parent_department_id ?? '') == $dept->id ? 'selected' : '' }}>
                    {{ $dept->name }}
                </option>
            @endforeach
        </select>
        @error('parent_department_id') <p class="form-error">{{ $message }}</p> @enderror
    </div>
</div>

<div class="mt-4">
    <label class="flex items-center gap-2 cursor-pointer">
        <input type="hidden" name="is_active" value="0">
        <input type="checkbox" name="is_active" value="1" class="form-checkbox"
            {{ old('is_active', $department->is_active ?? true) ? 'checked' : '' }}>
        <span class="text-sm text-gray-700">Active</span>
    </label>
</div>