@php $s = $staff ?? null; @endphp
<div class="row g-3">
    <div class="col-12 d-flex align-items-center gap-3 mb-1">
        @if($s && $s->photoUrl())
            <img src="{{ $s->photoUrl() }}" class="avatar avatar-lg rounded-circle border" style="object-fit:cover" alt="photo">
        @else
            <div class="icon icon-lg icon-shape bg-gradient-primary rounded-circle d-flex align-items-center justify-content-center" style="width:64px;height:64px">
                <i class="bi bi-person-fill text-white h4 mb-0"></i></div>
        @endif
        <div class="flex-grow-1" style="max-width:340px">
            <label class="form-label text-xs">Staff Photo</label>
            <input type="file" name="photo" accept="image/*" class="form-control form-control-sm">
        </div>
    </div>

    <div class="col-md-3"><label class="form-label text-xs">Running No</label><input type="number" name="running_no" value="{{ old('running_no', $s->running_no ?? '') }}" class="form-control form-control-sm"></div>
    <div class="col-md-3"><label class="form-label text-xs">Worker Code</label><input name="worker_code" value="{{ old('worker_code', $s->worker_code ?? '') }}" class="form-control form-control-sm"></div>
    <div class="col-md-3"><label class="form-label text-xs">Site Ref</label><input name="site_ref" value="{{ old('site_ref', $s->site_ref ?? '') }}" class="form-control form-control-sm"></div>
    <div class="col-md-3"><label class="form-label text-xs">Status *</label>
        <select name="status" class="form-select form-select-sm" required>
            @foreach(['active','resign','inactive'] as $st)<option value="{{ $st }}" @selected(old('status', $s->status ?? 'active')===$st)>{{ ucfirst($st) }}</option>@endforeach
        </select></div>

    <div class="col-md-6"><label class="form-label text-xs">Full Name *</label><input name="name" value="{{ old('name', $s->name ?? '') }}" class="form-control form-control-sm" required></div>
    <div class="col-md-3"><label class="form-label text-xs">Passport No</label><input name="passport_no" value="{{ old('passport_no', $s->passport_no ?? '') }}" class="form-control form-control-sm"></div>
    <div class="col-md-3"><label class="form-label text-xs">Gender</label>
        <select name="gender" class="form-select form-select-sm">
            <option value="">—</option>
            @foreach(['male','female'] as $g)<option value="{{ $g }}" @selected(old('gender', $s->gender ?? '')===$g)>{{ ucfirst($g) }}</option>@endforeach
        </select></div>

    <div class="col-md-3"><label class="form-label text-xs">Nationality</label>
        <select name="nationality_id" class="form-select form-select-sm searchable">
            <option value="">—</option>
            @foreach($nationalities as $n)<option value="{{ $n->id }}" @selected(old('nationality_id', $s->nationality_id ?? '')==$n->id)>{{ $n->name }}</option>@endforeach
        </select></div>
    <div class="col-md-3"><label class="form-label text-xs">Site / Project</label>
        <select name="site_id" class="form-select form-select-sm searchable">
            <option value="">—</option>
            @foreach($sites as $site)<option value="{{ $site->id }}" @selected(old('site_id', $s->site_id ?? '')==$site->id)>{{ $site->name }}</option>@endforeach
        </select></div>
    <div class="col-md-3"><label class="form-label text-xs">Designation</label><input name="designation" value="{{ old('designation', $s->designation ?? '') }}" class="form-control form-control-sm"></div>
    <div class="col-md-3"><label class="form-label text-xs">Department</label><input name="department" value="{{ old('department', $s->department ?? '') }}" class="form-control form-control-sm"></div>

    <div class="col-md-3"><label class="form-label text-xs">Passport Expiry</label><input type="date" name="passport_expiry" value="{{ old('passport_expiry', optional($s->passport_expiry ?? null)->format('Y-m-d')) }}" class="form-control form-control-sm"></div>
    <div class="col-md-3"><label class="form-label text-xs">Permit Expiry</label><input type="date" name="permit_expiry" value="{{ old('permit_expiry', optional($s->permit_expiry ?? null)->format('Y-m-d')) }}" class="form-control form-control-sm"></div>
    <div class="col-md-3"><label class="form-label text-xs">FOMEMA Expiry</label><input type="date" name="fomema_expiry" value="{{ old('fomema_expiry', optional($s->fomema_expiry ?? null)->format('Y-m-d')) }}" class="form-control form-control-sm"></div>
    <div class="col-md-3 d-flex align-items-end gap-3">
        <div class="form-check form-switch"><input type="checkbox" role="switch" name="has_passport" value="1" class="form-check-input" @checked(old('has_passport', $s->has_passport ?? false))><label class="form-check-label text-xs">Passport held</label></div>
        <div class="form-check form-switch"><input type="checkbox" role="switch" name="has_epass" value="1" class="form-check-input" @checked(old('has_epass', $s->has_epass ?? false))><label class="form-check-label text-xs">E-Pass</label></div>
    </div>

    <div class="col-md-3"><label class="form-label text-xs">Basic Rate</label><input type="number" step="0.01" name="basic_rate" value="{{ old('basic_rate', $s->basic_rate ?? '') }}" class="form-control form-control-sm"></div>
    <div class="col-md-3"><label class="form-label text-xs">Pay Basis</label>
        <select name="pay_basis" class="form-select form-select-sm">
            <option value="">—</option>
            @foreach(['monthly','daily','hourly'] as $pb)<option value="{{ $pb }}" @selected(old('pay_basis', $s->pay_basis ?? '')===$pb)>{{ ucfirst($pb) }}</option>@endforeach
        </select></div>
    <div class="col-md-3"><label class="form-label text-xs">Bank</label>
        <select name="bank_id" class="form-select form-select-sm">
            <option value="">—</option>
            @foreach($banks as $b)<option value="{{ $b->id }}" @selected(old('bank_id', $s->bank_id ?? '')==$b->id)>{{ $b->name }}</option>@endforeach
        </select></div>
    <div class="col-md-3"><label class="form-label text-xs">Account Number</label><input name="account_number" value="{{ old('account_number', $s->account_number ?? '') }}" class="form-control form-control-sm"></div>

    <div class="col-md-3"><label class="form-label text-xs">4-Digit Number</label><input name="account_last4" value="{{ old('account_last4', $s->account_last4 ?? '') }}" class="form-control form-control-sm"></div>
    <div class="col-md-3"><label class="form-label text-xs">Date of Join</label><input type="date" name="date_of_join" value="{{ old('date_of_join', optional($s->date_of_join ?? null)->format('Y-m-d')) }}" class="form-control form-control-sm"></div>
    <div class="col-md-3"><label class="form-label text-xs">Resign Date</label><input type="date" name="resign_date" value="{{ old('resign_date', optional($s->resign_date ?? null)->format('Y-m-d')) }}" class="form-control form-control-sm"></div>

    @if(!$s)
    <div class="col-12"><hr class="horizontal dark my-1"><span class="text-xs text-uppercase text-muted">Initial Documents (optional)</span></div>
    <div class="col-md-6"><label class="form-label text-xs">Passport Scan</label><input type="file" name="passport_file" class="form-control form-control-sm"></div>
    <div class="col-md-6"><label class="form-label text-xs">Permit Scan</label><input type="file" name="permit_file" class="form-control form-control-sm"></div>
    @endif
</div>