@extends('layouts.app')
@section('title','Commandes · '.$organization->name)
@section('immersive-account','1')
@section('content')
<h2 class="sr-only">Flux des commandes</h2>
<div class="merchant-shell">@include('merchant._sidebar')<main class="merchant-content"><header class="merchant-page-head"><div><span class="stitch-kicker">Opérations</span><h1>Commandes</h1><p>Préparez les commandes et suivez leur remise aux bénéficiaires.</p></div></header>
<section class="merchant-order-summary"><article><span>Total</span><strong>{{ $stats['all'] }}</strong></article><article><span>À traiter</span><strong>{{ $stats['pending'] }}</strong></article><article><span>Terminées</span><strong>{{ $stats['completed'] }}</strong></article></section>@error('merchant')<div class="form-error-banner">{{ $message }}</div>@enderror
<section class="merchant-panel merchant-orders-panel"><form class="merchant-toolbar" method="GET"><label class="history-search"><span>⌕</span><input name="q" value="{{ $search }}" placeholder="Numéro de commande"></label><select name="status"><option value="">Tous les statuts</option>@foreach(['pending_payment'=>'Paiement en attente','paid'=>'Payée','preparing'=>'En préparation','ready'=>'Prête','delivered'=>'Remise','completed'=>'Terminée','cancelled'=>'Annulée'] as $value=>$label)<option value="{{ $value }}" @selected($status===$value)>{{ $label }}</option>@endforeach</select><button class="button button-sm">Filtrer</button></form><div class="merchant-order-list">@forelse($orders as $order)<article><span class="merchant-order-icon">▣</span><div><small>{{ $order->created_at->translatedFormat('d M Y · H:i') }}</small><h2>{{ $order->number }}</h2><p>{{ $order->buyer?->display_name ?: 'Client FreeGive' }} · {{ $order->items->count() }} article(s)</p></div><strong>{{ number_format((float)$order->total,0,',',' ') }} XOF</strong><span class="status-pill">{{ str($order->status->value)->replace('_',' ')->title() }}</span><div class="merchant-order-action">@if($order->status->value==='paid')<form method="POST" action="{{ route('merchant.orders.transition',[$organization,$order]) }}">@csrf<input type="hidden" name="transition" value="preparing"><button class="button button-sm">Préparer</button></form>@elseif($order->status->value==='preparing')<form method="POST" action="{{ route('merchant.orders.transition',[$organization,$order]) }}">@csrf<input type="hidden" name="transition" value="ready"><button class="button button-sm">Marquer prête</button></form>@elseif($order->status->value==='ready')<form method="POST" action="{{ route('merchant.orders.transition',[$organization,$order]) }}">@csrf<input type="hidden" name="transition" value="delivered"><button class="button button-sm">Confirmer la remise</button></form>@else<span>—</span>@endif</div></article>@empty<div class="member-empty"><span>▣</span><h2>Aucune commande trouvée</h2><p>Les nouvelles commandes apparaîtront ici.</p></div>@endforelse</div><div class="pagination">{{ $orders->links() }}</div></section></main></div>
@endsection