@php $isEdit = $employee->exists; @endphp

<h2 class="h6 text-muted text-uppercase mb-3">Personal Information</h2>
<div class="row g-3">
    <div class="col-md-6">
        <label for="first_name" class="form-label">First Name <span class="text-danger">*</span></label>
        <input type="text" id="first_name" name="first_name" value="{{ old('first_name', $employee->first_name) }}"
            class="form-control @error('first_name') is-invalid @enderror" required>
        @error('first_name')<div class="invalid-feedback">{{ $message }}</div>@enderror
    </div>
    <div class="col-md-6">
        <label for="last_name" class="form-label">Last Name <span class="text-danger">*</span></label>
        <input type="text" id="last_name" name="last_name" value="{{ old('last_name', $employee->last_name) }}"
            class="form-control @error('last_name') is-invalid @enderror" required>
        @error('last_name')<div class="invalid-feedback">{{ $message }}</div>@enderror
    </div>
    <div class="col-md-6">
        <label for="father_name" class="form-label">Father Name</label>
        <input type="text" id="father_name" name="father_name" value="{{ old('father_name', $employee->father_name) }}"
            class="form-control @error('father_name') is-invalid @enderror">
        @error('father_name')<div class="invalid-feedback">{{ $message }}</div>@enderror
    </div>
    <div class="col-md-6">
        <label for="cnic" class="form-label">CNIC</label>
        <input type="text" id="cnic" name="cnic" value="{{ old('cnic', $employee->cnic) }}"
            class="form-control @error('cnic') is-invalid @enderror" placeholder="42101-1234567-1">
        @error('cnic')<div class="invalid-feedback">{{ $message }}</div>@enderror
    </div>
    <div class="col-md-6">
        <label for="email" class="form-label">Email <span class="text-danger">*</span></label>
        <input type="email" id="email" name="email" value="{{ old('email', $employee->email) }}"
            class="form-control @error('email') is-invalid @enderror" required>
        @error('email')<div class="invalid-feedback">{{ $message }}</div>@enderror
    </div>
    <div class="col-md-6">
        <label for="phone" class="form-label">Phone</label>
        <input type="text" id="phone" name="phone" value="{{ old('phone', $employee->phone) }}"
            class="form-control @error('phone') is-invalid @enderror">
        @error('phone')<div class="invalid-feedback">{{ $message }}</div>@enderror
    </div>
    <div class="col-md-4">
        <label for="date_of_birth" class="form-label">Date of Birth</label>
        <input type="date" id="date_of_birth" name="date_of_birth"
            value="{{ old('date_of_birth', $employee->date_of_birth?->format('Y-m-d')) }}"
            class="form-control @error('date_of_birth') is-invalid @enderror">
        @error('date_of_birth')<div class="invalid-feedback">{{ $message }}</div>@enderror
    </div>
    <div class="col-md-4">
        <label for="gender" class="form-label">Gender</label>
        <select id="gender" name="gender" class="form-select @error('gender') is-invalid @enderror">
            <option value="">—</option>
            @foreach (['male', 'female', 'other'] as $gender)
                <option value="{{ $gender }}" @selected(old('gender', $employee->gender) === $gender)>{{ ucfirst($gender) }}</option>
            @endforeach
        </select>
        @error('gender')<div class="invalid-feedback">{{ $message }}</div>@enderror
    </div>
    <div class="col-md-8">
        <label for="address" class="form-label">Address</label>
        <textarea id="address" name="address" rows="2"
            class="form-control @error('address') is-invalid @enderror">{{ old('address', $employee->address) }}</textarea>
        @error('address')<div class="invalid-feedback">{{ $message }}</div>@enderror
    </div>
    <div class="col-md-4">
        <label for="photo" class="form-label">Photo</label>
        <div class="d-flex align-items-center gap-2">
            @if ($employee->photo_url)
                <img src="{{ $employee->photo_url }}" alt="Photo" class="rounded border"
                    style="width:48px;height:48px;object-fit:cover;">
            @endif
            <input type="file" id="photo" name="photo" accept="image/*"
                class="form-control @error('photo') is-invalid @enderror">
        </div>
        <div class="form-text">JPG, PNG or WEBP · max 2&nbsp;MB.</div>
        @error('photo')<div class="invalid-feedback d-block">{{ $message }}</div>@enderror
    </div>
</div>

