@php $p = $position ?? null; @endphp
<div class="grid grid-cols-1 gap-5">
    <div>
        <label class="block text-sm font-medium mb-1">Title</label>
        <input name="title" value="{{ old('title', $p->title ?? '') }}" 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 $dep)
                <option value="{{ $dep->id }}" @selected(old('department_id', $p->department_id ?? '')==$dep->id)>{{ $dep->name }}</option>
            @endforeach
        </select>
    </div>
    <div>
        <label class="block text-sm font-medium mb-1">Level</label>
        <input name="level" value="{{ old('level', $p->level ?? '') }}" placeholder="e.g. Junior, Senior, Lead"
               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>
<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.positions.index') }}" class="px-5 py-2 rounded-lg text-sm bg-gray-100 dark:bg-gray-700">Cancel</a>
</div>