@extends('admin.layouts.app')

@section('title', 'Expenses')
@section('page_title', 'Expenses List')

@section('content')
<style>
    .exp-table { font-size: 12px; }
    .exp-table th, .exp-table td { padding: 4px 6px; }
</style>

<div class="card">
    <div class="card-header">
        <div class="d-flex justify-content-between align-items-center">
            <h5 class="mb-0">Expenses List</h5>
            <a href="{{ route('vouchers.create') }}?type=expense" class="btn btn-primary btn-sm">
                <i class="fas fa-plus"></i> Add Expense Voucher
            </a>
        </div>
    </div>
    <div class="card-body p-0">
        <form method="GET" class="p-2 bg-light border-bottom">
            <div class="row g-2">
                <div class="col-md-2">
                    <select name="year" class="form-select form-select-sm">
                        @for($y = date('Y'); $y >= date('Y') - 5; $y--)
                            <option value="{{ $y }}" {{ request('year') == $y ? 'selected' : '' }}>{{ $y }}</option>
                        @endfor
                    </select>
                </div>
                <div class="col-md-2">
                    <select name="month" class="form-select form-select-sm">
                        <option value="">All Months</option>
                        @foreach(['01'=>'January','02'=>'February','03'=>'March','04'=>'April','05'=>'May','06'=>'June','07'=>'July','08'=>'August','09'=>'September','10'=>'October','11'=>'November','12'=>'December'] as $m => $mname)
                            <option value="{{ $m }}" {{ request('month') == $m ? 'selected' : '' }}>{{ $mname }}</option>
                        @endforeach
                    </select>
                </div>
                <div class="col-md-2">
                    <select name="category" class="form-select form-select-sm">
                        <option value="">All Categories</option>
                        @foreach($expenseCategories as $cat)
                            <option value="{{ $cat->name }}" {{ $categoryFilter == $cat->name ? 'selected' : '' }}>{{ $cat->name }}</option>
                        @endforeach
                    </select>
                </div>
                <div class="col-md-3">
                    <button type="submit" class="btn btn-primary btn-sm">Filter</button>
                    <a href="{{ route('expenses.index') }}" class="btn btn-secondary btn-sm">Reset</a>
                </div>
                <div class="col-md-3 text-end">
                    <strong>Total: {{ number_format($totalExpenses, 2) }}</strong>
                </div>
            </div>
        </form>

        <div class="table-responsive">
            <table class="table table-bordered table-striped table-sm exp-table mb-0">
                <thead class="table-dark">
                    <tr>
                        <th style="width: 50px;">Sl</th>
                        <th style="width: 90px;">Date</th>
                        <th>Voucher No</th>
                        <th>Category</th>
                        <th class="text-end">Amount</th>
                        <th>Description</th>
                        <th style="width: 80px;"></th>
                    </tr>
                </thead>
                <tbody>
                    @php $sl = 1; @endphp
                    @forelse($vouchers as $voucher)
                        <tr>
                            <td>{{ $sl++ }}</td>
                            <td>{{ date('d-m-Y', strtotime($voucher->date)) }}</td>
                            <td><strong>{{ $voucher->voucher_no }}</strong></td>
                            <td><strong>{{ $voucher->category ?? '-' }}</strong></td>
                            <td class="text-end">{{ number_format($voucher->amount, 2) }}</td>
                            <td>{{ $voucher->description ?? '-' }}</td>
                            <td class="text-center">
                                <a href="{{ route('vouchers.show', $voucher->id) }}" class="btn btn-xs btn-info py-0 px-1">
                                    <i class="fas fa-eye"></i>
                                </a>
                            </td>
                        </tr>
                    @empty
                        <tr>
                            <td colspan="7" class="text-center">No expense vouchers found</td>
                        </tr>
                    @endforelse
                </tbody>
            </table>
        </div>
        <div class="p-2">
            {{ $vouchers->links() }}
        </div>
    </div>
</div>
@endsection