@extends('layouts.app')
@section('title', 'Vendor bills')

@section('content')
@php
    $pills = filter_pills([
        'status' => ['Status', ['unpaid' => 'Unpaid', 'partial' => 'Partly paid', 'paid' => 'Paid', 'overdue' => 'Overdue']],
        'vendor_id' => ['Vendor', fn ($id) => optional($vendors->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');
    $chips = [[null, 'All', 'all'], ['unpaid', 'Unpaid', 'unpaid'], ['partial', 'Partly paid', 'partial'], ['paid', 'Paid', 'paid'], ['overdue', 'Overdue', 'overdue']];
@endphp
<x-page-header title="Vendor bills" subtitle="What you owe vendors for materials and job work">
    @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('vendor_bills.create')
    <a href="{{ route('vendor-bills.create') }}" class="btn btn-primary"><i class="bi bi-plus-lg" aria-hidden="true"></i> Add bill</a>
    @endcan
</x-page-header>

<div class="chip-row mb-3">
    @foreach ($chips as [$key, $label, $ck])
        <a class="chip {{ request('status') == $key ? 'active' : '' }}" href="{{ request()->fullUrlWithQuery(['status' => $key, 'page' => null]) }}">{{ $label }} <span class="n">{{ $stateCounts[$ck] }}</span></a>
    @endforeach
</div>

<x-filter-bar placeholder="Search bill number, description or vendor…" :pills="$pills" :keep="['status', 'sort', 'dir', 'per_page']">
    <x-slot:panel>
        <div class="col-md-4">
            <label class="form-label" for="f-vendor">Vendor</label>
            <select id="f-vendor" name="vendor_id" class="form-select">
                <option value="">All vendors</option>
                @foreach ($vendors as $v)<option value="{{ $v->id }}" @selected(request('vendor_id') == $v->id)>{{ $v->name }}</option>@endforeach
            </select>
        </div>
        <div class="col-md-4"><label class="form-label" for="f-from">Bill date from</label><input id="f-from" type="date" name="from" value="{{ request('from') }}" class="form-control"></div>
        <div class="col-md-4"><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="bill_no" label="Bill" />
                <x-sort-th column="vendor" label="Vendor" />
                <x-sort-th column="bill_date" label="Date" :default="true" defaultDir="desc" />
                <x-sort-th column="due_date" label="Due" />
                <th scope="col">Order</th>
                <x-sort-th column="amount" label="Amount" num defaultDir="desc" />
                <x-sort-th column="paid" label="Payment" defaultDir="desc" />
                <x-sort-th column="due" label="Balance" num defaultDir="desc" />
                <th scope="col"><span class="visually-hidden">Actions</span></th>
            </tr></thead>
            <tbody>
            @forelse ($bills as $b)
                <tr>
                    <td class="cell-title" data-label="Bill">
                        <a href="{{ route('vendor-bills.show', $b) }}" class="cell-main text-decoration-none">{{ $b->bill_no ?: '#'.$b->id }}</a>
                        @if ($b->description)<span class="cell-sub cell-clip">{{ $b->description }}</span>@endif
                    </td>
                    <td data-label="Vendor"><a href="{{ route('vendors.show', $b->vendor_id) }}" class="link-plain text-decoration-none">{{ $b->vendor->name }}</a></td>
                    <td data-label="Date">{{ $b->bill_date->format('d M Y') }}</td>
                    <td data-label="Due" class="{{ $b->isOverdue() ? 'text-danger fw-semibold' : '' }}">
                        {{ $b->due_date?->format('d M Y') ?? '—' }}@if ($b->isOverdue())<span class="cell-sub text-danger">overdue</span>@endif
                    </td>
                    <td data-label="Order">@if ($b->order)<a href="{{ route('orders.show', $b->order) }}">{{ $b->order->order_no }}</a>@else <span class="text-muted">—</span>@endif</td>
                    <td class="num fw-semibold" data-label="Amount">{{ money($b->amount) }}</td>
                    <td data-label="Payment"><x-pay-status :total="$b->amount" :paid="$b->paid()" /></td>
                    <td class="num fw-semibold {{ $b->due() > 0.004 ? 'text-danger' : 'text-success' }}" data-label="Balance">{{ money($b->due()) }}</td>
                    <td class="actions-col">
                        <x-row-actions :label="'Actions for bill '.($b->bill_no ?: '#'.$b->id)">
                            <li><a class="dropdown-item" href="{{ route('vendor-bills.show', $b) }}"><i class="bi bi-eye"></i>View</a></li>
                            @can('vendor_bills.edit')
                            <li><a class="dropdown-item" href="{{ route('vendor-bills.edit', $b) }}"><i class="bi bi-pencil"></i>Edit</a></li>
                            @endcan
                            @if ($b->due() > 0.004)
                                @can('payments.create')
                                <li><a class="dropdown-item" href="{{ route('payments.create', ['direction' => 'paid', 'vendor_bill_id' => $b->id]) }}"><i class="bi bi-cash-coin"></i>Pay this bill</a></li>
                                @endcan
                            @endif
                            @can('vendor_bills.delete')
                            <li><hr class="dropdown-divider"></li>
                            <li><x-delete-button item :action="route('vendor-bills.destroy', $b)" title="Delete this bill?" confirm="Bills with payments can't be deleted." /></li>
                            @endcan
                        </x-row-actions>
                    </td>
                </tr>
            @empty
                <tr class="empty-row"><td colspan="9">
                    <x-empty icon="receipt" title="No vendor bills yet" text="Record what vendors bill you, then pay them off here." :filtered="$filtered">
                        @can('vendor_bills.create')
                        <a href="{{ route('vendor-bills.create') }}" class="btn btn-primary btn-sm"><i class="bi bi-plus-lg"></i> Add a bill</a>
                        @endcan
                    </x-empty>
                </td></tr>
            @endforelse
            </tbody>
            @if ($bills->total() > 0)
            <tfoot>
                <tr>
                    <td colspan="5">All {{ $bills->total() }} matching {{ \Illuminate\Support\Str::plural('bill', $bills->total()) }}</td>
                    <td class="num">{{ money($sums['amount']) }}</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="$bills" />
</div>
@endsection