@php
    use App\Support\Money;
    $countries = config('renard-rouge.shipping.countries');
    $format = fn (?array $address) => $address ? collect([$address['company'] ?? null, trim(($address['first_name'] ?? '').' '.($address['last_name'] ?? '')), $address['line1'] ?? null, $address['line2'] ?? null, trim(($address['postcode'] ?? '').' '.($address['city'] ?? '')), isset($address['country']) && $address['country'] !== 'FR' ? ($countries[$address['country']] ?? null) : null])->filter()->all() : [];
@endphp

<x-account-shell title="Commande {{ $order->number }}">
    <div class="flex flex-wrap gap-x-12 gap-y-6">
        <div><p class="kicker text-gris">Passée le</p><p class="mt-2 font-serif text-xl">{{ $order->created_at->translatedFormat('j F Y') }}</p></div>
        <div><p class="kicker text-gris">Statut</p><p class="mt-2 font-serif text-xl">{{ $order->status->getLabel() }}</p></div>
        <div><p class="kicker text-gris">Paiement</p><p class="mt-2 font-serif text-xl">{{ $order->payment_status->getLabel() }}</p></div>
        <div><p class="kicker text-gris">Réception</p><p class="mt-2 font-serif text-xl">{{ $order->shipping_method }}</p></div>
        @if ($order->pickup_date)
            <div><p class="kicker text-gris">Date prévue</p><p class="mt-2 font-serif text-xl">{{ $order->pickup_date->translatedFormat('j F Y') }}</p></div>
        @endif
    </div>

    <table class="mt-14 w-full text-left">
        <tbody>
            @foreach ($order->items as $item)
                <tr class="border-b border-filet">
                    <td class="py-5 pr-4">{{ $item->product_name }}@if ($item->variant_name)<span class="block text-sm text-gris">{{ $item->variant_name }}</span>@endif</td>
                    <td class="py-5 pr-4 text-gris tabular-nums">{{ $item->quantity }} × {{ Money::format($item->unit_price) }}</td>
                    <td class="py-5 text-right tabular-nums">{{ Money::format($item->total) }}</td>
                </tr>
            @endforeach
        </tbody>
    </table>
    <dl class="mt-8 ml-auto max-w-sm space-y-3">
        <div class="ligne-carte"><dt>Produits</dt><dd class="tabular-nums">{{ Money::format($order->subtotal) }}</dd></div>
        <div class="ligne-carte"><dt>Réception</dt><dd class="tabular-nums">{{ (float) $order->shipping_total > 0 ? Money::format($order->shipping_total) : 'Offert' }}</dd></div>
        <div class="ligne-carte text-gris"><dt>Dont TVA</dt><dd class="tabular-nums">{{ Money::format($order->tax_total) }}</dd></div>
        <div class="ligne-carte border-t border-encre/20 pt-4 font-serif text-2xl"><dt>Total TTC</dt><dd class="tabular-nums">{{ Money::format($order->total) }}</dd></div>
    </dl>

    <div class="mt-16 grid gap-5 md:grid-cols-2">
        <div class="border border-filet p-8">
            <p class="kicker text-gris">{{ $order->is_pickup ? 'Coordonnées' : 'Livraison' }}</p>
            <p class="mt-4 leading-relaxed">{!! implode('<br>', array_map('e', $format($order->shipping_address))) !!}</p>
        </div>
        <div class="border border-filet p-8">
            <p class="kicker text-gris">Facturation</p>
            <p class="mt-4 leading-relaxed">{!! implode('<br>', array_map('e', $format($order->billing_address))) !!}</p>
        </div>
    </div>

    @if ($order->invoice)
        <div class="mt-16 border-t border-filet pt-10">
            <p class="kicker mb-6 text-rouge">Documents</p>
            <ul class="space-y-3">
                <li><a href="{{ route('invoices.download', $order->invoice) }}" target="_blank" rel="noopener" class="lien-filet">Facture {{ $order->invoice->number }} · PDF ↗</a></li>
                @foreach ($order->invoice->creditNotes as $creditNote)
                    <li><a href="{{ route('credit-notes.download', $creditNote) }}" target="_blank" rel="noopener" class="lien-filet">Avoir {{ $creditNote->number }} · PDF ↗</a></li>
                @endforeach
            </ul>
        </div>
    @endif
</x-account-shell>