@php
    use App\Enums\AddressType;
    $countries = config('renard-rouge.shipping.countries');
    $value = fn (string $key, mixed $default = null) => old($key, $editing?->{$key} instanceof BackedEnum ? $editing->{$key}->value : ($editing?->{$key} ?? $default));
@endphp

<x-account-shell title="Mes adresses">
    <div class="grid gap-5 md:grid-cols-2">
        @forelse ($addresses as $address)
            <div class="flex flex-col border border-filet p-8">
                <p class="kicker text-gris">{{ $address->type->getLabel() }} @if ($address->is_default)<span class="text-rouge">· Par défaut</span>@endif</p>
                <p class="mt-4 leading-relaxed">
                    @if ($address->company){{ $address->company }}<br>@endif
                    {{ $address->first_name }} {{ $address->last_name }}<br>
                    {{ $address->line1 }}<br>@if ($address->line2){{ $address->line2 }}<br>@endif
                    {{ $address->postcode }} {{ $address->city }}@if ($address->country !== 'FR'), {{ $countries[$address->country] ?? $address->country }}@endif
                </p>
                <div class="mt-auto flex gap-6 pt-6">
                    <a href="{{ route('account.addresses.index', ['modifier' => $address->id]) }}#formulaire" class="kicker text-gris hover:text-encre">Modifier</a>
                    <form method="POST" action="{{ route('account.addresses.destroy', $address) }}">
                        @csrf @method('DELETE')
                        <button type="submit" class="kicker text-gris hover:text-rouge">Supprimer</button>
                    </form>
                </div>
            </div>
        @empty
            <p class="text-gris md:col-span-2">Aucune adresse enregistrée pour le moment.</p>
        @endforelse
    </div>

    <form id="formulaire" method="POST" action="{{ $editing ? route('account.addresses.update', $editing) : route('account.addresses.store') }}" class="mt-20 grid gap-x-8 gap-y-8 border-t border-filet pt-16 sm:grid-cols-2">
        @csrf
        @if ($editing) @method('PUT') @endif
        <h2 class="font-serif text-3xl sm:col-span-2">{{ $editing ? 'Modifier l\'adresse' : 'Ajouter une adresse' }}</h2>
        <div>
            <label for="type" class="champ-label">Type</label>
            <select id="type" name="type" class="champ">
                @foreach (AddressType::cases() as $type)
                    <option value="{{ $type->value }}" @selected($value('type', 'shipping') === $type->value)>{{ $type->getLabel() }}</option>
                @endforeach
            </select>
        </div>
        <div>
            <label for="company" class="champ-label">Société (facultatif)</label>
            <input id="company" name="company" value="{{ $value('company') }}" class="champ">
        </div>
        @foreach ([['first_name', 'Prénom', true], ['last_name', 'Nom', true], ['line1', 'Adresse', true], ['line2', 'Complément', false], ['postcode', 'Code postal', true], ['city', 'Ville', true], ['phone', 'Téléphone', false]] as [$name, $label, $required])
            <div @class(['sm:col-span-2' => in_array($name, ['line1', 'line2'])])>
                <label for="{{ $name }}" class="champ-label">{{ $label }}</label>
                <input id="{{ $name }}" name="{{ $name }}" value="{{ $value($name, in_array($name, ['first_name', 'last_name', 'phone']) ? auth()->user()->{$name} : null) }}" class="champ" @required($required)>
                @error($name)<p class="champ-erreur">{{ $message }}</p>@enderror
            </div>
        @endforeach
        <div>
            <label for="country" class="champ-label">Pays</label>
            <select id="country" name="country" class="champ">
                @foreach ($countries as $code => $name)
                    <option value="{{ $code }}" @selected($value('country', 'FR') === $code)>{{ $name }}</option>
                @endforeach
            </select>
        </div>
        <label class="flex items-center gap-3 text-sm sm:col-span-2">
            <input type="checkbox" name="is_default" value="1" class="case" @checked($value('is_default'))> Adresse par défaut
        </label>
        <div class="flex items-center gap-8 sm:col-span-2">
            <button type="submit" class="bouton bouton-plein">{{ $editing ? 'Enregistrer' : 'Ajouter' }}</button>
            @if ($editing)<a href="{{ route('account.addresses.index') }}" class="kicker text-gris hover:text-encre">Annuler</a>@endif
        </div>
    </form>
</x-account-shell>