@php use App\Support\Money; @endphp

<x-account-shell title="Bonjour {{ $user->first_name ?: $user->name }}">
    @unless ($user->hasVerifiedEmail())
        <p class="alerte mb-10">Pensez à confirmer votre adresse email pour pouvoir passer commande.
            <form method="POST" action="{{ route('verification.send') }}" class="inline">@csrf<button class="underline underline-offset-4">Renvoyer le lien</button></form>
        </p>
    @endunless

    <div class="grid gap-5 md:grid-cols-2">
        <div class="border border-filet p-8 md:col-span-2">
            <div class="flex flex-wrap items-baseline justify-between gap-4">
                <h2 class="font-serif text-3xl">Dernières commandes</h2>
                <a href="{{ route('account.orders') }}" class="lien-filet">Toutes mes commandes</a>
            </div>
            @forelse ($orders as $order)
                <a href="{{ route('account.order', $order) }}" class="mt-6 flex flex-wrap items-center justify-between gap-4 border-t border-filet pt-6 first-of-type:mt-8">
                    <span>
                        <span class="block font-serif text-xl">{{ $order->number }}</span>
                        <span class="text-sm text-gris">{{ $order->created_at->translatedFormat('j F Y') }} · {{ $order->status->getLabel() }}</span>
                    </span>
                    <span class="tabular-nums">{{ Money::format($order->total) }}</span>
                </a>
            @empty
                <p class="mt-6 text-gris">Vous n'avez pas encore passé de commande.</p>
                <a href="{{ route('shop.index') }}" class="bouton bouton-plein mt-8">Découvrir la boutique</a>
            @endforelse
        </div>

        <div class="border border-filet p-8">
            <h2 class="font-serif text-2xl">Mes coordonnées</h2>
            <p class="mt-4 leading-relaxed text-gris">{{ $user->fullName() }}<br>{{ $user->email }}@if ($user->phone)<br>{{ $user->phone }}@endif</p>
            <a href="{{ route('account.profile') }}" class="lien-filet mt-6">Modifier</a>
        </div>
        <div class="border border-filet p-8">
            <h2 class="font-serif text-2xl">Adresse principale</h2>
            @if ($defaultAddress)
                <p class="mt-4 leading-relaxed text-gris">{{ $defaultAddress->line1 }}<br>{{ $defaultAddress->postcode }} {{ $defaultAddress->city }}</p>
            @else
                <p class="mt-4 text-gris">Aucune adresse enregistrée.</p>
            @endif
            <a href="{{ route('account.addresses.index') }}" class="lien-filet mt-6">Gérer mes adresses</a>
        </div>
    </div>
</x-account-shell>