@extends('layouts.app')

@section('content')
<div class="max-w-4xl mx-auto px-4">
    <h1 class="text-3xl font-bold mb-6">📦 Mes Commandes</h1>

    @foreach($orders as $order)
        <x-card class="mb-4 p-6 flex justify-between items-center">
            <div>
                <div class="font-bold text-lg">Commande #{{ $order->id }}</div>
                <div class="text-gray-500">{{ $order->created_at->format('d/m/Y') }}</div>

                <div class="mt-2">
                    @if($order->validation_status == 'attente_validation_client')
                        <span class="bg-orange-100 text-orange-800 text-xs font-bold px-2 py-1 rounded-full animate-pulse">
                            Action requise : Valider Design
                        </span>
                    @elseif($order->validation_status == 'valide')
                         <span class="bg-green-100 text-green-800 text-xs font-bold px-2 py-1 rounded-full">
                            Design Validé ✅
                        </span>
                    @endif
                </div>
            </div>


            <div class="text-right flex flex-col gap-2 items-end">
                <div class="font-bold text-xl mb-2">{{ $order->total_price }} €</div>

                <div class="flex gap-2">
                    <a href="{{ route('orders.invoice', $order->id) }}" class="bg-gray-200 hover:bg-gray-300 text-gray-700 px-3 py-2 rounded-theme text-sm" title="Télécharger la facture">
                        <i class="fas fa-file-pdf"></i>
                    </a>

                    <a href="{{ route('client.orders.show', $order->id) }}" class="bg-primary hover:bg-primary-dark text-white px-4 py-2 rounded-theme text-sm">
                        Suivre / Discuter
                    </a>
                </div>
            </div>
        </x-card>
    @endforeach
</div>
@endsection