@extends('layouts.admin')

@section('title', setting('school_name', 'ShulePoint') . ' | Expenses')
@section('page-title', 'Expenses')

@section('content')
{{-- Add expense card --}}
<div class="card card-outline card-primary shadow-sm learner-card">
    <div class="card-header">
        <h3 class="card-title"><i class="fas fa-plus mr-1"></i> Add expense</h3>
    </div>
    <form method="POST" action="{{ route('finance.expenses.store') }}">
        @csrf
        <div class="card-body">
            <div class="row">
                <div class="col-md-4">
                    <label class="fld-label">Title <span class="text-danger">*</span></label>
                    <input name="title" required value="{{ old('title') }}" placeholder="e.g. Term 2 food supplies" class="form-control form-control-sm @error('title') is-invalid @enderror">
                    @error('title')<span class="invalid-feedback d-block">{{ $message }}</span>@enderror
                </div>
                <div class="col-md-3">
                    <label class="fld-label">Category</label>
                    <input name="category" value="{{ old('category') }}" placeholder="e.g. Stationery, Food, Transport" class="form-control form-control-sm @error('category') is-invalid @enderror">
                    @error('category')<span class="invalid-feedback d-block">{{ $message }}</span>@enderror
                </div>
                <div class="col-md-2">
                    <label class="fld-label">Amount <span class="text-danger">*</span></label>
                    <input name="amount" type="number" step="1" min="0" required value="{{ old('amount') }}" placeholder="0" class="form-control form-control-sm @error('amount') is-invalid @enderror">
                    @error('amount')<span class="invalid-feedback d-block">{{ $message }}</span>@enderror
                </div>
                <div class="col-md-2">
                    <label class="fld-label">Spent On</label>
                    <input type="date" name="spent_on" value="{{ old('spent_on') }}" class="form-control form-control-sm @error('spent_on') is-invalid @enderror">
                    @error('spent_on')<span class="invalid-feedback d-block">{{ $message }}</span>@enderror
                </div>
                <div class="col-md-1">
                    <label class="fld-label">Receipt No</label>
                    <input name="receipt_no" value="{{ old('receipt_no') }}" class="form-control form-control-sm @error('receipt_no') is-invalid @enderror">
                    @error('receipt_no')<span class="invalid-feedback d-block">{{ $message }}</span>@enderror
                </div>
            </div>
        </div>
        <div class="card-footer d-flex justify-content-end">
            <button type="submit" class="btn btn-sm btn-primary"><i class="fas fa-plus mr-1"></i> Add Expense</button>
        </div>
    </form>
</div>

{{-- Expenses table card --}}
<div class="card shadow-sm learner-card">
    <div class="card-header">
        <h3 class="card-title"><i class="fas fa-receipt mr-1"></i> Expenses
            <small class="text-muted ml-1">{{ number_format($expenses->total()) }} total</small>
        </h3>
    </div>

    </div>
    <div class="card-body table-responsive p-0">
        <table class="table learner-table table-hover text-nowrap mb-0">
            <thead>
                <tr>
                    <th>Title</th>
                    <th>Category</th>
                    <th>Amount</th>
                    <th>Date</th>
                    @include('layouts.partials.school-th')
                    <th class="text-right">Action</th>
                </tr>
            </thead>
            <tbody>
                @forelse($expenses as $e)
                    <tr>
                        <td class="font-weight-600">{{ $e->title }}</td>
                        <td>
                            @if($e->category)
                                <span class="class-pill">{{ $e->category }}</span>
                            @else
                                <span class="text-muted">—</span>
                            @endif
                        </td>
                        <td>KES {{ number_format($e->amount, 0) }}</td>
                        <td class="small text-muted">{{ $e->spent_on }}</td>
                        @include('layouts.partials.school-td', ['schoolId' => $e->school_id ?? null])
                        <td class="text-right">
                            <form method="POST" action="{{ route('finance.expenses.destroy', $e) }}" class="d-inline">@csrf @method('DELETE')
                                <button type="submit" class="btn btn-sm btn-outline-danger" title="Delete" onclick="return confirm('Delete this expense?')"><i class="fas fa-trash"></i></button>
                            </form>
                        </td>
                    </tr>
                @empty
                    <tr>
                        <td colspan="6" class="text-center py-5">
                            <i class="fas fa-receipt fa-3x text-muted mb-3"></i>
                            <p class="font-weight-bold mb-1">No expenses recorded</p>
                            <p class="text-muted small mb-0">Add the first expense using the form above.</p>
                        </td>
                    </tr>
                @endforelse
            </tbody>
        </table>
    </div>
    <div class="card-footer d-flex justify-content-between align-items-center flex-wrap">
        <small class="text-muted">Page {{ $expenses->currentPage() }} of {{ $expenses->lastPage() }} · {{ number_format($expenses->total()) }} total</small>
        <div class="mb-0">{{ $expenses->links() }}</div>
    </div>
</div>
@endsection