@php $sid = request()->route('schoolId'); $isEdit = filled($member); @endphp
<div class="max-w-3xl mx-auto">
    <div class="mb-4 flex items-center justify-between">
        <h2 class="text-lg font-bold text-gray-900">{{ $isEdit ? 'Edit Staff — ' . $member->fullName() : 'Add Staff Member' }}</h2>
        <a href="{{ route('school.staff.index', $sid) }}" class="btn-ghost btn-sm">Back to directory</a>
    </div>
    @if ($isEdit && $member->teacher_id)
        <div class="alert alert-info mb-4">
            This record is linked to a teacher ({{ $member->staff_no }}). Personal names, contact details and photo are managed from
            <a href="{{ route('school.teachers.edit', [$sid, $member->teacher_id]) }}" class="font-semibold underline">Teacher Management</a> to keep both records in sync.
        </div>
    @endif

    <form method="POST" action="{{ $isEdit ? route('school.staff.update', [$sid, $member]) : route('school.staff.store', $sid) }}" class="card space-y-6" enctype="multipart/form-data">
        @csrf
        @if ($isEdit) @method('PATCH') @endif

        <fieldset class="space-y-4">
            <legend class="section-label">Personal Information</legend>
            <div class="grid grid-cols-1 gap-4 sm:grid-cols-3">
                <div><label class="label">First Name *</label>
                    <input type="text" name="first_name" value="{{ old('first_name', $member?->first_name) }}" {{ ($isEdit && $member->teacher_id) ? 'readonly' : '' }} class="input w-full {{ ($isEdit && $member->teacher_id) ? 'bg-gray-100' : '' }}" required>
                </div>
                <div><label class="label">Middle Name</label>
                    <input type="text" name="middle_name" value="{{ old('middle_name', $member?->middle_name) }}" {{ ($isEdit && $member->teacher_id) ? 'readonly' : '' }} class="input w-full {{ ($isEdit && $member->teacher_id) ? 'bg-gray-100' : '' }}">
                </div>
                <div><label class="label">Last Name *</label>
                    <input type="text" name="last_name" value="{{ old('last_name', $member?->last_name) }}" {{ ($isEdit && $member->teacher_id) ? 'readonly' : '' }} class="input w-full {{ ($isEdit && $member->teacher_id) ? 'bg-gray-100' : '' }}" required>
                </div>
            </div>
            <div class="grid grid-cols-1 gap-4 sm:grid-cols-3">
                <div><label class="label">Gender</label>
                    <select name="gender" class="select w-full">
                        <option value="">Select...</option>
                        @foreach (['male', 'female', 'other'] as $g)
                            <option value="{{ $g }}" {{ old('gender', $member ? strtolower((string) $member->gender) : '') === $g ? 'selected' : '' }}>{{ ucfirst($g) }}</option>
                        @endforeach
                    </select>
                </div>
                <div><label class="label">Date of Birth</label>
                    <input type="date" name="date_of_birth" value="{{ old('date_of_birth', $member?->date_of_birth?->format('Y-m-d')) }}" class="input w-full">
                </div>
                <div><label class="label">Nationality</label>
                    <input type="text" name="nationality" value="{{ old('nationality', $member?->nationality ?? 'Nigerian') }}" class="input w-full">
                </div>
            </div>
            <div class="grid grid-cols-1 gap-4 sm:grid-cols-2">
                <div><label class="label">Email</label>
                    <input type="email" name="email" value="{{ old('email', $member?->email) }}" class="input w-full">
                </div>
                <div><label class="label">Phone</label>
                    <input type="text" name="phone" value="{{ old('phone', $member?->phone) }}" class="input w-full">
                </div>
            </div>
            <div><label class="label">Address</label>
                <textarea name="address" rows="2" class="textarea w-full">{{ old('address', $member?->address) }}</textarea>
            </div>
            <div class="grid grid-cols-1 gap-4 sm:grid-cols-3">
                <div><label class="label">City / Town</label>
                    <input type="text" name="city" value="{{ old('city', $member?->city) }}" class="input w-full">
                </div>
                <div><label class="label">State</label>
                    <input type="text" name="state" value="{{ old('state', $member?->state) }}" class="input w-full">
                </div>
                <div><label class="label">LGA</label>
                    <input type="text" name="lga" value="{{ old('lga', $member?->lga) }}" class="input w-full">
                </div>
            </div>
        </fieldset>

        <fieldset class="space-y-4">
            <legend class="section-label">Employment Information</legend>
            <div class="grid grid-cols-1 gap-4 sm:grid-cols-3">
                <div><label class="label">Category *</label>
                    <select name="staff_category_id" class="select w-full" required>
                        <option value="">Select category...</option>
                        @foreach ($categories as $c)
                            <option value="{{ $c->id }}" {{ old('staff_category_id', $member?->staff_category_id) == $c->id ? 'selected' : '' }}>{{ $c->name }}</option>
                        @endforeach
                    </select>
                </div>
                <div><label class="label">Department</label>
                    <select name="department_id" class="select w-full">
                        <option value="">Select department...</option>
                        @foreach ($departments as $d)
                            <option value="{{ $d->id }}" {{ old('department_id', $member?->department_id) == $d->id ? 'selected' : '' }}>{{ $d->name }}</option>
                        @endforeach
                    </select>
                </div>
                <div><label class="label">Designation</label>
                    <select name="designation_id" class="select w-full">
                        <option value="">Select designation...</option>
                        @foreach ($designations as $d)
                            <option value="{{ $d->id }}" {{ old('designation_id', $member?->designation_id) == $d->id ? 'selected' : '' }}>{{ $d->name }}{{ $d->category ? ' (' . $d->category->name . ')' : '' }}</option>
                        @endforeach
                    </select>
                </div>
            </div>
            <div class="grid grid-cols-1 gap-4 sm:grid-cols-3">
                <div><label class="label">Employed On</label>
                    <input type="date" name="employed_on" value="{{ old('employed_on', $member?->employed_on?->format('Y-m-d') ?? now()->toDateString()) }}" class="input w-full">
                </div>
                <div><label class="label">Employment Type *</label>
                    <select name="employment_type" class="select w-full" required>
                        @foreach ($types as $t)
                            <option value="{{ $t }}" {{ old('employment_type', $member?->employment_type ?? 'full_time') === $t ? 'selected' : '' }}>{{ str_replace('_', ' ', ucfirst($t)) }}</option>
                        @endforeach
                    </select>
                </div>
                <div><label class="label">Status *</label>
                    <select name="status" class="select w-full" required>
                        @foreach ($statuses as $s)
                            <option value="{{ $s }}" {{ old('status', $member?->status ?? 'active') === $s ? 'selected' : '' }}>{{ str_replace('_', ' ', ucfirst($s)) }}</option>
                        @endforeach
                    </select>
                </div>
            </div>
            <div class="grid grid-cols-1 gap-4 sm:grid-cols-2">
                <div><label class="label">Qualification</label>
                    <input type="text" name="qualification" value="{{ old('qualification', $member?->qualification) }}" placeholder="e.g. B.Sc Computer Science" class="input w-full">
                </div>
                <div><label class="label">Specialization / Skills</label>
                    <input type="text" name="specialization" value="{{ old('specialization', $member?->specialization) }}" class="input w-full">
                </div>
            </div>
            <div><label class="label">Notes</label>
                <textarea name="notes" rows="2" class="textarea w-full">{{ old('notes', $member?->notes) }}</textarea>
            </div>
        </fieldset>

        <div class="flex items-center justify-end gap-3 border-t border-gray-100 pt-4">
            <a href="{{ route('school.staff.index', $sid) }}" class="btn-ghost">Cancel</a>
            <button type="submit" class="btn-primary">{{ $isEdit ? 'Save Changes' : 'Add Staff Member' }}</button>
        </div>
    </form>
</div>