@extends('layouts.public')

@section('content')
@php
use App\Models\Order;
/** @var array $orders */
/** @var string $filter */
/** @var array $counts */
/** @var array $pager */
$filter = $filter ?? '';
$counts = $counts ?? ['all' => count($orders), 'active' => 0, 'past' => 0];
/** @var array $reviewedOrders order id => review id for the customer's orders that already have their own review */
$reviewedOrders = $reviewedOrders ?? [];
$tabs = [
    ''       => ['label' => t_raw('common.all'),         'href' => route('account.orders'),            'count' => $counts['all']    ?? 0],
    'active' => ['label' => t_raw('account.tab_active'), 'href' => route('account.orders') . '?f=active', 'count' => $counts['active'] ?? 0],
    'past'   => ['label' => t_raw('account.tab_past'),   'href' => route('account.orders') . '?f=past',   'count' => $counts['past']   ?? 0],
];
@endphp
<div class="qm-page-head">
    <div class="container-fluid">
        <h1 class="qm-page-title">{{ t_raw('header.my_orders') }}</h1>
        <nav class="breadcrumb" aria-label="{{ t_raw('common.breadcrumb_aria') }}"><a href="{{ route('home') }}">{{ t_raw('common.home') }}</a><span class="mx-2" aria-hidden="true">/</span><a href="{{ route('account') }}">{{ t_raw('account.crumb') }}</a><span class="mx-2" aria-hidden="true">/</span><span class="active">{{ t_raw('account.orders') }}</span></nav>
    </div>
</div>
@php /* The page's messages belong UNDER its title band, inside the page the reader is
         looking at — not floating above it. getFlashes() consumes, so the layout's own
         call further out finds nothing and does not draw it twice. */
@endphp
<div class="container-fluid">@partial('flash')</div>

<section class="qm-section">
    <div class="container-fluid">
        <div class="row g-4">
            <div class="col-lg-3">@partial('account-nav')</div>
            <div class="col-lg-9">
                <div class="qm-card">
                    <h2>{{ t_raw('footer.order_history') }}</h2>
                    <nav class="qm-tabs" aria-label="{{ t_raw('account.order_filters_aria') }}">
                        @foreach ($tabs as $key => $tab)
                        <a href="{{ $tab['href'] }}" class="qm-tab{{ $filter === $key ? ' is-active' : '' }}"{!! $filter === $key ? ' aria-current="page"' : '' !!}>
                            {{ $tab['label'] }}<span class="qm-tab-count">{{ (int) $tab['count'] }}</span>
                        </a>
                        @endforeach
                    </nav>
                    @if (count($orders))
                    <div class="table-responsive">
                    <table class="qm-table">
                        <thead><tr><th>{{ t_raw('common.order') }}</th><th>{{ t_raw('common.restaurant') }}</th><th>{{ t_raw('common.total') }}</th><th>{{ t_raw('account.col_paid_with') }}</th><th>{{ t_raw('common.status') }}</th><th>{{ t_raw('common.date') }}</th><th class="text-end">{{ t_raw('account.col_manage') }}</th></tr></thead>
                        <tbody>
                            @foreach ($orders as $o)
                            <tr>
                                <td>
                                    <div class="qm-tbl-id">
                                        <img class="qm-tbl-thumb" src="{{ media($o['item_image'] ?: ($o['restaurant_cover'] ?? ''), 'assets/client/covers/shop-1.png') }}" alt="" width="44" height="44" loading="lazy">
                                        <div class="qm-tbl-id-text">
                                            <strong>{{ $o['order_number'] }}</strong>
                                            @if (!empty($o['first_item_name']))<small>{{ $o['first_item_name'] }}</small>@endif
                                        </div>
                                    </div>
                                </td>
                                <td>
                                    <a class="qm-tbl-id qm-tbl-link" href="{{ url('/restaurant/' . $o['restaurant_slug']) }}">
                                        {!! restaurant_logo_html(['logo' => $o['restaurant_logo'] ?? '', 'name' => $o['restaurant_name']], 'sm') !!}
                                        <div class="qm-tbl-id-text">
                                            <strong>{{ $o['restaurant_name'] }}</strong>
                                        </div>
                                    </a>
                                </td>
                                <td>{{ money($o['total']) }}</td>
                                @php /* HOW IT WAS PAID, beside what it cost. The list said an order came
                                         to $19.44 and nothing about whether that money had left — a
                                         customer could not tell a card payment from one still owed to the
                                         driver. Same mark the rest of the product uses for a tender, and
                                         the unpaid case says so rather than staying silent. */
