@extends('layouts.app')
@section('title', 'Orders')

@section('content')
@php
    $pills = filter_pills([
        'status' => ['Status', collect(\App\Models\Order::STATUSES)->map(fn ($s) => $s[0])->all()],
        'pay' => ['Payment', ['unpaid' => 'Unpaid', 'partial' => 'Partly paid', 'paid' => 'Paid']],
        'client_id' => ['Client', fn ($id) => optional($clients->firstWhere('id', $id))->name ?? $id],
        'from' => ['From', fn ($d) => pretty_date($d)],
        'to' => ['To', fn ($d) => pretty_date($d)],
    ]);
    $filtered = count($pills) > 0 || request()->filled('q');
    $totalAll = array_sum($statusCounts->all());
@endphp
<x-page-header title="Orders" subtitle="Carpet orders from your clients">
    @can('data.export')
    <a href="{{ request()->fullUrlWithQuery(['export' => 'csv']) }}" class="btn btn-ghost"><i class="bi bi-download" aria-hidden="true"></i> Export</a>
    @endcan
    @can('orders.create')
    <a href="{{ route('orders.create') }}" class="btn btn-primary"><i class="bi bi-plus-lg" aria-hidden="true"></i> New order</a>
    @endcan
</x-page-header>

<div class="chip-row mb-3">
    <a class="chip {{ ! request('status') ? 'active' : '' }}" href="{{ request()->fullUrlWithQuery(['status' => null, 'page' => null]) }}">All <span class="n">{{ $totalAll }}</span></a>
    @foreach (\App\Models\Order::STATUSES as $key => [$label])
        <a class="chip {{ request('status') === $key ? 'active' : '' }}" href="{{ request()->fullUrlWithQuery(['status' => $key, 'page' => null]) }}">{{ $label }} <span class="n">{{ $statusCounts[$key] ?? 0 }}</span></a>
    @endforeach
</div>

<x-filter-bar placeholder="Search order number or client…" :pills="$pills" :keep="['status', 'sort', 'dir', 'per_page']">
    <x-slot:panel>
        <div class="col-md-3">
            <label class="form-label" for="f-client">Client</label>
            <select id="f-client" name="client_id" class="form-select">
                <option value="">All clients</option>
                @foreach ($clients as $c)<option value="{{ $c->id }}" @selected(request('client_id') == $c->id)>{{ $c->name }}</option>@endforeach
            </select>
        </div>
        <div class="col-md-3">
            <label class="form-label" for="f-pay">Payment</label>
            <select id="f-pay" name="pay" class="form-select">
                <option value="">Any</option>
                <option value="unpaid" @selected(request('pay') === 'unpaid')>Unpaid</option>
                <option value="partial" @selected(request('pay') === 'partial')>Partly paid</option>
                <option value="paid" @selected(request('pay') === 'paid')>Paid</option>
            </select>
        </div>
        <div class="col-md-3"><label class="form-label" for="f-from">Order date from</label><input id="f-from" type="date" name="from" value="{{ request('from') }}" class="form-control"></div>
        <div class="col-md-3"><label class="form-label" for="f-to">to</label><input id="f-to" type="date" name="to" value="{{ request('to') }}" class="form-control"></div>
    </x-slot:panel>
</x-filter-bar>

