@php
    $isPrimary = $field->primary == '1';
    $currentValue = old($field->field, $list?->{$field->field} ?? $field->default);
    $searchDisplay = old('display_' . $field->field, $field->selected_label ?: $list?->{$field->field} ?? '');
    $isCustomSelect = \Illuminate\Support\Str::contains($field->class, 'custom-select');
    $isSelectMultiple = \Illuminate\Support\Str::contains($field->class, 'select-multiple');
@endphp

<div class="mb-3">
    <label class="form-control-label fw-bold">{{ $field->alias }}{{ !empty($field->required) ? '*' : '' }}</label>

    @if ($field->type === 'text')
        <textarea class="form-control {{ $field->class }}" name="{{ $field->field }}" rows="3"
            {{ $isPrimary ? 'readonly' : '' }}>{{ $currentValue }}</textarea>
    @elseif ($field->type === 'enum')
        <div class="enum-refresh-wrapper">
            <select class="form-select lazy-enum-select {{ $field->class }}"
                name="{{ $field->field }}{{ $isSelectMultiple ? '[]' : '' }}" data-field="{{ $field->field }}"
                data-selected='@json($currentValue)' {{ $isPrimary ? 'disabled' : '' }}
                {{ $isSelectMultiple ? 'multiple' : '' }}>
                <option value=""></option>
                @foreach ($field->options as $option)
                    <option value="{{ $option['value'] }}"
                        @if ($isSelectMultiple && is_array($currentValue)) {{ in_array((string) $option['value'], array_map('strval', $currentValue), true) ? 'selected' : '' }}
                        @else
                            {{ (string) $option['value'] === (string) $currentValue ? 'selected' : '' }} @endif>
                        {{ $option['label'] }}
                    </option>
                @endforeach
            </select>
            @if ($isCustomSelect || $isSelectMultiple)
                <button type="button"
                    class="btn btn-info btn-sm mb-0 px-2 py-1 enum-refresh-trigger enum-refresh-inside"
                    data-field="{{ $field->field }}" title="Refresh Data">
                    <i class="fas fa-rotate-right"></i>
                </button>
            @endif
        </div>
        @if ($isPrimary)
            <input type="hidden" name="{{ $field->field }}" value="{{ $currentValue }}">
        @endif
    @elseif ($field->type === 'search')
        <input type="hidden" name="{{ $field->field }}" value="{{ $currentValue }}">
        <div class="input-group">
            <input type="text" class="form-control {{ $field->class }}" id="display_{{ $field->field }}"
                name="display_{{ $field->field }}" value="{{ $searchDisplay }}"
                placeholder="Pilih {{ $field->alias }}" readonly>
            <span class="input-group-text bg-primary text-light search-modal-trigger" data-bs-toggle="modal"
                data-bs-target="#searchModal{{ $field->field }}" data-field="{{ $field->field }}"
                data-title="{{ $field->alias }}" style="cursor: pointer;">
                <i class="fas fa-search"></i>
            </span>
        </div>
    @else
        <input
            type="{{ $field->type === 'date' ? 'date' : ($field->type === 'number' || $field->type === 'currency' ? 'number' : 'text') }}"
            class="form-control {{ $field->class }}" name="{{ $field->field }}" value="{{ $currentValue }}"
            placeholder="{{ $field->alias }}" {{ $isPrimary ? 'readonly' : '' }}
            {{ $field->type === 'currency' ? 'step=' . ('0.' . str_repeat('0', max((int) $field->decimals - 1, 0)) . '1') : '' }}>
    @endif

    @error($field->field)
        <p class="text-danger text-sm mt-1">{{ $message }}</p>
    @enderror
</div>