@props([
    'name',
    'label',
    'type' => 'text',
    'required' => false,
    'help' => null,
    'placeholder' => null,
    'options' => null,
    'rows' => 5,
    'value' => null,
    'autocomplete' => null,
])

@php
    $id = 'champ-'.str_replace(['[', ']', '.'], '-', trim($name, '[]'));
    $current = old($name, $value);
    $hasError = $errors->has($name);
    $describedBy = collect([
        $help ? $id.'-aide' : null,
        $hasError ? $id.'-erreur' : null,
    ])->filter()->implode(' ');
@endphp

<div {{ $attributes->only('class') }}>
    <label for="{{ $id }}" class="field-label">
        {{ $label }}
        @if ($required)
            <span class="text-accent" aria-hidden="true">*</span>
            <span class="sr-only">(obligatoire)</span>
        @endif
    </label>

    @if ($type === 'textarea')
        <textarea
            id="{{ $id }}"
            name="{{ $name }}"
            rows="{{ $rows }}"
            @if ($required) required @endif
            @if ($placeholder) placeholder="{{ $placeholder }}" @endif
            @if ($describedBy) aria-describedby="{{ $describedBy }}" @endif
            @if ($hasError) aria-invalid="true" @endif
            class="field"
        >{{ $current }}</textarea>
    @elseif ($type === 'select')
        <select
            id="{{ $id }}"
            name="{{ $name }}"
            @if ($required) required @endif
            @if ($describedBy) aria-describedby="{{ $describedBy }}" @endif
            @if ($hasError) aria-invalid="true" @endif
            class="field"
        >
            <option value="">{{ $placeholder ?? 'Choisissez…' }}</option>
            @foreach ($options ?? [] as $optionValue => $optionLabel)
                <option value="{{ $optionValue }}" @selected((string) $current === (string) $optionValue)>
                    {{ $optionLabel }}
                </option>
            @endforeach
        </select>
    @else
        <input
            id="{{ $id }}"
            name="{{ $name }}"
            type="{{ $type }}"
            value="{{ $current }}"
            @if ($required) required @endif
            @if ($placeholder) placeholder="{{ $placeholder }}" @endif
            @if ($autocomplete) autocomplete="{{ $autocomplete }}" @endif
            @if ($describedBy) aria-describedby="{{ $describedBy }}" @endif
            @if ($hasError) aria-invalid="true" @endif
            class="field"
        >
    @endif

    @if ($help)
        <p id="{{ $id }}-aide" class="mt-1.5 text-xs text-ink-subtle">{{ $help }}</p>
    @endif

    @error($name)
        <p id="{{ $id }}-erreur" class="field-error">{{ $message }}</p>
    @enderror
</div>