{{-- Shared executive fields. Staff, so the member questionnaire is omitted. --}}
@php
    $executive = $executive ?? null;
    $value = fn (string $key, $default = null) => old($key, $executive->{$key} ?? $default);
@endphp

<div class="form-section">
    <h2 class="form-section__title">Personal details</h2>
    <p class="form-section__description">Identity and contact information for this staff member.</p>

    <div class="form-grid">
        <x-field label="Full name" name="fullname" :required="true" span="6">
            <input type="text" id="fullname" name="fullname" class="input @error('fullname') is-invalid @enderror"
                   value="{{ $value('fullname') }}" required autocomplete="name">
        </x-field>

        <x-field label="Designation" name="occupation" :required="true" span="6" hint="e.g. Head Trainer, Receptionist">
            <input type="text" id="occupation" name="occupation" class="input @error('occupation') is-invalid @enderror"
                   value="{{ $value('occupation') }}" required>
        </x-field>

        <x-field label="Age" name="age" :required="true" span="4">
            <input type="text" id="age" name="age" class="input @error('age') is-invalid @enderror"
                   value="{{ $value('age') }}" required inputmode="numeric">
        </x-field>

        <x-field label="Sex" name="sex" :required="true" span="4">
            <select id="sex" name="sex" class="select @error('sex') is-invalid @enderror" required>
                <option value="">Select…</option>
                @foreach ($sex as $key => $label)
                    <option value="{{ $key }}" @selected((string) $value('sex') === (string) $key)>{{ ucwords($label) }}</option>
                @endforeach
            </select>
        </x-field>

        <x-field label="Nationality" name="nationality" :required="true" span="4">
            <input type="text" id="nationality" name="nationality" class="input @error('nationality') is-invalid @enderror"
                   value="{{ $value('nationality', 'Bangladeshi') }}" required>
        </x-field>

        <x-field label="Phone number" name="phone_number" :required="true" span="6">
            <input type="text" id="phone_number" name="phone_number" class="input @error('phone_number') is-invalid @enderror"
                   value="{{ $value('phone_number') }}" required inputmode="tel" autocomplete="tel">
        </x-field>

        <x-field label="Emergency contact" name="emergency_contact" span="6">
            <input type="text" id="emergency_contact" name="emergency_contact" class="input"
                   value="{{ $value('emergency_contact') }}" inputmode="tel">
        </x-field>

        <x-field label="Present address" name="present_address" :required="true" span="12">
            <input type="text" id="present_address" name="present_address" class="input @error('present_address') is-invalid @enderror"
                   value="{{ $value('present_address') }}" required autocomplete="street-address">
        </x-field>

        <x-field label="Height" name="height" span="3">
            <input type="text" id="height" name="height" class="input" value="{{ $value('height') }}">
        </x-field>

        <x-field label="Weight" name="weight" span="3">
            <input type="text" id="weight" name="weight" class="input" value="{{ $value('weight') }}">
        </x-field>

        <x-field label="Blood group" name="blood_group" span="3">
            <select id="blood_group" name="blood_group" class="select">
                <option value="">Select…</option>
                @foreach ($blood_group as $key => $label)
                    <option value="{{ $key }}" @selected((string) $value('blood_group') === (string) $key)>{{ $label }}</option>
                @endforeach
            </select>
        </x-field>

        <x-field label="NID / Passport" name="identification_id" span="3">
            <input type="text" id="identification_id" name="identification_id" class="input" value="{{ $value('identification_id') }}">
        </x-field>
    </div>
</div>

<div class="form-section">
    <h2 class="form-section__title">Employment</h2>
    <p class="form-section__description">Joining date and staff identifier.</p>

    <div class="form-grid">
        <x-field label="Joining date" name="registration_date" :required="true" span="6">
            <div class="input-group">
                <input type="text" id="registration_date" name="registration_date"
                       class="input date-picker @error('registration_date') is-invalid @enderror"
                       value="{{ old('registration_date', $executive && $executive->registration_date ? date('d-m-Y', strtotime($executive->registration_date)) : '') }}"
                       data-date-format="dd-mm-yyyy" placeholder="dd-mm-yyyy" readonly required>
                <span class="input-group__addon" aria-hidden="true"><i class="fa-solid fa-calendar-days"></i></span>
            </div>
        </x-field>

        <x-field label="Staff ID" name="gym_id" span="6">
            <input type="text" id="gym_id" name="gym_id" class="input" value="{{ $value('gym_id') }}">
        </x-field>
    </div>
</div>

<div class="form-section">
    <h2 class="form-section__title">Documents</h2>
    <p class="form-section__description">JPG or PNG, up to 10 MB each.</p>

    <div class="form-grid">
        <x-field label="Photo" name="pic" span="6">
            <div class="upload">
                <x-photo :path="$profile_image_path" :file="$executive->pic ?? null"
                         alt="Current photo" class="upload__preview" id="preview-pic" />
                <div class="upload__control">
                    <input type="file" id="pic" name="pic" class="input @error('pic') is-invalid @enderror"
                           accept="image/jpeg,image/png" data-preview-target="#preview-pic">
                </div>
            </div>
        </x-field>

        <x-field label="NID scan" name="nid" span="6">
            <div class="upload">
                <x-photo :path="$nid_image_path" :file="$executive->nid ?? null" fallback="images/blank.png"
                         alt="Current NID scan" class="upload__preview" id="preview-nid" />
                <div class="upload__control">
                    <input type="file" id="nid" name="nid" class="input @error('nid') is-invalid @enderror"
                           accept="image/jpeg,image/png" data-preview-target="#preview-nid">
                </div>
            </div>
        </x-field>
    </div>
</div>