@extends('layouts.app')
@section('title','Expense Report')
@section('page_title','Expense Report')
@section('content')
@include('reports.partials.print-header',['reportTitle'=>'Expense Report','reportSubtitle'=>\Carbon\Carbon::parse($dateFrom)->format('d M Y').' — '.\Carbon\Carbon::parse($dateTo)->format('d M Y')])
<div class="page-heading"><h2>Expense Report</h2><div class="heading-actions"><x-export-choice route-name="expenses.export.print" :current="['date_from'=>$dateFrom,'date_to'=>$dateTo,'category_id'=>$categoryId,'report_context'=>'report']" :full="['report_context'=>'report']" /><a class="btn btn-secondary" href="{{ route('reports.index') }}">Back to Reports</a></div></div>
<div class="card filter-card mobile-collapsible-filter"><button class="mobile-filter-toggle" type="button" data-mobile-filter-toggle aria-controls="expenseReportFilterForm" aria-expanded="false"><span><strong>Filters</strong><small>Category and date range</small></span><b aria-hidden="true">+</b></button><form class="filter-grid report-range-filter" id="expenseReportFilterForm" method="GET"><select name="category_id" aria-label="Expense category"><option value="all">All Categories</option>@foreach($categories as $category)<option value="{{ $category->id }}" @selected((string)$categoryId===(string)$category->id)>{{ $category->displayName() }}</option>@endforeach</select><input type="date" name="date_from" value="{{ $dateFrom }}" aria-label="Date from"><input type="date" name="date_to" value="{{ $dateTo }}" aria-label="Date to"><button class="btn" type="submit">View Report</button></form></div>
<div class="dashboard-top three"><x-stat-card label="Total Expenses" :value="'TZS '.tzs_amount($total)" tone="red" icon="expense" /><x-stat-card label="Expense Records" :value="number_format($records)" tone="blue" icon="report" /><x-stat-card label="Average Expense" :value="'TZS '.tzs_amount($average)" tone="green" icon="daily" /></div>
<div class="card table-card expense-report-table-card">
    <div class="table-scroll desktop-report-table"><table class="data-table"><thead><tr><th>Expense</th><th>Category</th><th>Date</th><th>Payment</th><th>Amount</th><th>Added By</th></tr></thead><tbody>@forelse($expenses as $expense)<tr><td><strong>{{ $expense->name }}</strong></td><td>{{ $expense->categoryLabel() }}</td><td>{{ $expense->expense_date->format('d M Y') }}</td><td>{{ $expense->paymentMethodLabel() }}</td><td>TZS {{ tzs_amount($expense->amount) }}</td><td>{{ $expense->user?->name ?? 'Unknown' }}</td></tr>@empty<tr><td colspan="6" class="empty-cell">No expenses found.</td></tr>@endforelse</tbody></table></div>
    <div class="report-mobile-list">@forelse($expenses as $expense)<article class="report-mobile-card mobile-data-card"><div class="mobile-data-visual mobile-data-visual--expense">{{ strtoupper(substr($expense->categoryLabel(),0,1)) }}</div><div class="report-mobile-head mobile-data-head"><div><h3>{{ $expense->name }}</h3><small>{{ $expense->expense_date->format('d M Y') }} · {{ $expense->categoryLabel() }}</small></div></div><div class="mobile-data-body"><div class="mobile-data-keyline"><strong>TZS {{ tzs_amount($expense->amount) }}</strong></div><div class="mobile-data-support"><span>{{ $expense->paymentMethodLabel() }}</span><span>By {{ $expense->user?->name ?? 'Unknown' }}</span></div></div></article>@empty<div class="empty-state-professional"><div class="empty-icon">E</div><h3>No expenses found</h3><p>Try another date range or record a new business expense.</p><a class="btn" href="{{ route('expenses.create') }}">Add Expense</a></div>@endforelse</div>
    <div class="table-footer">{{ $expenses->links() }}</div>
</div>
@endsection