@extends('layouts.account')
@section('title', __('My orders'))
@section('account')
@php $m = $shop->money; @endphp
<h1 class="mb-6 text-2xl font-extrabold text-primary">{{ __('Orders') }}</h1>
@if ($orders)
    <div class="space-y-3">
        @foreach ($orders as $o)
            <a href="{{ route('account.order', $o->id) }}" class="flex flex-wrap items-center justify-between gap-3 rounded-[28px] border border-surface-variant bg-white p-5 shadow-soft hover:bg-surface-mid">
                <div><p class="font-extrabold text-primary">{{ $o->order_number }}</p><p class="text-sm text-on-surface-variant">{{ \Illuminate\Support\Carbon::parse($o->placed_at)->translatedFormat('j M Y') }} · {{ trans_choice(':count item|:count items', $o->item_count, ['count' => $o->item_count]) }}</p></div>
                <div class="flex items-center gap-4"><x-status :value="$o->status"/><span class="font-extrabold text-primary">{{ $m->format($o->grand_total) }}</span></div>
            </a>
        @endforeach
    </div>
    @include('partials.pagination', ['result' => $result])
@else
    <x-empty :title="__('No orders yet')" :text="__('When you place an order it will show up here.')"><x-btn :href="route('shop')">{{ __('Start shopping') }}</x-btn></x-empty>
@endif
@endsection