@extends('layouts.app')
@section('title', __('app.expenses'))
@section('content')
<div class="page-head">
    <div><h1>{{ __('app.expenses') }}</h1><p>{{ __('app.expense_hint') }}</p></div>
    <div class="actions"><a class="btn" href="{{ route('expenses.create') }}">➕ {{ __('app.add_expense') }}</a><a class="btn secondary" href="{{ route('reports.show','expenses') }}">📊 {{ __('app.expense_report') }}</a></div>
</div>
<div class="cards mini-cards">
    <div class="card stat"><span>💸</span><small>{{ __('app.total_expenses') }}</small><strong>{{ number_format($total,2) }}</strong></div>
    <div class="card stat"><span>🧾</span><small>{{ __('app.records') }}</small><strong>{{ $expenses->total() }}</strong></div>
</div>
<form class="filters advanced-search" method="get">
    <div data-mdb-input-init class="form-outline"><input class="form-control" name="q" placeholder=" " value="{{ request('q') }}"><label class="form-label">{{ __('app.search') }}</label></div>
    <div data-mdb-input-init class="form-outline"><input class="form-control" type="date" name="from" placeholder=" " value="{{ request('from') }}"><label class="form-label">{{ __('app.from') }}</label></div>
    <div data-mdb-input-init class="form-outline"><input class="form-control" type="date" name="to" placeholder=" " value="{{ request('to') }}"><label class="form-label">{{ __('app.to') }}</label></div>
    <select name="category"><option value="">{{ __('app.all_categories') }}</option>@foreach($categories as $category)<option value="{{ $category }}" @selected(request('category')===$category)>{{ $category }}</option>@endforeach</select>
    <select name="currency"><option value="">{{ __('app.all_currencies') }}</option>@foreach($currencies as $currency)<option value="{{ $currency->code }}" @selected(request('currency')===$currency->code)>{{ $currency->code }}</option>@endforeach</select>
    <button class="btn secondary">{{ __('app.filter') }}</button>
</form>
<div class="panel table-wrap animated-panel">
<table><thead><tr><th>{{ __('app.date') }}</th><th>{{ __('app.category') }}</th><th>{{ __('app.amount') }}</th><th>{{ __('app.currency') }}</th><th>{{ __('app.method') }}</th><th>{{ __('app.description') }}</th><th>{{ __('app.action') }}</th></tr></thead>
<tbody>@forelse($expenses as $expense)<tr><td>{{ $expense->expense_date?->format('Y-m-d') }}</td><td><span class="badge blue">{{ $expense->category }}</span></td><td>{{ number_format($expense->amount,2) }}</td><td>{{ $expense->currency ?? 'AFN' }}</td><td>{{ $expense->method }}</td><td>{{ Str::limit($expense->description, 70) }}</td><td class="table-actions"><a class="mini-link" href="{{ route('expenses.edit',$expense) }}"><i class="fa-solid fa-pen"></i> {{ __('app.edit') }}</a><form method="post" action="{{ route('expenses.destroy',$expense) }}" onsubmit="return confirm('{{ __('app.confirm_delete') }}')">@csrf @method('delete')<button class="mini-link danger-link"><i class="fa-solid fa-trash"></i> {{ __('app.delete') }}</button></form></td></tr>@empty<tr><td colspan="7" class="empty-state">{{ __('app.no_records') }}</td></tr>@endforelse</tbody></table>
</div>
{{ $expenses->links() }}
@endsection