@endphp
                                <td class="qm-nowrap">
                                    @php $pm = (string) ($o['payment_method'] ?? '');
@endphp
                                    @php $ico = $pm !== '' ? payment_method_icon($pm) : '';
@endphp
                                    {!! $ico !== '' ? $ico : ($pm !== '' ? status_label('payment_method', $pm) : dash()) !!}
                                    @if ((string) ($o['payment_status'] ?? '') === 'unpaid')
                                    <span class="qm-pill qm-pill-amber">{{ t_raw('status.payment.unpaid') }}</span>
                                    @endif
                                </td>
                                <td><span class="qm-pill {{ Order::statusPill($o['status']) }}">{{ Order::statusLabel($o['status'], $o['service_mode'] ?? 'delivery') }}</span></td>
                                <td class="qm-cell-body">{!! fmt_datetime($o['placed_at']) !!}</td>
                                <td class="qm-actions-cell">
                                    <div class="qm-row-actions">
                                        @php
$isPast = in_array($o['status'], ['delivered', 'cancelled'], true);
// Live tracking is only meaningful while an order is in progress; a
// completed or cancelled order is history and cannot be tracked.
@endphp
@if (!$isPast && !empty($o['track_token']))
                                        <a href="{!! url('/order/' . e($o['track_token']) . '/track') !!}" class="qm-btn qm-btn-outline qm-btn-xs">{{ t_raw('home.reorder.track') }}</a>
                                        @endif
                                        @if ($o['status'] === 'delivered')
                                        {{-- Per-order: only this order having its own review shows "Your review". --}}
                                        @if (isset($reviewedOrders[(int) $o['id']]))
                                        <a href="{{ route('account.reviews') }}" class="qm-btn qm-btn-outline qm-btn-xs">{{ t_raw('account.your_review_btn') }}</a>
                                        @else
                                        <a href="{{ url('/account/orders/' . (int) $o['id'] . '/review') }}" class="qm-btn qm-btn-outline qm-btn-xs">{{ t_raw('account.leave_review_btn') }}</a>
                                        @endif @endif
                                        <form method="post" action="{{ route('account.reorder') }}" class="d-inline">
                                            @csrf
                                            <input type="hidden" name="order_id" value="{{ (int) $o['id'] }}">
                                            <button type="submit" class="qm-btn qm-btn-xs">{{ t_raw('account.reorder') }}</button>
                                        </form>
                                    </div>
                                </td>
                            </tr>
                            @endforeach
                        </tbody>
                    </table>
                    </div>
                    @partial('table-toolbar', ['pager' => $pager, 'base' => '/account/orders'])
                    @else
                    <div class="qm-empty">
                        <i class="fas fa-receipt d-block"></i>
                        @if ($filter === 'active')
                        <p>{{ t_raw('account.no_active_orders') }}</p>
                        @elseif ($filter === 'past')
                        <p>{{ t_raw('account.no_past_orders') }}</p>
                        @else
                        <p>{{ t_raw('account.no_orders_placed_yet') }}</p>
                        @endif
                        <a href="{{ route('restaurants') }}" class="qm-btn">{{ t_raw('restaurant.browse') }}</a>
                    </div>
                    @endif
                </div>
            </div>
        </div>
    </div>
</section>
@endsection