@php $d = $department ?? null; @endphp
<div class="grid grid-cols-1 gap-5">
    <div>
        <label class="block text-sm font-medium mb-1">Name</label>
        <input name="name" value="{{ old('name', $d->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">Manager</label>
        <select name="manager_id" class="w-full rounded-lg border-gray-200 dark:border-gray-700 dark:bg-gray-900 text-sm">
            <option value="">—</option>
            @foreach($employees as $emp)
                <option value="{{ $emp->id }}" @selected(old('manager_id', $d->manager_id ?? '')==$emp->id)>{{ $emp->full_name }}</option>
            @endforeach
        </select>
    </div>
    <div>
        <label class="block text-sm font-medium mb-1">Parent Department</label>
        <select name="parent_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 $dep)
                <option value="{{ $dep->id }}" @selected(old('parent_id', $d->parent_id ?? '')==$dep->id)>{{ $dep->name }}</option>
            @endforeach
        </select>
    </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.departments.index') }}" class="px-5 py-2 rounded-lg text-sm bg-gray-100 dark:bg-gray-700">Cancel</a>
</div>