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

@section('content')
@php
    $pills = filter_pills([
        'direction' => ['Type', ['received' => 'Received', 'paid' => 'Paid']],
        'client_id' => ['Client', fn ($id) => optional($clients->firstWhere('id', $id))->name ?? $id],
        'vendor_id' => ['Vendor', fn ($id) => optional($vendors->firstWhere('id', $id))->name ?? $id],
        'method' => ['Method', \App\Models\Payment::METHODS],
        'from' => ['From', fn ($d) => pretty_date($d)],
        'to' => ['To', fn ($d) => pretty_date($d)],
    ]);
    $filtered = count($pills) > 0 || request()->filled('q');
    $in = (int) ($directionCounts['received'] ?? 0);
    $out = (int) ($directionCounts['paid'] ?? 0);
@endphp
<x-page-header title="Payments" subtitle="Money received from clients and paid to vendors">
    @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('payments.create')
    <a href="{{ route('payments.create', ['direction' => 'paid']) }}" class="btn btn-outline-danger"><i class="bi bi-arrow-up-right" aria-hidden="true"></i> Pay vendor</a>
    @endcan
    @can('payments.create')
    <a href="{{ route('payments.create', ['direction' => 'received']) }}" class="btn btn-success"><i class="bi bi-arrow-down-left" aria-hidden="true"></i> Receive payment</a>
    @endcan
</x-page-header>

<div class="row g-3 mb-3 stagger">
    <div class="col-sm-4"><div class="card card-body py-3 stat-sm"><div class="d-flex align-items-center gap-3"><span class="icon-chip chip-success"><i class="bi bi-arrow-down-left"></i></span><div><div class="stat-label">Received</div><div class="stat-value text-success">{{ money($totalIn) }}</div></div></div></div></div>
    <div class="col-sm-4"><div class="card card-body py-3 stat-sm"><div class="d-flex align-items-center gap-3"><span class="icon-chip chip-danger"><i class="bi bi-arrow-up-right"></i></span><div><div class="stat-label">Paid to vendors</div><div class="stat-value text-danger">{{ money($totalOut) }}</div></div></div></div></div>
    <div class="col-sm-4"><div class="card card-body py-3 stat-sm"><div class="d-flex align-items-center gap-3"><span class="icon-chip"><i class="bi bi-arrow-left-right"></i></span><div><div class="stat-label">Net</div><div class="stat-value">{{ money($totalIn - $totalOut) }}</div></div></div></div></div>
</div>

<div class="chip-row mb-3">
    <a class="chip {{ ! request('direction') ? 'active' : '' }}" href="{{ request()->fullUrlWithQuery(['direction' => null, 'page' => null]) }}">All <span class="n">{{ $in + $out }}</span></a>
    <a class="chip {{ request('direction') === 'received' ? 'active' : '' }}" href="{{ request()->fullUrlWithQuery(['direction' => 'received', 'page' => null]) }}">Received <span class="n">{{ $in }}</span></a>
    <a class="chip {{ request('direction') === 'paid' ? 'active' : '' }}" href="{{ request()->fullUrlWithQuery(['direction' => 'paid', 'page' => null]) }}">Paid <span class="n">{{ $out }}</span></a>
</div>

<x-filter-bar placeholder="Search reference, client or vendor…" :pills="$pills" :keep="['direction', '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="">Any client</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-vendor">Vendor</label>
            <select id="f-vendor" name="vendor_id" class="form-select"><option value="">Any vendor</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-2">
            <label class="form-label" for="f-method">Method</label>
            <select id="f-method" name="method" class="form-select"><option value="">Any</option>@foreach (\App\Models\Payment::METHODS as $k => $l)<option value="{{ $k }}" @selected(request('method') === $k)>{{ $l }}</option>@endforeach</select>
        </div>
        <div class="col-md-2"><label class="form-label" for="f-from">From</label><input id="f-from" type="date" name="from" value="{{ request('from') }}" class="form-control"></div>
        <div class="col-md-2"><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="paid_on" label="Date" :default="true" defaultDir="desc" />
                <x-sort-th column="direction" label="Type" />
                <th scope="col">Party</th>
                <th scope="col">Against</th>
                <x-sort-th column="method" label="Method" />
                <th scope="col">Reference</th>
                <x-sort-th column="amount" label="Amount" num defaultDir="desc" />
                <th scope="col"><span class="visually-hidden">Actions</span></th>
            </tr></thead>
            <tbody>
            @forelse ($payments as $p)
                <tr>
                    <td class="cell-title" data-label="Date"><span class="cell-main">{{ $p->paid_on->format('d M Y') }}</span></td>
                    <td data-label="Type"><span class="badge-soft badge-soft-{{ $p->isReceived() ? 'success' : 'danger' }}">{{ $p->isReceived() ? 'Received' : 'Paid' }}</span></td>
                    <td data-label="Party">
                        @if ($p->isReceived())<a href="{{ route('clients.show', $p->client_id) }}" class="link-plain text-decoration-none fw-semibold">{{ $p->client->name }}</a>
                        @else<a href="{{ route('vendors.show', $p->vendor_id) }}" class="link-plain text-decoration-none fw-semibold">{{ $p->vendor->name }}</a>@endif
                    </td>
                    <td data-label="Against">
                        @if ($p->order)<a href="{{ route('orders.show', $p->order) }}">{{ $p->order->order_no }}</a>
                        @elseif ($p->vendorAssignment)<a href="{{ route('vendor-assignments.show', $p->vendorAssignment) }}">{{ $p->vendorAssignment->number() }}</a>@if ($p->vendorAssignmentItem)<span class="cell-sub">{{ $p->vendorAssignmentItem->label() }}</span>@endif
                        @elseif ($p->vendorBill)<a href="{{ route('vendor-bills.show', $p->vendorBill) }}">Bill {{ $p->vendorBill->bill_no ?: '#'.$p->vendorBill->id }}</a>
                        @else<span class="text-muted">On account</span>@endif
                    </td>
                    <td data-label="Method">{{ \App\Models\Payment::METHODS[$p->method] ?? $p->method }}</td>
                    <td data-label="Reference">{{ $p->reference ?: '—' }}</td>
                    <td class="num fw-semibold {{ $p->isReceived() ? 'money-in' : 'money-out' }}" data-label="Amount">{{ $p->isReceived() ? '+' : '−' }}{{ money($p->amount) }}</td>
                    <td class="actions-col">
                        <x-row-actions :label="'Actions for payment of '.money($p->amount)">
                            @can('payments.edit')
                            <li><a class="dropdown-item" href="{{ route('payments.edit', $p) }}"><i class="bi bi-pencil"></i>Edit</a></li>
                            @endcan
                            @can('payments.delete')
                            <li><hr class="dropdown-divider"></li>
                            <li><x-delete-button item :action="route('payments.destroy', $p)" title="Delete this payment?" :confirm="'This removes '.money($p->amount).' from the books and changes the balance.'" /></li>
                            @endcan
                        </x-row-actions>
                    </td>
                </tr>
            @empty
                <tr class="empty-row"><td colspan="8">
                    <x-empty icon="cash-coin" title="No payments yet" text="Record money received from clients or paid to vendors." :filtered="$filtered">
                        @can('payments.create')
                        <a href="{{ route('payments.create', ['direction' => 'received']) }}" class="btn btn-success btn-sm"><i class="bi bi-plus-lg"></i> Receive a payment</a>
                        @endcan
                    </x-empty>
                </td></tr>
            @endforelse
            </tbody>
        </table>
    </div>
    <x-table-foot :paginator="$payments" />
</div>
@endsection