@extends('layouts.app')
@section('title',__('orders.title'))
@section('content')
@php
$tabs=[['label'=>__('orders.all'),'url'=>route('sales.orders.index',array_filter(['search'=>request('search')])),'count'=>$stats['total'],'active'=>!in_array(request('status'),$statuses,true)]];
foreach($statuses as $status) $tabs[]=['label'=>__('ui.status.'.$status),'url'=>route('sales.orders.index',array_filter(['search'=>request('search'),'status'=>$status])),'count'=>$stats[$status]??0,'active'=>request('status')===$status];
$money=fn($o)=>$o->currency.' '.number_format((float)$o->grand_total,2);
@endphp
<x-ui.page-header :title="__('orders.title')" :subtitle="__('orders.subtitle')">
    <x-slot:actions>@if($canCreate)<x-ui.button variant="primary" icon="plus" :href="route('sales.orders.create')">{{ __('orders.create') }}</x-ui.button>@endif</x-slot:actions>
</x-ui.page-header>
<x-ui.flash/>
<x-ui.card :padded="false">
    <x-ui.tabs :items="$tabs" :label="__('orders.by_status')"/>
    <x-ui.filter-bar :action="route('sales.orders.index')" name="search" :placeholder="__('orders.search')">
        @if(in_array(request('status'),$statuses,true))<input type="hidden" name="status" value="{{ request('status') }}">@endif
    </x-ui.filter-bar>
    @if($orders->isEmpty())
        <x-ui.empty icon="receipt" :title="__('orders.empty')" :message="__('orders.empty_hint')">
            @if($canCreate && !request()->hasAny(['search','status']))<x-ui.button variant="primary" icon="plus" :href="route('sales.orders.create')">{{ __('orders.create') }}</x-ui.button>@endif
        </x-ui.empty>
    @else
        <x-ui.table class="ui-hide-mobile">
            <thead><tr><th>{{ __('orders.order') }}</th><th>{{ __('orders.customer') }}</th><th>{{ __('orders.salesperson') }}</th><th>{{ __('orders.status') }}</th><th class="is-num">{{ __('orders.total') }}</th><th>{{ __('orders.created') }}</th></tr></thead>
            <tbody>
            @foreach($orders as $order)
                <tr class="ui-rowlink">
                    <td><a class="mono ui-rowlink-target" href="{{ route('sales.orders.show',$order->id) }}">{{ $order->order_number }}</a>@if($order->invoice_number)<span class="ui-sub">{{ __('orders.invoice_no',['number'=>$order->invoice_number]) }}</span>@endif</td>
                    <td><bdi>{{ $order->customer_name }}</bdi></td>
                    <td>{{ $order->salesperson_name }}</td>
                    <td><x-ui.status :status="$order->status"/></td>
                    <td class="is-num"><b>{{ $money($order) }}</b></td>
                    <td class="num" style="color:var(--text-3);white-space:nowrap">{{ \Illuminate\Support\Carbon::parse($order->created_at)->format('d M Y H:i') }}</td>
                </tr>
            @endforeach
            </tbody>
        </x-ui.table>
        <div class="ui-mlist">
            @foreach($orders as $order)
                <a class="ui-mrow" href="{{ route('sales.orders.show',$order->id) }}">
                    <span class="ui-mrow-line"><b><bdi>{{ $order->customer_name }}</bdi></b><b class="num">{{ $money($order) }}</b></span>
                    <span class="ui-mrow-line ui-mrow-sub"><span class="mono">{{ $order->order_number }} · {{ $order->salesperson_name }}</span><x-ui.status :status="$order->status"/></span>
                </a>
            @endforeach
        </div>
        <x-ui.pager :paginator="$orders"/>
    @endif
</x-ui.card>
@if($canCreate)<div class="ui-mobilebar"><x-ui.button variant="primary" icon="plus" :href="route('sales.orders.create')">{{ __('orders.create') }}</x-ui.button></div>@endif
@endsection