@php use App\Support\Money; @endphp

<x-account-shell title="Mes commandes">
    @if ($orders->isEmpty())
        <p class="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>
    @else
        <div class="overflow-x-auto">
            <table class="w-full text-left">
                <thead>
                    <tr class="kicker border-b border-encre text-gris">
                        <th class="py-4 pr-4 font-normal">Commande</th>
                        <th class="py-4 pr-4 font-normal">Date</th>
                        <th class="py-4 pr-4 font-normal">Statut</th>
                        <th class="py-4 pr-4 text-right font-normal">Total</th>
                        <th class="py-4 text-right font-normal">Facture</th>
                    </tr>
                </thead>
                <tbody>
                    @foreach ($orders as $order)
                        <tr class="border-b border-filet">
                            <td class="py-5 pr-4"><a href="{{ route('account.order', $order) }}" class="font-serif text-xl hover:text-rouge">{{ $order->number }}</a></td>
                            <td class="py-5 pr-4 text-gris">{{ $order->created_at->format('d/m/Y') }}</td>
                            <td class="py-5 pr-4">{{ $order->status->getLabel() }}<span class="block text-xs text-gris">{{ $order->payment_status->getLabel() }}</span></td>
                            <td class="py-5 pr-4 text-right tabular-nums">{{ Money::format($order->total) }}</td>
                            <td class="py-5 text-right">
                                @if ($order->invoice)
                                    <a href="{{ route('invoices.download', $order->invoice) }}" target="_blank" rel="noopener" class="kicker text-rouge hover:underline">Voir le PDF ↗</a>
                                @else
                                    <span class="text-gris">—</span>
                                @endif
                            </td>
                        </tr>
                    @endforeach
                </tbody>
            </table>
        </div>
        <div class="mt-10">{{ $orders->links() }}</div>
    @endif
</x-account-shell>