<div class="card">
    <div class="table-wrap">
        <table class="table table-modern table-cards align-middle">
            <thead><tr>
                <x-sort-th column="order_no" label="Order" />
                <x-sort-th column="client" label="Client" />
                <x-sort-th column="order_date" label="Date" :default="true" defaultDir="desc" />
                <x-sort-th column="delivery_date" label="Delivery" />
                <x-sort-th column="status" label="Status" />
                <th scope="col">Progress</th>
                <x-sort-th column="total" label="Total" num defaultDir="desc" />
                <x-sort-th column="paid" label="Payment" defaultDir="desc" />
                <x-sort-th column="due" label="Due" num defaultDir="desc" />
                <th scope="col"><span class="visually-hidden">Actions</span></th>
            </tr></thead>
            <tbody>
            @forelse ($orders as $o)
                @php($open = ! in_array($o->status, ['delivered', 'cancelled']))
                <tr>
                    <td class="cell-title" data-label="Order"><a href="{{ route('orders.show', $o) }}" class="cell-main text-decoration-none">{{ $o->order_no }}</a></td>
                    <td data-label="Client"><a href="{{ route('clients.show', $o->client_id) }}" class="link-plain text-decoration-none">{{ $o->client->name }}</a></td>
                    <td data-label="Date">{{ $o->order_date->format('d M Y') }}</td>
                    <td data-label="Delivery" class="{{ $open && $o->delivery_date?->isPast() ? 'text-danger fw-semibold' : '' }}">
                        {{ $o->delivery_date?->format('d M Y') ?? '—' }}
                        @if ($open && $o->delivery_date?->isPast())<span class="cell-sub text-danger">overdue</span>@endif
                    </td>
                    <td data-label="Status"><x-order-status :order="$o" /></td>
                    <td data-label="Progress">@php($pg = $o->progressPercent())<div class="mini-progress {{ $pg >= 100 ? '' : 'is-partial' }}" style="min-width:64px" role="progressbar" aria-valuenow="{{ $pg }}" aria-valuemin="0" aria-valuemax="100" aria-label="{{ $pg }}% done"><span style="width: {{ $pg }}%"></span></div><span class="cell-sub">{{ $pg }}%</span></td>
                    <td class="num fw-semibold" data-label="Total">{{ money($o->total) }}</td>
                    <td data-label="Payment"><x-pay-status :total="$o->total" :paid="$o->paid()" :cancelled="$o->isCancelled()" /></td>
                    <td class="num fw-semibold {{ ! $o->isCancelled() && $o->due() > 0.004 ? 'text-danger' : 'text-muted' }}" data-label="Due">{{ $o->isCancelled() ? '—' : money($o->due()) }}</td>
                    <td class="actions-col">
                        <x-row-actions :label="'Actions for order '.$o->order_no">
                            <li><a class="dropdown-item" href="{{ route('orders.show', $o) }}"><i class="bi bi-eye"></i>View</a></li>
                            @can('orders.edit')
                            <li><a class="dropdown-item" href="{{ route('orders.edit', $o) }}"><i class="bi bi-pencil"></i>Edit</a></li>
                            @endcan
                            @can('amounts.view')
                            <li><a class="dropdown-item" href="{{ route('orders.invoice', $o) }}"><i class="bi bi-printer"></i>Invoice</a></li>
                            @endcan
                            @unless ($o->isCancelled())
                                @can('payments.create')
                                <li><a class="dropdown-item" href="{{ route('payments.create', ['direction' => 'received', 'order_id' => $o->id]) }}"><i class="bi bi-cash-coin"></i>Receive payment</a></li>
                                @endcan
                            @endunless
                            @can('orders.delete')
                            <li><hr class="dropdown-divider"></li>
                            <li><x-delete-button item :action="route('orders.destroy', $o)" :title="'Delete order '.$o->order_no.'?'" confirm="Orders with payments can't be deleted — cancel them instead." /></li>
                            @endcan
                        </x-row-actions>
                    </td>
                </tr>
            @empty
                <tr class="empty-row"><td colspan="10">
                    <x-empty icon="bag-check" title="No orders yet" text="Create an order to start tracking production, delivery and payments." :filtered="$filtered">
                        @can('orders.create')
                        <a href="{{ route('orders.create') }}" class="btn btn-primary btn-sm"><i class="bi bi-plus-lg"></i> Create the first order</a>
                        @endcan
                    </x-empty>
                </td></tr>
            @endforelse
            </tbody>
            @if ($orders->total() > 0)
            <tfoot>
                <tr>
                    <td colspan="6">All {{ $orders->total() }} matching {{ \Illuminate\Support\Str::plural('order', $orders->total()) }} <span class="fw-normal text-muted">(excl. cancelled)</span></td>
                    <td class="num">{{ money($sums['total']) }}</td>
                    <td class="num text-success">{{ money($sums['paid']) }} <span class="fw-normal text-muted">paid</span></td>
                    <td class="num {{ $sums['due'] > 0.004 ? 'text-danger' : '' }}">{{ money($sums['due']) }}</td>
                    <td></td>
                </tr>
            </tfoot>
            @endif
        </table>
    </div>
    <x-table-foot :paginator="$orders" />
</div>
@endsection