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

@section('content')
@php
    $pills = filter_pills([
        'category_id' => ['Category', fn ($id) => optional($categories->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');
@endphp
<x-page-header title="Expenses" subtitle="Rent, wages, utilities and other running costs">
    @can('expense_categories.manage')
    <a href="{{ route('expense-categories.index') }}" class="btn btn-ghost"><i class="bi bi-tags" aria-hidden="true"></i> Categories</a>
    @endcan
    @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('expenses.create')
    <a href="{{ route('expenses.create') }}" class="btn btn-primary"><i class="bi bi-plus-lg" aria-hidden="true"></i> Add expense</a>
    @endcan
</x-page-header>

<div class="card card-body py-3 mb-3">
    <div class="d-flex align-items-center gap-3">
        <span class="icon-chip chip-danger"><i class="bi bi-wallet2" aria-hidden="true"></i></span>
        <div>
            <div class="stat-label">{{ $filtered ? 'Total (matching filters)' : 'Total expenses' }}</div>
            <div class="stat-value text-danger">{{ money($total) }}</div>
        </div>
        <div class="ms-auto text-muted small">{{ $count }} {{ \Illuminate\Support\Str::plural('entry', $count) }}</div>
    </div>
</div>

<x-filter-bar placeholder="Search paid to, description, reference…" :pills="$pills">
    <x-slot:panel>
        <div class="col-md-4">
            <label class="form-label" for="f-cat">Category</label>
            <select id="f-cat" name="category_id" class="form-select"><option value="">All categories</option>@foreach ($categories as $c)<option value="{{ $c->id }}" @selected(request('category_id') == $c->id)>{{ $c->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-3"><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-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="expense_date" label="Date" :default="true" defaultDir="desc" />
                <x-sort-th column="category" label="Category" />
                <x-sort-th column="paid_to" label="Paid to" />
                <th scope="col">Description</th>
                <x-sort-th column="method" label="Method" />
                <x-sort-th column="amount" label="Amount" num defaultDir="desc" />
                <th scope="col"><span class="visually-hidden">Actions</span></th>
            </tr></thead>
            <tbody>
            @forelse ($expenses as $e)
                <tr>
                    <td class="cell-title" data-label="Date"><span class="cell-main">{{ $e->expense_date->format('d M Y') }}</span></td>
                    <td data-label="Category"><span class="badge-soft badge-soft-primary no-dot">{{ $e->category->name }}</span></td>
                    <td data-label="Paid to">{{ $e->paid_to ?: '—' }}</td>
                    <td data-label="Description"><span class="cell-clip" style="max-width:280px">{{ $e->description ?: '—' }}</span>@if ($e->reference)<span class="cell-sub">Ref {{ $e->reference }}</span>@endif</td>
                    <td data-label="Method">{{ \App\Models\Payment::METHODS[$e->method] ?? $e->method }}</td>
                    <td class="num fw-semibold" data-label="Amount">{{ money($e->amount) }}</td>
                    <td class="actions-col">
                        <x-row-actions :label="'Actions for expense of '.money($e->amount)">
                            @can('expenses.edit')
                            <li><a class="dropdown-item" href="{{ route('expenses.edit', $e) }}"><i class="bi bi-pencil"></i>Edit</a></li>
                            @endcan
                            @can('expenses.delete')
                            <li><hr class="dropdown-divider"></li>
                            <li><x-delete-button item :action="route('expenses.destroy', $e)" title="Delete this expense?" :confirm="money($e->amount).' for '.$e->category->name.' will be removed.'" /></li>
                            @endcan
                        </x-row-actions>
                    </td>
                </tr>
            @empty
                <tr class="empty-row"><td colspan="7">
                    <x-empty icon="wallet2" title="No expenses yet" text="Track rent, wages, electricity and other running costs." :filtered="$filtered">
                        @can('expenses.create')
                        <a href="{{ route('expenses.create') }}" class="btn btn-primary btn-sm"><i class="bi bi-plus-lg"></i> Add an expense</a>
                        @endcan
                    </x-empty>
                </td></tr>
            @endforelse
            </tbody>
        </table>
    </div>
    <x-table-foot :paginator="$expenses" />
</div>
@endsection