@php($teacher = $teacher ?? null)
@php($isEdit = $teacher !== null)

<div class="rounded-xl bg-white shadow-sm ring-1 ring-gray-900/5 p-6 mb-6">
    <h3 class="text-lg font-display font-semibold text-gray-900 mb-4">Personal Information</h3>
    @php($inputClass = 'mt-1 block w-full rounded-lg border border-gray-300 px-3 py-2.5 text-sm shadow-sm focus:border-primary-500 focus:outline-none focus:ring-1 focus:ring-primary-500')
    <div class="grid grid-cols-1 md:grid-cols-3 gap-4">
        <div><label class="block text-sm font-medium text-gray-700">First Name *</label><input type="text" name="first_name" value="{{ old('first_name', $teacher?->first_name) }}" required class="{{ $inputClass }}">@error('first_name') <p class="mt-1 text-sm text-red-600">{{ $message }}</p> @enderror</div>
        <div><label class="block text-sm font-medium text-gray-700">Middle Name</label><input type="text" name="middle_name" value="{{ old('middle_name', $teacher?->middle_name) }}" class="{{ $inputClass }}"></div>
        <div><label class="block text-sm font-medium text-gray-700">Last Name *</label><input type="text" name="last_name" value="{{ old('last_name', $teacher?->last_name) }}" required class="{{ $inputClass }}">@error('last_name') <p class="mt-1 text-sm text-red-600">{{ $message }}</p> @enderror</div>
        <div>
            <label class="block text-sm font-medium text-gray-700">Gender</label>
            <select name="gender" class="{{ $inputClass }}">
                <option value="">—</option>
                @foreach (['male' => 'Male', 'female' => 'Female', 'other' => 'Other'] as $value => $label)
                    <option value="{{ $value }}" {{ old('gender', $teacher?->gender) === $value ? 'selected' : '' }}>{{ $label }}</option>
                @endforeach
            </select>
        </div>
        <div><label class="block text-sm font-medium text-gray-700">Date of Birth</label><input type="date" name="date_of_birth" max="{{ now()->subYears(15)->toDateString() }}" value="{{ old('date_of_birth', $teacher?->date_of_birth?->format('Y-m-d')) }}" class="{{ $inputClass }}"></div>
        <div><label class="block text-sm font-medium text-gray-700">Email *</label><input type="email" name="email" value="{{ old('email', $teacher?->email) }}" required class="{{ $inputClass }}">@error('email') <p class="mt-1 text-sm text-red-600">{{ $message }}</p> @enderror</div>
        <div><label class="block text-sm font-medium text-gray-700">Phone</label><input type="text" name="phone" value="{{ old('phone', $teacher?->phone) }}" class="{{ $inputClass }}"></div>
        <div><label class="block text-sm font-medium text-gray-700">Nationality</label><input type="text" name="nationality" value="{{ old('nationality', $teacher?->nationality ?? 'Nigerian') }}" class="{{ $inputClass }}"></div>
        <div><label class="block text-sm font-medium text-gray-700">State of Origin</label><input type="text" name="state_of_origin" value="{{ old('state_of_origin', $teacher?->state_of_origin) }}" class="{{ $inputClass }}"></div>
        <div><label class="block text-sm font-medium text-gray-700">LGA</label><input type="text" name="lga" value="{{ old('lga', $teacher?->lga) }}" class="{{ $inputClass }}"></div>
        <div class="md:col-span-2"><label class="block text-sm font-medium text-gray-700">Residential Address</label><textarea name="address" rows="2" class="{{ $inputClass }}">{{ old('address', $teacher?->address) }}</textarea></div>
    </div>
</div>

<div class="rounded-xl bg-white shadow-sm ring-1 ring-gray-900/5 p-6 mb-6">
    <h3 class="text-lg font-display font-semibold text-gray-900 mb-4">Employment Information</h3>
    <div class="grid grid-cols-1 md:grid-cols-3 gap-4">
        <div><label class="block text-sm font-medium text-gray-700">Campus</label>
            <select name="campus_id" class="{{ $inputClass }}"><option value="">No campus</option>@foreach ($campuses as $campus)<option value="{{ $campus->id }}" {{ old('campus_id', $teacher?->campus_id) == $campus->id ? 'selected' : '' }}>{{ $campus->name }}</option>@endforeach</select>
        </div>
        <div><label class="block text-sm font-medium text-gray-700">Department</label><input type="text" name="department" value="{{ old('department', $teacher?->department) }}" class="{{ $inputClass }}"></div>
        <div><label class="block text-sm font-medium text-gray-700">Designation</label><input type="text" name="designation" value="{{ old('designation', $teacher?->designation) }}" class="{{ $inputClass }}"></div>
        <div>
            <label class="block text-sm font-medium text-gray-700">Employment Status</label>
            <select name="employment_status" class="{{ $inputClass }}">
                @foreach (['active' => 'Active', 'probation' => 'Probation', 'contract' => 'Contract', 'leave' => 'On Leave', 'suspended' => 'Suspended', 'terminated' => 'Terminated'] as $value => $label)
                    <option value="{{ $value }}" {{ old('employment_status', $teacher?->employment_status ?? 'active') === $value ? 'selected' : '' }}>{{ $label }}</option>
                @endforeach
            </select>
        </div>
        <div>
            <label class="block text-sm font-medium text-gray-700">Employment Type</label>
            <select name="employment_type" class="{{ $inputClass }}">
                <option value="">—</option>
                @foreach (['full_time' => 'Full Time', 'part_time' => 'Part Time', 'contract' => 'Contract', 'corps_member' => 'NYSC Corps Member', 'visiting' => 'Visiting'] as $value => $label)
                    <option value="{{ $value }}" {{ old('employment_type', $teacher?->employment_type) === $value ? 'selected' : '' }}>{{ $label }}</option>
                @endforeach
            </select>
        </div>
        <div><label class="block text-sm font-medium text-gray-700">Qualification</label><input type="text" name="qualification" value="{{ old('qualification', $teacher?->qualification) }}" class="{{ $inputClass }}"></div>
        <div><label class="block text-sm font-medium text-gray-700">Specialization</label><input type="text" name="specialization" value="{{ old('specialization', $teacher?->specialization) }}" class="{{ $inputClass }}"></div>
        <div><label class="block text-sm font-medium text-gray-700">Experience</label><input type="text" name="experience" value="{{ old('experience', $teacher?->experience) }}" placeholder="e.g. 8 years" class="{{ $inputClass }}"></div>
        <div><label class="block text-sm font-medium text-gray-700">Employment Date</label><input type="date" name="join_date" value="{{ old('join_date', $teacher?->join_date?->format('Y-m-d')) }}" class="{{ $inputClass }}"></div>
        <div><label class="block text-sm font-medium text-gray-700">Salary (&#8358;)</label><input type="number" name="salary" value="{{ old('salary', $teacher?->salary) }}" min="0" step="100" class="{{ $inputClass }}"></div>
    </div>
</div>