@extends('layouts.app')

@section('content')
    <div class="container mx-auto px-4 py-8 max-w-7xl">


        <!-- Rest of your existing content remains the same -->
        <!-- Alerts -->
        @if (session('success'))
            <div
                class="mb-6 rounded-xl border border-emerald-200 bg-emerald-50 text-emerald-800 dark:border-emerald-900/40 dark:bg-emerald-900/20 dark:text-emerald-200 p-4">
                <div class="flex items-center gap-3">
                    <i class="fas fa-check-circle"></i>
                    <p class="font-medium">{{ session('success') }}</p>
                </div>
            </div>
        @endif

        @if (session('error'))
            <div
                class="mb-6 rounded-xl border border-red-200 bg-red-50 text-red-800 dark:border-red-900/40 dark:bg-red-900/20 dark:text-red-200 p-4">
                <div class="flex items-center gap-3">
                    <i class="fas fa-exclamation-circle"></i>
                    <p class="font-medium">{{ session('error') }}</p>
                </div>
            </div>
        @endif


        <!-- Continue with your existing summary cards, filters, and transaction table... -->
        <!-- [Rest of your existing content] -->

    </div>
@endsection