@extends('backend.layouts.app')

@section('content')
    <div class="page-header mb-4">
        <h2 class="fw-bold">Reports Dashboard</h2>
        <p class="text-muted small">Access detailed reports below</p>
    </div>

    <div class="row g-3">
        @php
            $reports = [
                [
                    'title' => 'Member Report',
                    'route' => 'report.member_report',
                    'icon' => 'mdi-account-group',
                    'color' => 'primary',
                ],
                [
                    'title' => 'Organization Report',
                    'route' => 'report.organizer_report',
                    'icon' => 'mdi-domain',
                    'color' => 'secondary',
                ],
                ['title' => 'Donation', 'route' => 'report.donation', 'icon' => 'mdi-hand-heart', 'color' => 'success'],
                [
                    'title' => 'Member Invoice',
                    'route' => 'report.member-invoice',
                    'icon' => 'mdi-file-document-box',
                    'color' => 'info',
                ],
                [
                    'title' => 'Subscription',
                    'route' => 'report.subscription-invoice-report',
                    'icon' => 'mdi-calendar-check',
                    'color' => 'warning',
                ],
                ['title' => 'Income', 'route' => 'report.income', 'icon' => 'mdi-cash-plus', 'color' => 'success'],
                ['title' => 'Expense', 'route' => 'report.expense', 'icon' => 'mdi-cash-minus', 'color' => 'danger'],
                [
                    'title' => 'Balance Sheet',
                    'route' => 'report.balance_sheet',
                    'icon' => 'mdi-file-chart',
                    'color' => 'dark',
                ],
            ];
        @endphp

        @foreach ($reports as $report)
            <div class="col-sm-6 col-md-4 col-lg-3">
                <a href="{{ route($report['route']) }}" class="text-decoration-none">
                    <div class="card text-white bg-{{ $report['color'] }} shadow-sm h-100">
                        <div class="card-body d-flex flex-column align-items-center justify-content-center">
                            <i class="mdi {{ $report['icon'] }} mdi-48px mb-3"></i>
                            <h5 class="card-title text-center">{{ $report['title'] }}</h5>
                        </div>
                    </div>
                </a>
            </div>
        @endforeach
    </div>
@endsection