@extends('layouts.app')
@section('title', 'Mon panier')
@section('content')
<section class="stitch-cart-page"><div class="shell">
<nav class="cart-breadcrumb"><a href="{{ route('catalog') }}">Catalogue</a><span>›</span><strong>Mon panier</strong></nav>
<header class="stitch-cart-head"><div><span class="stitch-kicker">Votre sélection solidaire</span><h1>Mon panier</h1><p>Vérifiez vos articles avant de confirmer leur financement.</p></div>@if($carts->isNotEmpty())<div class="cart-global-impact"><span>{{ $summary['items'] }} article{{ $summary['items']>1?'s':'' }}</span><strong>{{ number_format($summary['total'],0,',',' ') }} XOF</strong><small>Total de votre sélection</small></div>@endif</header>
@forelse($carts as $cart)
@php($total = $cart->items->sum(fn($item) => (float)$item->unit_price * $item->quantity)) @php($organization = $cart->items->first()->offer->organization)
<article class="stitch-cart-group"><header><div class="cart-merchant-mark">{{ mb_substr($organization->name,0,1) }}</div><div><small>Panier préparé par</small><h2>{{ $organization->name }}</h2></div><span>{{ $cart->items->count() }} article{{ $cart->items->count()>1?'s':'' }}</span></header><div class="stitch-cart-layout"><section class="stitch-cart-items">
@foreach($cart->items as $item)<article class="stitch-cart-item"><a class="stitch-cart-thumb" href="{{ route('offers.show',$item->offer) }}">{{ mb_substr($item->offer->item->name,0,1) }}</a><div class="stitch-cart-name"><small>{{ $item->offer->item->type === 'service' ? 'Service solidaire' : 'Produit solidaire' }}</small><h3><a href="{{ route('offers.show',$item->offer) }}">{{ $item->offer->item->name }}</a></h3><span>{{ number_format((float)$item->unit_price,0,',',' ') }} XOF l’unité</span></div><form method="POST" action="{{ route('cart.update',[$cart,$item->offer]) }}" class="stitch-quantity">@csrf @method('PATCH')<label for="quantity-{{ $item->id }}">Quantité</label><div><input id="quantity-{{ $item->id }}" type="number" name="quantity" value="{{ (float)$item->quantity }}" min="1"><button type="submit">Actualiser</button></div></form><strong class="stitch-line-total">{{ number_format((float)$item->subtotal,0,',',' ') }} XOF</strong><form method="POST" action="{{ route('cart.remove',[$cart,$item->offer]) }}">@csrf @method('DELETE')<button class="stitch-remove" aria-label="Retirer {{ $item->offer->item->name }}">×</button></form></article>@endforeach
</section><aside class="stitch-checkout"><span class="stitch-kicker">Récapitulatif</span><h2>Votre commande</h2><dl><div><dt>Sous-total</dt><dd>{{ number_format($total,0,',',' ') }} XOF</dd></div><div><dt>Frais de plateforme</dt><dd class="free-fee">0 XOF</dd></div><div><dt>Quantité totale</dt><dd>{{ number_format((float)$cart->items->sum('quantity'),0,',',' ') }}</dd></div></dl><div class="checkout-total"><span>Total</span><strong>{{ number_format($total,0,',',' ') }} XOF</strong></div><form method="POST" action="{{ route('checkout',$cart) }}">@csrf<label for="payment-{{ $cart->id }}">Mode de paiement</label><select id="payment-{{ $cart->id }}" name="payment_method">@if($organization->allow_cash_payment)<option value="cash">Paiement au retrait ou à la livraison</option>@endif<option value="mobile_money">Mobile Money</option><option value="card">Carte bancaire</option></select><button class="button button-wide">Valider la commande</button></form><p class="checkout-secure">✓ Paiement sécurisé · ✓ Aucun frais FreeGive</p></aside></div></article>
@empty<div class="member-empty stitch-cart-empty"><span>♡</span><h2>Votre panier est vide</h2><p>Découvrez les biens et services solidaires proposés par nos marchands partenaires.</p><a href="{{ route('catalog') }}" class="button">Découvrir le catalogue</a></div>@endforelse
@if($carts->isNotEmpty())<footer class="cart-continue"><a href="{{ route('catalog') }}">← Continuer mes achats solidaires</a><p>Chaque panier marchand est validé séparément pour assurer un suivi fiable.</p></footer>@endif
</div></section>
@endsection