@php
    $optionRows = old('options', $options->map(fn ($option) => [
        'value' => $option->value,
        'label' => $option->label,
    ])->all());

    // Always leave a blank row so an editor can add one without a button press.
    $optionRows = array_values($optionRows);
    $optionRows[] = ['value' => '', 'label' => ''];

    $validation = $record->validation ?? [];
@endphp

<x-admin.form-section title="Attribute"
                      description="A reusable field. Define it once here, then bind it to whichever categories should ask for it.">
    <x-form.input name="name" label="Name" :value="$record->name" required placeholder="e.g. Bedrooms" />

    @if ($record->exists)
        {{-- The code is referenced by stored values, query strings and saved
             searches, so it is deliberately not editable after creation. --}}
        <div>
            <span class="form-label">Code</span>
            <p class="form-input bg-surface-muted text-text-muted">{{ $record->code }}</p>
            <p class="form-hint">Fixed once created — listings and saved searches reference it.</p>
        </div>
    @else
        <x-form.input name="code" label="Code" :value="$record->code" required placeholder="e.g. bedrooms"
                      hint="Lowercase letters, numbers and underscores. Cannot be changed later." />
    @endif

    <x-form.select name="type" label="Type" :options="$types" :value="$record->type?->value ?? 'text'"
                   required :placeholder="false" />

    <x-form.input name="unit" label="Unit" :value="$record->unit" placeholder="e.g. sq. ft"
                  hint="Shown after the value." />

    <x-form.input name="placeholder" label="Placeholder" :value="$record->placeholder" />
    <x-form.input name="help_text" label="Help text" :value="$record->help_text" class="sm:col-span-2" />
</x-admin.form-section>

<x-admin.form-section title="Limits"
                      description="Applied on top of the rules the type already implies. Leave blank for no limit.">
    <x-form.input name="min" type="number" step="any" label="Minimum" :value="$validation['min'] ?? null" />
    <x-form.input name="max" type="number" step="any" label="Maximum" :value="$validation['max'] ?? null" />
    <x-form.input name="max_length" type="number" label="Maximum length"
                  :value="$validation['max_length'] ?? null" hint="Text and paragraph types only." />
</x-admin.form-section>

{{--
    Options only mean anything for the two choice types. The block stays in the
    DOM either way so switching type does not lose what was typed, but the server
    discards options for a type that cannot use them.
--}}
<x-admin.form-section title="Options"
                          description="Used by the “choose one” and “choose several” types. The value is stored and appears in URLs; the label is what visitors read.">
        <div class="sm:col-span-2">
            <div class="space-y-2.5">
                @foreach ($optionRows as $index => $row)
                    <div class="grid gap-2.5 sm:grid-cols-[1fr_1fr_auto]">
                        <input type="text" name="options[{{ $index }}][value]" value="{{ $row['value'] ?? '' }}"
                               placeholder="value_stored" class="form-input"
                               aria-label="Option {{ $index + 1 }} value">

                        <input type="text" name="options[{{ $index }}][label]" value="{{ $row['label'] ?? '' }}"
                               placeholder="Label shown" class="form-input"
                               aria-label="Option {{ $index + 1 }} label">

                        <span class="hidden items-center text-xs text-text-muted sm:flex">{{ $index + 1 }}</span>
                    </div>
                @endforeach
            </div>

            <p class="form-hint">
                Clearing both fields on a row removes that option. Listings already holding a removed
                value keep it — it simply stops being offered.
            </p>
        </div>
</x-admin.form-section>

<x-admin.form-section title="Behaviour">
    <div class="space-y-3 sm:col-span-2">
        <x-form.checkbox name="is_filterable" label="Offer as a search filter"
                         :checked="$record->exists ? $record->is_filterable : true" />

        <x-form.checkbox name="is_searchable" label="Include in keyword search"
                         :checked="(bool) $record->is_searchable"
                         hint="Only worth it for text attributes a visitor might type." />

        <x-form.checkbox name="is_comparable" label="Show when comparing listings"
                         :checked="$record->exists ? $record->is_comparable : true" />
    </div>
</x-admin.form-section>

<x-admin.publish-fields :record="$record" :flags="[]" />