@extends('layouts.app')

@section('title', 'Class Expenses')

@section('content')
<div class="container py-4">
    <h2 class="text-success mb-4">Class Expenses</h2>

    {{-- Filters --}}
    <form method="GET" action="{{ route('class-expenses.index') }}" class="row g-2 mb-4">
        <div class="col-md-3">
            <input type="text" name="item" value="{{ request('item') }}" class="form-control" placeholder="Search by Item">
        </div>

        <div class="col-md-3">
            <select name="class_id" class="form-select">
                <option value="">All Classes / General</option>
                @foreach($classes as $class)
                    <option value="{{ $class->id }}" {{ request('class_id') == $class->id ? 'selected' : '' }}>
                        Class {{ $class->class_number }} ({{ $class->center->name ?? 'N/A' }})
                    </option>
                @endforeach
            </select>
        </div>

        <div class="col-md-3">
            <input type="date" name="expense_date" value="{{ request('expense_date') }}" class="form-control">
        </div>

        <div class="col-md-3 d-flex gap-2">
            <button type="submit" class="btn btn-primary w-50">Filter</button>
            <a href="{{ route('class-expenses.index') }}" class="btn btn-secondary w-50">Reset</a>
        </div>
    </form>

    {{-- Action buttons --}}
    <div class="d-flex justify-content-end mb-3 gap-2">
        <a href="{{ route('class-expenses.create') }}" class="btn btn-success btn-sm">
            <i class="bi bi-plus-circle"></i> Add Expense
        </a>
        <a href="{{ route('class-expenses.export.excel', request()->query()) }}" class="btn btn-outline-success btn-sm">
            <i class="bi bi-file-earmark-excel"></i> Export Excel
        </a>
        <a href="{{ route('class-expenses.export.csv', request()->query()) }}" class="btn btn-outline-warning btn-sm">
            <i class="bi bi-file-earmark-spreadsheet"></i> Export CSV
        </a>
    </div>

    {{-- Table --}}
    <table class="table table-bordered align-middle">
        <thead class="table-light">
            <tr>
                <th>#</th>
                <th>Item</th>
                <th>Quantity</th>
                <th>Class</th>
                <th>Center</th>
                <th>Amount (KSh)</th>
                <th>Date</th>
                <th>Actions</th>
            </tr>
        </thead>
        <tbody>
            @forelse($expenses as $expense)
                <tr>
                    <td>{{ $loop->iteration + ($expenses->currentPage() - 1) * $expenses->perPage() }}</td>
                    <td>{{ $expense->item }}</td>
                    <td>{{ $expense->quantity ?? 1 }}</td>
                    <td>{{ $expense->classRoom->class_number ?? '-' }}</td>
                    <td>{{ $expense->classRoom->center->name ?? '-' }}</td>
                    <td>{{ number_format($expense->amount, 2) }}</td>
                    <td>{{ $expense->expense_date }}</td>
                    <td>
                        <a href="{{ route('class-expenses.edit', $expense->id) }}" class="btn btn-sm btn-primary">
                            <i class="bi bi-pencil"></i> Edit
                        </a>

                        <form action="{{ route('class-expenses.destroy', $expense->id) }}" method="POST" style="display:inline-block;">
                            @csrf
                            @method('DELETE')
                            <button type="submit" class="btn btn-sm btn-danger" onclick="return confirm('Are you sure you want to delete this expense?');">
                                <i class="bi bi-trash"></i> Delete
                            </button>
                        </form>
                    </td>
                </tr>
            @empty
                <tr><td colspan="8" class="text-center">No expenses found.</td></tr>
            @endforelse
        </tbody>
    </table>

    {{-- Pagination --}}
    {{ $expenses->links() }}
</div>
@endsection