@extends('shop.layout')
@section('title', __('portal.shop.order_number') . ' ' . $order->number)
@section('content')
@php
    $currency = $tenant->settings['currency'] ?? 'MDL';
    $statuses = \App\Models\Tenant\OnlineOrder::STATUSES;
    $delivery = \App\Models\Tenant\OnlineOrder::DELIVERY;
    $flow = ['new', 'confirmed', 'packed', 'shipped', 'delivered'];
    $idx = array_search($order->status, $flow, true);
@endphp

<div class="card" style="text-align:center;">
    <div style="font-size:14px;color:#6b7280;">{{ __('portal.shop.order_number') }}</div>
    <div style="font-size:24px;font-weight:700;margin:4px 0;">#{{ $order->number }}</div>
    <span class="status-pill">{{ $statuses[$order->status] ?? $order->status }}</span>
</div>

@if ($order->status !== 'cancelled')
    <div class="card" style="margin-top:14px;">
        <h3 style="font-size:15px;margin-bottom:12px;">{{ __('portal.shop.status') }}</h3>
        <div style="display:flex;justify-content:space-between;gap:4px;">
            @foreach ($flow as $i => $st)
                <div style="flex:1;text-align:center;">
                    <div style="width:22px;height:22px;border-radius:50%;margin:0 auto 6px;
                        background:{{ $idx !== false && $i <= $idx ? ($tenant->settings['theme_color'] ?? '#3B82F6') : '#e5e7eb' }};"></div>
                    <div style="font-size:11px;color:{{ $idx !== false && $i <= $idx ? '#111827' : '#9ca3af' }};">
                        {{ $statuses[$st] }}
                    </div>
                </div>
            @endforeach
        </div>
    </div>
@endif

<div class="card" style="margin-top:14px;">
    <h3 style="font-size:15px;margin-bottom:10px;">{{ __('portal.shop.products') }}</h3>
    <table class="cart">
        @foreach ($order->items as $it)
            <tr>
                <td>{{ $it->name }} <span class="muted">×{{ rtrim(rtrim(number_format((float)$it->qty,2),'0'),'.') }}</span></td>
                <td class="r">{{ number_format((float) $it->total, 2) }} {{ $currency }}</td>
            </tr>
        @endforeach
        <tr><td class="muted">{{ __('portal.shop.delivery') }} ({{ $delivery[$order->delivery_method] ?? $order->delivery_method }})</td>
            <td class="r">{{ number_format((float) $order->delivery_fee, 2) }} {{ $currency }}</td></tr>
        <tr><td style="font-weight:700;">{{ __('portal.common.total') }}</td>
            <td class="r" style="font-weight:700;font-size:18px;">{{ number_format((float) $order->total, 2) }} {{ $currency }}</td></tr>
    </table>
</div>

<div class="card" style="margin-top:14px;">
    <h3 style="font-size:15px;margin-bottom:8px;">{{ __('portal.shop.delivery_data') }}</h3>
    <p class="muted">{{ $order->customer_name }} · {{ $order->customer_phone }}</p>
    @if ($order->address)<p class="muted">{{ $order->address }}</p>@endif
</div>

<div style="margin-top:16px;text-align:center;">
    <a class="btn outline" href="/shop">{{ __('portal.shop.continue_shopping') }}</a>
</div>
@endsection