@php
    use App\Support\Validation\KenyanFieldRules;

    $input = (string) ($field['input'] ?? 'text');
    $column = (string) ($field['column'] ?? '');
    $name = (string) ($field['name'] ?? '');
    $label = (string) ($field['label'] ?? '');
    $required = (bool) ($field['is_required'] ?? false);
    $isVisible = ($field['is_visible'] ?? true) !== false;
    $options = (array) ($field['select_options'] ?? []);
    $fieldKind = KenyanFieldRules::kindFromFieldHints(
        $column !== '' ? $column : null,
        (string) ($field['key'] ?? ''),
        $label,
        (string) ($field['data_type'] ?? ''),
    );
    if ($fieldKind === KenyanFieldRules::KIND_DIGITS && ($field['data_type'] ?? '') === 'number') {
        $fieldKind = 'money';
    }
    $loanFieldAttrs = $fieldKind
        ? ' data-loan-field-kind="'.e($fieldKind).'" '.KenyanFieldRules::htmlAttributeStringForKind($fieldKind)
        : '';
    $formDefaults = $formDefaults ?? [];
    $fieldValue = old(
        $column !== '' ? $column : str_replace(['form_meta[', ']'], '', $name),
        $formDefaults[$column] ?? $field['value'] ?? ''
    );
    if (str_starts_with($name, 'form_meta[')) {
        $metaKey = (string) ($field['key'] ?? '');
        $formMeta = is_array($formDefaults['form_meta'] ?? null) ? $formDefaults['form_meta'] : [];
        $fieldValue = old("form_meta.$metaKey", $formMeta[$metaKey] ?? $field['value'] ?? '');
    }
    $colSpan = in_array($input, ['long_text', 'employee_number'], true) ? 'sm:col-span-2' : '';
    $isCreate = ($employee ?? null) === null;
    $visibilityClass = $isVisible ? '' : 'hidden';
@endphp

