@extends('layouts.app')

@section('content')
<div class="container mx-auto px-4 py-8">
    <div class="max-w-5xl mx-auto">
        <div class="flex items-center justify-between mb-6">
            <h1 class="text-2xl font-bold text-gray-900">Panier</h1>
            @if($cart->items->isNotEmpty())
                <a href="{{ route('client.payments.cart.form') }}" class="inline-flex items-center px-4 py-2 rounded-lg bg-blue-600 hover:bg-blue-700 text-white font-semibold">
                    Passer au paiement
                </a>
            @endif
        </div>

        @if(session('success'))
            <div class="mb-4 p-3 rounded-lg bg-green-50 border border-green-200 text-green-800">{{ session('success') }}</div>
        @endif
        @if(session('error'))
            <div class="mb-4 p-3 rounded-lg bg-red-50 border border-red-200 text-red-800">{{ session('error') }}</div>
        @endif

        @if($cart->items->isEmpty())
            <div class="bg-white rounded-lg shadow p-6 text-gray-700">
                Votre panier est vide.
            </div>
        @else
            <div class="bg-white rounded-lg shadow overflow-hidden">
                <div class="overflow-x-auto">
                    <table class="min-w-full divide-y divide-gray-200">
                        <thead class="bg-gray-50">
                            <tr>
                                <th class="px-6 py-3 text-left text-xs font-semibold text-gray-600 uppercase">Article</th>
                                <th class="px-6 py-3 text-center text-xs font-semibold text-gray-600 uppercase">Qté</th>
                                <th class="px-6 py-3 text-right text-xs font-semibold text-gray-600 uppercase">Total</th>
                                <th class="px-6 py-3 text-right text-xs font-semibold text-gray-600 uppercase">Acompte</th>
                                <th class="px-6 py-3 text-right text-xs font-semibold text-gray-600 uppercase">Reste</th>
                                <th class="px-6 py-3"></th>
                            </tr>
                        </thead>
                        <tbody class="divide-y divide-gray-200">
                            @foreach($cart->items as $item)
                                <tr>
                                    <td class="px-6 py-4">
                                        <div class="text-sm font-semibold text-gray-900">
                                            @php($p = $item->purchasable)
                                            @if($p instanceof \App\Models\Booking)
                                                Réservation #{{ $p->booking_number ?? $p->id }}
                                            @elseif($p instanceof \App\Models\EquipmentRentalRequest)
                                                Location matériel #{{ $p->id }}
                                            @elseif($p instanceof \App\Models\UrgentSale)
                                                {{ $p->title ?? ('Produit #' . $p->id) }}
                                            @else
                                                Article #{{ $item->id }}
                                            @endif
                                        </div>
                                        <div class="text-xs text-gray-500">{{ class_basename($item->purchasable_type) }}</div>
                                    </td>
                                    <td class="px-6 py-4 text-center">
                                        @if($item->purchasable instanceof \App\Models\UrgentSale)
                                            <form method="POST" action="{{ route('client.cart.items.update', $item) }}" class="inline-flex items-center gap-2">
                                                @csrf
                                                @method('PATCH')
                                                <input name="quantity" type="number" min="1" value="{{ $item->quantity }}" class="w-20 rounded-md border-gray-300" />
                                                <button class="px-3 py-1 rounded-md border border-gray-300 text-sm hover:bg-gray-50">OK</button>
                                            </form>
                                        @else
                                            <span class="text-sm text-gray-700">{{ $item->quantity }}</span>
                                        @endif
                                    </td>
                                    <td class="px-6 py-4 text-right text-sm font-semibold text-gray-900">{{ number_format($item->line_total, 2) }} €</td>
                                    <td class="px-6 py-4 text-right text-sm font-semibold text-blue-700">{{ number_format($item->line_deposit, 2) }} €</td>
                                    @php($remaining = max(0, (float) $item->line_total - (float) $item->line_deposit))
                                    <td class="px-6 py-4 text-right text-sm font-semibold text-gray-900">{{ number_format($remaining, 2) }} €</td>
                                    <td class="px-6 py-4 text-right">
                                        <form method="POST" action="{{ route('client.cart.items.remove', $item) }}">
                                            @csrf
                                            @method('DELETE')
                                            <button class="px-3 py-1 rounded-md border border-red-200 text-red-700 hover:bg-red-50 text-sm">Supprimer</button>
                                        </form>
                                    </td>
                                </tr>
                            @endforeach
                        </tbody>
                    </table>
                </div>

                <div class="p-6 border-t bg-gray-50 flex flex-col sm:flex-row sm:items-center sm:justify-between gap-3">
                    <div class="text-sm text-gray-700">
                        <div>Total (paiement complet): <span class="font-semibold">{{ number_format($totals['full'], 2) }} €</span></div>
                        <div>Total acompte (mode 2): <span class="font-semibold text-blue-700">{{ number_format($totals['deposit'], 2) }} €</span></div>
                        <div>Reste à payer plus tard: <span class="font-semibold">{{ number_format(max(0, (float) $totals['full'] - (float) $totals['deposit']), 2) }} €</span></div>
                    </div>
                    @if(function_exists('feature_enabled') && feature_enabled('payments_enabled') && feature_enabled('checkout_enabled'))
                        <a href="{{ route('client.payments.cart.form') }}" class="inline-flex items-center justify-center px-5 py-2 rounded-lg bg-blue-600 hover:bg-blue-700 text-white font-semibold">
                            Payer maintenant
                        </a>
                    @else
                        <div class="bg-yellow-50 border border-yellow-200 text-yellow-800 px-4 py-2 rounded-lg text-sm">
                            <i class="fas fa-info-circle mr-1"></i>Paiement en ligne indisponible
                        </div>
                    @endif
                </div>
            </div>
        @endif
    </div>
</div>
@endsection