@extends('layouts.app')

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

@section('content')
<div class="d-flex justify-content-between align-items-center mb-3">
  <h3 class="mb-0">All Expenses</h3>
  <a href="{{ route('expenses.create') }}" class="btn btn-primary">Add New</a>
</div>

<table class="table table-striped text-center align-middle">
  <thead class="table-dark">
    <tr>
      <th>Date</th>
      <th>Category</th>
      <th>Description</th>
      <th>Amount (৳)</th>
    </tr>
  </thead>
  <tbody>
    @forelse($expenses as $e)
      <tr>
        <td>{{ $e->date }}</td>
        <td>{{ $e->category }}</td>
        <td>{{ $e->description }}</td>
        <td>{{ number_format($e->amount,2) }}</td>
      </tr>
    @empty
      <tr><td colspan="4" class="text-muted">No expenses found.</td></tr>
    @endforelse
  </tbody>
</table>

<div class="d-flex justify-content-center mt-3">
  {{ $expenses->links() }}
</div>
@endsection