@extends('layouts.store')
@section('title','Pedido '.$order->number)
@section('content')<section class="container page-section"><div class="eyebrow">CADA PASO, CON VOS</div><h1 class="order-number">Pedido {{ $order->number }}</h1><p>Hola, {{ Str::before($order->name,' ') }}. Acá podés consultar el estado de tu compra.</p><div style="display:flex;gap:10px"><span class="badge {{ $order->payment_status }}">{{ $order->payment_label }}</span><span class="badge {{ $order->fulfillment_status }}">{{ $order->fulfillment_label }}</span>@if($order->payment_method==='demo')<span class="badge demo">Pedido de prueba · Sin cobro real</span>@endif</div>
@if($order->payment_status==='review')<div class="notice info" style="margin-top:25px">Recibimos un pago que necesita revisión. Contactá a la tienda antes de realizar otro pago.</div>@endif
@if($order->payment_status==='expired')<div class="notice info" style="margin-top:25px">La reserva venció y las prendas volvieron a estar disponibles. Para comprar, armá una nueva bolsa. Si ya pagaste, contactá a la tienda antes de volver a pagar.</div>@endif
<div class="order-steps">@foreach(['Recibido','Pago confirmado','En preparación',$order->delivery==='pickup'?'Listo para retirar':'Enviado','Entregado'] as $step)<div class="order-step {{ ($loop->index===0 || ($loop->index===1 && $order->payment_status==='approved') || ($loop->index===2 && in_array($order->fulfillment_status,['preparing','ready','shipped','delivered'])) || ($loop->index===3 && in_array($order->fulfillment_status,['ready','shipped','delivered'])) || ($loop->index===4 && $order->fulfillment_status==='delivered')) ? 'done':'' }}">{{ str_pad($loop->iteration,2,'0',STR_PAD_LEFT) }} · {{ $step }}</div>@endforeach</div>
<div class="two-columns"><div>@foreach($order->items as $item)<article class="cart-item"><img src="{{ $item->variant->product->image_url }}" alt="{{ $item->name }}"><div><h2>{{ $item->name }}</h2><p>{{ $item->color }} / {{ $item->size }} · {{ $item->quantity }} {{ $item->quantity===1?'unidad':'unidades' }}</p></div><strong>@money($item->unit_price*$item->quantity)</strong></article>@endforeach<div style="margin-top:30px"><h2 style="font:25px var(--serif)">{{ $order->delivery==='pickup'?'Retiro coordinado':'Tu entrega' }}</h2>@if($order->delivery==='shipping')<p>{{ $order->address }}<br>{{ $order->city }}, {{ $order->province }} · {{ $order->postal_code }}</p>@else<p>{{ \App\Models\Setting::get('pickup_address','A coordinar') }}</p>@endif @if($order->tracking_code)<p><strong>{{ $order->carrier }}</strong> · Seguimiento: {{ $order->tracking_code }}</p>@endif</div></div><aside class="summary-card"><h2>Tu compra</h2><div class="summary-line"><span>Subtotal</span><span>@money($order->subtotal)</span></div><div class="summary-line"><span>Descuento</span><span>− @money($order->discount)</span></div><div class="summary-line"><span>Envío</span><span>@money($order->shipping)</span></div><div class="summary-line total"><span>Total</span><span>@money($order->total)</span></div>@if($order->payment_method==='mercadopago' && !$order->paid_payment_id && $order->stock_state==='reserved' && $order->reserved_until->isFuture())<form action="{{ route('order.pay',$order->token) }}" method="post" data-once>@csrf<button class="button primary full">Pagar con Mercado Pago</button></form><p class="form-note">Reservado hasta {{ $order->reserved_until->format('H:i') }}.</p>@endif<a class="button outline full" href="{{ route('order.show',$order->token) }}">Actualizar estado <x-icon name="return"/></a><p class="form-note">La confirmación de Mercado Pago puede demorar. Conservá este enlace; contiene el acceso privado a tu pedido.</p></aside></div></section>@endsection