@php
    $currency = app(\Korzilla\Core\Settings\SettingsRepository::class)
        ->string('catalog.currency_suffix', '₽');
@endphp

<div class="kz-account">
    <h1>Мои заказы</h1>

    <nav class="kz-account__nav">
        <a href="/account/orders" class="is-current">Заказы</a>
        <a href="/account/profile">Профиль</a>
    </nav>

    @if (session('success'))
        <p class="kz-account__notice">{{ session('success') }}</p>
    @endif

    @if (session('error'))
        <p class="kz-account__error">{{ session('error') }}</p>
    @endif

    @forelse ($orders as $order)
        <article class="kz-account__order">
            <header class="kz-account__order-head">
                <span class="kz-account__order-number">Заказ №{{ $order->number }}</span>
                <span class="kz-account__order-date">{{ $order->placed_at?->format('d.m.Y') }}</span>
                <span class="kz-account__order-status"
                      style="color: {{ $statuses[$order->status_key]->color ?? 'inherit' }}">
                    {{ $statuses[$order->status_key]->name ?? $order->status_key }}
                </span>
            </header>

            {{-- Состав показан снимком: тем, чем заказ был при оформлении.
                 Сегодняшняя цена товара здесь была бы спором с покупателем
                 о том, сколько он заплатил. --}}
            <ul class="kz-account__items">
                @foreach ($order->items as $item)
                    <li>
                        {{ $item->name }}
                        — {{ rtrim(rtrim(number_format($item->quantity, 3, ',', ' '), '0'), ',') }}
                        × {{ number_format($item->price, 2, ',', ' ') }} {{ $currency }}
                    </li>
                @endforeach
            </ul>

            <footer class="kz-account__order-foot">
                <span class="kz-account__order-total">
                    Итого: {{ number_format($order->total, 2, ',', ' ') }} {{ $currency }}
                </span>

                <form method="post" action="/account/orders/{{ $order->id }}/repeat">
                    @csrf
                    <button type="submit" class="kz-button">Повторить заказ</button>
                </form>
            </footer>
        </article>
    @empty
        <p class="kz-account__empty">Заказов пока нет.</p>
    @endforelse
</div>