<h2 class="h6 text-muted text-uppercase mb-3 mt-4">Employment Details</h2>
<div class="row g-3">
    <div class="col-md-4">
        <label for="department_id" class="form-label">Department <span class="text-danger">*</span></label>
        <select id="department_id" name="department_id" class="form-select @error('department_id') is-invalid @enderror" required>
            <option value="">Select…</option>
            @foreach ($departments as $department)
                <option value="{{ $department->id }}" @selected(old('department_id', $employee->department_id) == $department->id)>
                    {{ $department->name }}
                </option>
            @endforeach
        </select>
        @error('department_id')<div class="invalid-feedback">{{ $message }}</div>@enderror
    </div>
    <div class="col-md-4">
        <label for="designation_id" class="form-label">Designation <span class="text-danger">*</span></label>
        <select id="designation_id" name="designation_id" class="form-select @error('designation_id') is-invalid @enderror" required>
            <option value="">Select…</option>
            @foreach ($designations as $designation)
                <option value="{{ $designation->id }}" @selected(old('designation_id', $employee->designation_id) == $designation->id)>
                    {{ $designation->title }}@if ($designation->department) — {{ $designation->department->name }}@endif
                </option>
            @endforeach
        </select>
        @error('designation_id')<div class="invalid-feedback">{{ $message }}</div>@enderror
    </div>
    <div class="col-md-4">
        <label for="manager_id" class="form-label">Reports To</label>
        <select id="manager_id" name="manager_id" class="form-select @error('manager_id') is-invalid @enderror">
            <option value="">None</option>
            @foreach ($managers as $manager)
                <option value="{{ $manager->id }}" @selected(old('manager_id', $employee->manager_id) == $manager->id)>
                    {{ $manager->full_name }}
                </option>
            @endforeach
        </select>
        @error('manager_id')<div class="invalid-feedback">{{ $message }}</div>@enderror
    </div>
    <div class="col-md-4">
        <label for="joining_date" class="form-label">Joining Date <span class="text-danger">*</span></label>
        <input type="date" id="joining_date" name="joining_date"
            value="{{ old('joining_date', $employee->joining_date?->format('Y-m-d')) }}"
            class="form-control @error('joining_date') is-invalid @enderror" required>
        @error('joining_date')<div class="invalid-feedback">{{ $message }}</div>@enderror
    </div>
    <div class="col-md-4">
        <label for="base_salary" class="form-label">Base Salary <span class="text-danger">*</span></label>
        <input type="number" step="0.01" min="0" id="base_salary" name="base_salary"
            value="{{ old('base_salary', $employee->base_salary ?? 0) }}"
            class="form-control @error('base_salary') is-invalid @enderror" required>
        @error('base_salary')<div class="invalid-feedback">{{ $message }}</div>@enderror
    </div>
    <div class="col-md-4">
        <label for="status" class="form-label">Status <span class="text-danger">*</span></label>
        <select id="status" name="status" class="form-select @error('status') is-invalid @enderror" required>
            @foreach (['active', 'inactive', 'terminated'] as $status)
                <option value="{{ $status }}" @selected(old('status', $employee->status ?? 'active') === $status)>{{ ucfirst($status) }}</option>
            @endforeach
        </select>
        @error('status')<div class="invalid-feedback">{{ $message }}</div>@enderror
    </div>
    <div class="col-md-4">
        <label for="employment_type" class="form-label">Employment Type <span class="text-danger">*</span></label>
        <select id="employment_type" name="employment_type" class="form-select @error('employment_type') is-invalid @enderror" required>
            @foreach (['full_time', 'part_time', 'contract', 'intern', 'probation'] as $type)
                <option value="{{ $type }}" @selected(old('employment_type', $employee->employment_type ?? 'full_time') === $type)>
                    {{ ucwords(str_replace('_', ' ', $type)) }}
                </option>
            @endforeach
        </select>
        @error('employment_type')<div class="invalid-feedback">{{ $message }}</div>@enderror
    </div>
    <div class="col-md-4">
        <label for="shift_id" class="form-label">Shift</label>
        <select id="shift_id" name="shift_id" class="form-select @error('shift_id') is-invalid @enderror">
            <option value="">None</option>
            @foreach ($shifts as $shift)
                <option value="{{ $shift->id }}" @selected(old('shift_id', $employee->shift_id) == $shift->id)>
                    {{ $shift->label }}
                </option>
            @endforeach
        </select>
        @error('shift_id')<div class="invalid-feedback">{{ $message }}</div>@enderror
    </div>
    <div class="col-md-4">
        <label for="biometric_id" class="form-label">Biometric ID</label>
        <input type="text" id="biometric_id" name="biometric_id" value="{{ old('biometric_id', $employee->biometric_id) }}"
            class="form-control @error('biometric_id') is-invalid @enderror">
        @error('biometric_id')<div class="invalid-feedback">{{ $message }}</div>@enderror
    </div>
</div>

<h2 class="h6 text-muted text-uppercase mb-3 mt-4">
    Login Account @if ($isEdit)<small class="text-muted">(leave password blank to keep current)</small>@endif
</h2>
<div class="row g-3">
    <div class="col-md-6">
        <label for="password" class="form-label">Password @unless($isEdit)<span class="text-danger">*</span>@endunless</label>
        <input type="password" id="password" name="password" autocomplete="new-password"
            class="form-control @error('password') is-invalid @enderror" @unless($isEdit) required @endunless>
        @error('password')<div class="invalid-feedback">{{ $message }}</div>@enderror
    </div>
    <div class="col-md-6">
        <label for="password_confirmation" class="form-label">Confirm Password</label>
        <input type="password" id="password_confirmation" name="password_confirmation"
            autocomplete="new-password" class="form-control">
    </div>
</div>

<div class="mt-4 d-flex gap-2">
    <button type="submit" class="btn btn-primary">
        <i class="bi bi-check-lg me-1"></i>{{ $submitLabel ?? 'Save' }}
    </button>
    <a href="{{ route('employees.index') }}" class="btn btn-outline-secondary">Cancel</a>
</div>