@php
    $staff = $user ?? null;
    $value = function ($field, $default = null) use ($staff) {
        $raw = old($field, $staff->{$field} ?? $default);

        return $raw instanceof \Carbon\CarbonInterface ? $raw->format('Y-m-d') : $raw;
    };
@endphp

<h6 class="fw-semibold mt-2 mb-3">Personal Information</h6>
<div class="row g-3 mb-4">
    <div class="col-md-4">
        <label class="form-label">Father Name</label>
        <input type="text" name="father_name" value="{{ $value('father_name') }}" class="form-control">
    </div>
    <div class="col-md-4">
        <label class="form-label">Date of Birth</label>
        <input type="date" name="dob" value="{{ $value('dob') }}" class="form-control">
    </div>
    <div class="col-md-4">
        <label class="form-label">Gender</label>
        <select name="gender" class="form-select">
            <option value="">Select</option>
            @foreach(['male', 'female', 'other'] as $gender)
                <option value="{{ $gender }}" @selected($value('gender') === $gender)>{{ ucfirst($gender) }}</option>
            @endforeach
        </select>
    </div>
    <div class="col-md-4">
        <label class="form-label">Tazkira / ID No</label>
        <input type="text" name="tazkira_no" value="{{ $value('tazkira_no') }}" class="form-control">
    </div>
    <div class="col-md-4">
        <label class="form-label">Phone</label>
        <input type="text" name="phone" value="{{ $value('phone') }}" class="form-control">
    </div>
    <div class="col-md-4">
        <label class="form-label">Country</label>
        <input type="text" name="country" value="{{ $value('country') }}" class="form-control">
    </div>
    <div class="col-12">
        <label class="form-label">Address</label>
        <textarea name="address" rows="2" class="form-control">{{ $value('address') }}</textarea>
    </div>
</div>

<h6 class="fw-semibold mb-3">Staff / Employment Information</h6>
<div class="row g-3 mb-4">
    <div class="col-md-4">
        <label class="form-label">Employee Type</label>
        <select name="employee_type" class="form-select">
            <option value="">Select</option>
            @foreach(['teacher', 'admin', 'worker', 'support', 'other'] as $type)
                <option value="{{ $type }}" @selected($value('employee_type') === $type)>{{ ucfirst($type) }}</option>
            @endforeach
        </select>
    </div>
    <div class="col-md-4">
        <label class="form-label">Employment Type</label>
        <input type="text" name="employment_type" value="{{ $value('employment_type') }}" class="form-control" placeholder="Full-time, part-time, contract">
    </div>
    <div class="col-md-4">
        <label class="form-label">Employment Status</label>
        <select name="employment_status" class="form-select">
            <option value="">Select</option>
            @foreach(['active', 'inactive', 'on_leave', 'ended'] as $status)
                <option value="{{ $status }}" @selected($value('employment_status', 'active') === $status)>{{ ucfirst(str_replace('_', ' ', $status)) }}</option>
            @endforeach
        </select>
    </div>
    <div class="col-md-4">
        <label class="form-label">Department</label>
        <input type="text" name="department" value="{{ $value('department') }}" class="form-control">
    </div>
    <div class="col-md-4">
        <label class="form-label">Qualification</label>
        <input type="text" name="qualification" value="{{ $value('qualification') }}" class="form-control">
    </div>
    <div class="col-md-4">
        <label class="form-label">Specialization</label>
        <input type="text" name="specialization" value="{{ $value('specialization') }}" class="form-control">
    </div>
    <div class="col-md-4">
        <label class="form-label">Joining Date</label>
        <input type="date" name="joining_date" value="{{ $value('joining_date') }}" class="form-control">
    </div>
    <div class="col-md-4">
        <label class="form-label">Contract Start</label>
        <input type="date" name="contract_start_date" value="{{ $value('contract_start_date') }}" class="form-control">
    </div>
    <div class="col-md-4">
        <label class="form-label">Contract End</label>
        <input type="date" name="contract_end_date" value="{{ $value('contract_end_date') }}" class="form-control">
    </div>
</div>

<h6 class="fw-semibold mb-3">Payroll Information</h6>
<div class="row g-3 mb-4">
    <div class="col-md-3">
        <label class="form-label">Salary Type</label>
        <select name="salary_type" class="form-select">
            <option value="">Select</option>
            @foreach(['monthly', 'daily', 'hourly'] as $type)
                <option value="{{ $type }}" @selected($value('salary_type') === $type)>{{ ucfirst($type) }}</option>
            @endforeach
        </select>
    </div>
    <div class="col-md-3">
        <label class="form-label">Monthly Salary</label>
        <input type="number" step="0.01" name="monthly_salary" value="{{ $value('monthly_salary', 0) }}" class="form-control">
    </div>
    <div class="col-md-3">
        <label class="form-label">Daily Rate</label>
        <input type="number" step="0.01" name="daily_rate" value="{{ $value('daily_rate', 0) }}" class="form-control">
    </div>
    <div class="col-md-3">
        <label class="form-label">Hourly Rate</label>
        <input type="number" step="0.01" name="hourly_rate" value="{{ $value('hourly_rate', 0) }}" class="form-control">
    </div>
    <div class="col-md-4">
        <label class="form-label">Bank / Payment Information</label>
        <input type="text" name="bank_account" value="{{ $value('bank_account') }}" class="form-control">
    </div>
    <div class="col-md-8">
        <label class="form-label">Payroll Notes</label>
        <input type="text" name="payroll_notes" value="{{ $value('payroll_notes') }}" class="form-control">
    </div>
</div>