{{--
=====================================================
Etebarit - by Gisoo Web Solutions
------------------------------------------------------
Gisoo.net
------------------------------------------------------
Copyright (c) 2026 Gisoo Web Solutions
=====================================================
This code is protected by copyright
=====================================================
File: orders.blade.php
------------------------------------------------------
Use: The merchant's orders: every gateway order for this
     shop with the fee split, its status and a way into the
     order detail and its transactions. Merchant-only
     figures - a regular user never sees the fee or share.
=====================================================
--}}

@extends('layouts.merchant')

@section('title', __('front.shop.orders.title'))

@php use App\Support\Format; @endphp

@section('breadcrumb')
    <x-ui.breadcrumb :items="[
        ['label' => __('admin.breadcrumb.home'), 'url' => route('account.shop.index')],
        ['label' => __('front.shop.orders.breadcrumb')],
    ]" />
@endsection

@section('page')
    <div class="mb-5">
        <h1 class="mb-1 text-2xl font-bold tracking-tight">{{ __('front.shop.orders.title') }}</h1>
        <p class="text-sm text-ink-muted">{{ __('front.shop.orders.subtitle') }}</p>
    </div>

    {{-- Lifetime fee-split totals --}}
    <div class="mb-5 grid grid-cols-1 gap-4 sm:grid-cols-3">
        <div class="rounded-2xl border border-line bg-white px-5 py-4.5">
            <div class="text-[12.5px] text-ink-muted">{{ __('front.shop.orders.sold_total') }}</div>
            <div class="mt-2 text-[20px] font-black text-ink"><span dir="ltr">@toman($soldTotal)</span> {{ __('front.shop.orders.toman') }}</div>
        </div>
        <div class="rounded-2xl border border-line bg-white px-5 py-4.5">
            <div class="text-[12.5px] text-ink-muted">{{ __('front.shop.orders.net_total') }}</div>
            <div class="mt-2 text-[20px] font-black text-green-600"><span dir="ltr">@toman($netTotal)</span> {{ __('front.shop.orders.toman') }}</div>
        </div>
        <div class="rounded-2xl border border-line bg-white px-5 py-4.5">
            <div class="text-[12.5px] text-ink-muted">{{ __('front.shop.orders.fee_total') }}</div>
            <div class="mt-2 text-[20px] font-black text-ink-faint"><span dir="ltr">@toman($feeTotal)</span> {{ __('front.shop.orders.toman') }}</div>
        </div>
    </div>

    <div class="rounded-2xl border border-line bg-white p-5.5">
        {{-- Status filter + search --}}
        <div class="mb-4 flex flex-wrap items-center justify-between gap-3">
            <div class="inline-flex flex-wrap gap-0.5 rounded-xl bg-[#f2f0fa] p-1">
                @foreach (__('front.shop.orders.filters') as $key => $label)
                    <a href="{{ route('account.shop.orders', array_filter(['status' => $key === 'all' ? null : $key, 'q' => $search ?: null])) }}"
                       @class([
                           'rounded-[9px] px-4 py-2 text-[13px] font-bold transition',
                           'bg-white text-secondary-500 shadow-sm' => $status === $key,
                           'text-ink-muted hover:text-secondary-500' => $status !== $key,
                       ])>{{ $label }}</a>
                @endforeach
            </div>

            <form method="GET" action="{{ route('account.shop.orders') }}" class="flex items-center gap-2">
                @if ($status !== 'all')<input type="hidden" name="status" value="{{ $status }}">@endif
                <div class="flex items-center rounded-[11px] border-[1.5px] border-[#e3e1ec] bg-[#fbfbfd] px-3">
                    <svg class="size-4 text-ink-faint" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round"><circle cx="11" cy="11" r="7"/><line x1="21" y1="21" x2="16.5" y2="16.5"/></svg>
                    <input name="q" value="{{ $search }}" placeholder="{{ __('front.shop.orders.search_placeholder') }}" class="w-40 border-none bg-transparent px-2 py-2.5 text-[13px] outline-none sm:w-52">
                </div>
                <button type="submit" class="rounded-[11px] bg-secondary-500 px-4 py-2.5 text-[13px] font-bold text-white transition hover:bg-secondary-600">{{ __('front.shop.orders.search_action') }}</button>
            </form>
        </div>

        @if ($orders->isEmpty())
            <div class="rounded-[14px] border border-dashed border-[#e3e1ec] bg-[#fbfbfd] px-4 py-12 text-center text-sm text-ink-muted">
                {{ $search !== '' || $status !== 'all' ? __('front.shop.orders.empty_search') : __('front.shop.orders.empty') }}
            </div>
        @else
            <div class="overflow-x-auto rounded-[14px] border border-[#f0eff5]">
                <table class="w-full min-w-[880px] border-collapse text-right text-[13.5px]">
                    <thead>
                        <tr class="bg-[#faf9fd] text-ink-muted">
                            <th class="px-4 py-3.5 font-bold">{{ __('front.shop.orders.order') }}</th>
                            <th class="px-4 py-3.5 font-bold">{{ __('front.shop.orders.customer') }}</th>
                            <th class="px-4 py-3.5 font-bold">{{ __('front.shop.orders.total') }}</th>
                            <th class="px-4 py-3.5 font-bold">{{ __('front.shop.orders.share') }}</th>
                            <th class="px-4 py-3.5 font-bold">{{ __('front.shop.orders.time') }}</th>
                            <th class="px-4 py-3.5 font-bold">{{ __('front.shop.orders.status') }}</th>
                            <th class="px-4 py-3.5 text-center font-bold">{{ __('front.shop.orders.actions') }}</th>
                        </tr>
                    </thead>
                    <tbody>
                        @foreach ($orders as $order)
                            @php $paid = $order->status === \App\Models\Order::STATUS_PAID; @endphp
                            <tr class="border-t border-[#f0eff5]">
                                <td class="px-4 py-3.5">
                                    <a href="{{ route('account.shop.orders.show', $order) }}" class="font-bold text-secondary-500 transition hover:text-secondary-600" dir="ltr">{{ $order->code }}</a>
                                </td>
                                <td class="px-4 py-3.5">{{ $order->user?->fullName() ?? '—' }}</td>
                                <td class="px-4 py-3.5 font-bold"><span dir="ltr">@toman($order->amount)</span> {{ __('front.shop.orders.toman') }}</td>
                                <td class="px-4 py-3.5 font-bold text-green-600">@if ($paid)<span dir="ltr">@toman((int) $order->shop_share)</span> {{ __('front.shop.orders.toman') }}@else<span class="text-ink-faint">—</span>@endif</td>
                                <td class="whitespace-nowrap px-4 py-3.5 text-ink-soft">@jalaliDateTime($order->paid_at ?? $order->created_at)</td>
                                <td class="px-4 py-3.5">
                                    <span @class([
                                        'inline-block rounded-2xl px-2.5 py-1 text-[11.5px] font-bold',
                                        'bg-[#e7f7ee] text-green-600' => $paid,
                                        'bg-[#fff5e6] text-amber-600' => $order->status === \App\Models\Order::STATUS_PENDING,
                                        'bg-secondary-50 text-secondary-500' => in_array($order->status, [\App\Models\Order::STATUS_FAILED, \App\Models\Order::STATUS_EXPIRED], true),
                                    ])>{{ __('front.shop.sales.statuses.'.$order->status) }}</span>
                                </td>
                                <td class="px-4 py-3.5">
                                    <div class="flex items-center justify-center gap-2">
                                        <a href="{{ route('account.shop.sales', ['order' => $order->code]) }}"
                                           class="inline-flex items-center gap-1.5 rounded-[9px] bg-[#f2f0fa] px-3 py-1.5 text-[12px] font-bold text-secondary-500 transition hover:bg-secondary-50">
                                            <svg class="size-3.5" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.9" stroke-linecap="round" stroke-linejoin="round"><path d="M4 8h13l-3-3M20 16H7l3 3"/></svg>
                                            {{ __('front.shop.orders.transactions_btn') }}
                                            @if ($order->transactions_count > 0)<span class="rounded-md bg-white px-1.5 text-[10.5px]">{{ Format::persianDigits((string) $order->transactions_count) }}</span>@endif
                                        </a>
                                        <a href="{{ route('account.shop.orders.show', $order) }}" class="inline-flex rounded-[9px] border border-line bg-white px-3 py-1.5 text-[12px] font-bold text-ink-soft transition hover:text-secondary-500">{{ __('front.shop.orders.detail_btn') }}</a>
                                    </div>
                                </td>
                            </tr>
                        @endforeach
                    </tbody>
                </table>
            </div>

            <div class="mt-4 flex flex-wrap items-center justify-between gap-3">
                <span class="text-[13px] text-ink-faint">
                    {{ __('front.shop.orders.summary', [
                        'from' => Format::persianDigits((string) $orders->firstItem()),
                        'to' => Format::persianDigits((string) $orders->lastItem()),
                        'total' => Format::persianDigits((string) $orders->total()),
                    ]) }}
                </span>
                <div>{{ $orders->links() }}</div>
            </div>
        @endif
    </div>
@endsection