<div class="{{ $colSpan }} employee-role-field {{ $visibilityClass }}" data-role-field data-employee-column="{{ $column }}">
    @if ($input === 'employee_number')
        <x-input-label :for="$column" :value="$label" :required="$input === 'employee_number' && $isCreate ? null : $required" />
        <input
            type="text"
            id="{{ $column }}"
            name="{{ $column }}"
            value="{{ $fieldValue }}"
            class="mt-1 block w-full rounded-md border-gray-300 shadow-sm focus:border-indigo-500 focus:ring-indigo-500 {{ $isCreate ? 'bg-slate-50' : '' }}"
            @if($isCreate) readonly @endif
            @if($required) required @endif
            autocomplete="off"
            {!! $loanFieldAttrs !!}
        />
        @if ($isCreate)
            <p class="mt-1 text-xs text-slate-500">Auto-assigned by the system when left blank.</p>
        @endif
        <x-input-error class="mt-2" :field="$column" :messages="$errors->get($column)" />
    @elseif ($input === 'department_lookup')
        <div class="flex items-center gap-2">
            <x-input-label :for="$column" :value="$label" class="mb-0" :required="$required" />
            @include('loan.employees.partials.add-lookup-button', [
                'modalKey' => 'department',
                'label' => 'department',
                'target' => $column,
                'createUrl' => route('loan.employees.departments.create', ['modal' => 1, 'target' => $column]),
                'refreshUrl' => route('loan.lookups.departments'),
            ])
        </div>
        <select id="{{ $column }}" name="{{ $column }}" class="mt-1 block w-full rounded-md border-gray-300 shadow-sm focus:border-indigo-500 focus:ring-indigo-500" @if($required) required @endif>
            <option value="">Select department</option>
            @foreach ($departmentOptions as $departmentName)
                <option value="{{ $departmentName }}" @selected($selectedDepartment === $departmentName)>{{ $departmentName }}</option>
            @endforeach
        </select>
        <x-input-error class="mt-2" :field="$column" :messages="$errors->get($column)" />
    @elseif ($input === 'job_title_lookup')
        <x-input-label :for="$column" :value="$label" :required="$input === 'employee_number' && $isCreate ? null : $required" />
        <select id="{{ $column }}" name="{{ $column }}" class="mt-1 block w-full rounded-md border-gray-300 shadow-sm focus:border-indigo-500 focus:ring-indigo-500" @if($required) required @endif>
            <option value="">Select job title</option>
            @foreach ($jobTitleOptions as $title)
                <option value="{{ $title }}" @selected($selectedJobTitle === $title)>{{ $title }}</option>
            @endforeach
        </select>
        <p class="mt-1 text-xs text-slate-500">Titles mirror active access roles under System setup → Access &amp; roles. Custom titles already on file are kept in the list.</p>
        <x-input-error class="mt-2" :field="$column" :messages="$errors->get($column)" />
    @elseif ($input === 'branch_lookup')
        <div class="flex items-center gap-2">
            <x-input-label :for="$column" :value="$label" class="mb-0" :required="$required" />
            @include('loan.employees.partials.add-lookup-button', [
                'modalKey' => 'branch',
                'label' => 'branch',
                'target' => $column,
                'createUrl' => route('loan.employees.branches.create', ['modal' => 1, 'target' => $column]),
                'refreshUrl' => route('loan.lookups.employee_branches'),
            ])
        </div>
        <select id="{{ $column }}" name="{{ $column }}" class="mt-1 block w-full rounded-md border-gray-300 shadow-sm focus:border-indigo-500 focus:ring-indigo-500" @if($required) required @endif>
            <option value="">Select branch</option>
            @foreach ($branchOptions as $branch)
                <option value="{{ $branch->name }}" @selected($selectedBranchName === $branch->name)>{{ $branch->name }}</option>
            @endforeach
        </select>
        <x-input-error class="mt-2" :field="$column" :messages="$errors->get($column)" />
    @elseif ($input === 'supervisor')
        <x-input-label :for="$column" :value="$label" :required="$input === 'employee_number' && $isCreate ? null : $required" />
        <p class="mt-0.5 text-xs text-slate-500">Who this employee reports to (their line manager).</p>
        <select id="{{ $column }}" name="{{ $column }}" class="mt-1 block w-full rounded-md border-gray-300 shadow-sm focus:border-indigo-500 focus:ring-indigo-500" @if($required) required @endif>
            <option value="">Select supervisor</option>
            @foreach ($supervisors as $supervisor)
                <option value="{{ $supervisor->id }}" @selected((string) old($column, $employee?->supervisor_employee_id) === (string) $supervisor->id)>{{ $supervisor->full_name }} ({{ $supervisor->employee_number }})</option>
            @endforeach
        </select>
        <x-input-error class="mt-2" :field="$column" :messages="$errors->get($column)" />
    @elseif ($fieldKind === KenyanFieldRules::KIND_PHONE_KE)
        <x-input-label :for="$column" :value="$label" :required="$input === 'employee_number' && $isCreate ? null : $required" />
        <x-phone-input
            :name="$column"
            :id="$column"
            :value="$fieldValue"
            :required="$required"
            :loan-field-attrs="$loanFieldAttrs"
            wrapper-class="mt-1 w-full"
            input-class="flex-1 min-w-0 w-full rounded-md border-gray-300 bg-white py-2 text-sm text-slate-900 shadow-sm focus:border-indigo-500 focus:ring-indigo-500"
        />
        <x-input-error class="mt-2" :field="$column" :messages="$errors->get($column)" />
    @elseif ($input === 'string')
        <x-input-label :for="$column" :value="$label" :required="$input === 'employee_number' && $isCreate ? null : $required" />
        <input
            type="text"
            id="{{ $column }}"
            name="{{ $column }}"
            value="{{ $fieldValue }}"
            class="mt-1 block w-full rounded-md border-gray-300 shadow-sm focus:border-indigo-500 focus:ring-indigo-500"
            @if($required) required @endif
            @if($column === 'first_name') autocomplete="given-name" @endif
            @if($column === 'last_name') autocomplete="family-name" @endif
            {!! $loanFieldAttrs !!}
        />
        @if ($fieldKind === KenyanFieldRules::KIND_KRA_PIN)
            <p class="mt-1 text-xs text-slate-500">Exactly 11 letters or numbers (e.g. A1DBBF3SFGA).</p>
        @elseif ($fieldKind === KenyanFieldRules::KIND_NATIONAL_ID)
            <p class="mt-1 text-xs text-slate-500">7, 8 or 9 digits.</p>
        @endif
        <x-input-error class="mt-2" :field="$column" :messages="$errors->get($column)" />
    @elseif ($input === 'select')
        <x-input-label :for="$column" :value="$label" :required="$input === 'employee_number' && $isCreate ? null : $required" />
        <select id="{{ $column }}" name="{{ $column }}" class="mt-1 block w-full rounded-md border-gray-300 shadow-sm focus:border-indigo-500 focus:ring-indigo-500" @if($required) required @endif>
            <option value="">Select…</option>
            @foreach ($options as $option)
                <option value="{{ $option }}" @selected((string) $fieldValue === (string) $option)>{{ $option }}</option>
            @endforeach
        </select>
        <x-input-error class="mt-2" :field="$column" :messages="$errors->get($column)" />
    @elseif ($input === 'date')
        <x-input-label :for="$column" :value="$label" :required="$input === 'employee_number' && $isCreate ? null : $required" />
        <input
            type="date"
            id="{{ $column }}"
            name="{{ $column }}"
            value="{{ $fieldValue }}"
            class="mt-1 block w-full rounded-md border-gray-300 shadow-sm focus:border-indigo-500 focus:ring-indigo-500"
            @if($column === 'date_of_birth')
                min="{{ \App\Support\Validation\EmployeeDateOfBirthRules::minBirthDate() }}"
                max="{{ \App\Support\Validation\EmployeeDateOfBirthRules::maxBirthDate() }}"
            @endif
            @if($required) required @endif
        />
        @if ($column === 'date_of_birth')
            <p class="mt-1 text-xs text-slate-500">Employee must be at least {{ \App\Support\Validation\EmployeeDateOfBirthRules::MIN_AGE_YEARS }} years old.</p>
        @endif
        <x-input-error class="mt-2" :field="$column" :messages="$errors->get($column)" />
    @elseif ($input === 'long_text')
        <x-input-label :for="$column" :value="$label" :required="$input === 'employee_number' && $isCreate ? null : $required" />
        <textarea id="{{ $column }}" name="{{ $column }}" rows="3" class="mt-1 block w-full rounded-md border-gray-300 shadow-sm focus:border-indigo-500 focus:ring-indigo-500" @if($required) required @endif{!! $loanFieldAttrs !!}>{{ $fieldValue }}</textarea>
        <x-input-error class="mt-2" :field="$column" :messages="$errors->get($column)" />
    @elseif ($input === 'email')
        <x-input-label :for="$column" :value="$label" :required="$input === 'employee_number' && $isCreate ? null : $required" />
        <input
            type="email"
            id="{{ $column }}"
            name="{{ $column }}"
            value="{{ $fieldValue }}"
            class="mt-1 block w-full rounded-md border-gray-300 shadow-sm focus:border-indigo-500 focus:ring-indigo-500"
            autocomplete="email"
            @if($required) required @endif
            {!! $loanFieldAttrs !!}
        />
        <x-input-error class="mt-2" :field="$column" :messages="$errors->get($column)" />
    @elseif ($input === 'custom')
        @php $metaKey = (string) ($field['key'] ?? ''); @endphp
        <x-input-label :for="'form_meta_'.$metaKey" :value="$label" :required="$required" />
        @if (($field['data_type'] ?? '') === 'long_text')
            <textarea id="form_meta_{{ $metaKey }}" name="form_meta[{{ $metaKey }}]" rows="3" class="mt-1 block w-full rounded-md border-gray-300 shadow-sm focus:border-indigo-500 focus:ring-indigo-500" @if($required) required @endif>{{ $fieldValue }}</textarea>
        @elseif (($field['data_type'] ?? '') === 'select')
            <select id="form_meta_{{ $metaKey }}" name="form_meta[{{ $metaKey }}]" class="mt-1 block w-full rounded-md border-gray-300 shadow-sm focus:border-indigo-500 focus:ring-indigo-500" @if($required) required @endif>
                <option value="">Select…</option>
                @foreach ($options as $option)
                    <option value="{{ $option }}" @selected((string) $fieldValue === (string) $option)>{{ $option }}</option>
                @endforeach
            </select>
        @elseif (($field['data_type'] ?? '') === 'number')
            <input type="text" inputmode="decimal" id="form_meta_{{ $metaKey }}" name="form_meta[{{ $metaKey }}]" value="{{ $fieldValue }}" class="mt-1 block w-full rounded-md border-gray-300 shadow-sm focus:border-indigo-500 focus:ring-indigo-500" data-loan-field-kind="money" maxlength="18" @if($required) required @endif />
        @elseif (($field['data_type'] ?? '') === 'date')
            <input type="date" id="form_meta_{{ $metaKey }}" name="form_meta[{{ $metaKey }}]" value="{{ $fieldValue }}" class="mt-1 block w-full rounded-md border-gray-300 shadow-sm focus:border-indigo-500 focus:ring-indigo-500" @if($required) required @endif />
        @else
            <input type="text" id="form_meta_{{ $metaKey }}" name="form_meta[{{ $metaKey }}]" value="{{ $fieldValue }}" class="mt-1 block w-full rounded-md border-gray-300 shadow-sm focus:border-indigo-500 focus:ring-indigo-500" @if($required) required @endif {!! $loanFieldAttrs !!} />
        @endif
        @if ($fieldKind === KenyanFieldRules::KIND_KRA_PIN)
            <p class="mt-1 text-xs text-slate-500">Exactly 11 letters or numbers (e.g. A1DBBF3SFGA).</p>
        @elseif ($fieldKind === KenyanFieldRules::KIND_NATIONAL_ID)
            <p class="mt-1 text-xs text-slate-500">7, 8 or 9 digits.</p>
        @endif
        @error("form_meta.$metaKey")
            <x-input-error class="mt-2" :field="'form_meta.'.$metaKey" :messages="[$message]" />
        @enderror
    @else
        @php
            $fallbackErrorKey = $column !== '' ? $column : 'form_meta.'.($field['key'] ?? '');
        @endphp
        <x-input-label :for="$column ?: 'form_meta_'.($field['key'] ?? '')" :value="$label" :required="$required" />
        <input
            type="text"
            id="{{ $column ?: 'form_meta_'.($field['key'] ?? '') }}"
            name="{{ $column ?: 'form_meta['.($field['key'] ?? '').']' }}"
            value="{{ $fieldValue }}"
            class="mt-1 block w-full rounded-md border-gray-300 shadow-sm focus:border-indigo-500 focus:ring-indigo-500"
            @if($required) required @endif
            {!! $loanFieldAttrs !!}
        />
        <x-input-error class="mt-2" :field="$fallbackErrorKey" :messages="$errors->get($fallbackErrorKey)" />
    @endif
</div>