@extends('admin.layouts.app')
@section('title','Reports')
@section('breadcrumb') <span>/</span> Reports @endsection

@section('content')
<div class="page-header">
    <div><h1>Reports</h1><p class="page-subtitle">Generate, filter and export all NGO MIS reports</p></div>
</div>

<div class="row g-4">
    @php
    $reports = [
        ['icon'=>'fa-hand-holding-heart','color'=>'#2563eb','bg'=>'#eff6ff','title'=>'Donation Report',
         'desc'=>'All donations with status, purpose, gateway filters','url'=>route('admin.reports.donations'),'export_type'=>'donations'],
        ['icon'=>'fa-receipt','color'=>'#d97706','bg'=>'#fffbeb','title'=>'Expense Report',
         'desc'=>'Project & general expenses by category and date','url'=>route('admin.reports.expenses'),'export_type'=>'expenses'],
        ['icon'=>'fa-building','color'=>'#7c3aed','bg'=>'#fdf4ff','title'=>'CSR Report',
         'desc'=>'CSR company-wise project budgets and spending','url'=>route('admin.reports.csr'),'export_type'=>'csr'],
        ['icon'=>'fa-project-diagram','color'=>'#0369a1','bg'=>'#f0f9ff','title'=>'Project Report',
         'desc'=>'Project lifecycle, budgets, status and categories','url'=>route('admin.reports.projects'),'export_type'=>'projects'],
        ['icon'=>'fa-users-cog','color'=>'#475569','bg'=>'#f8fafc','title'=>'User Report',
         'desc'=>'System users by role, department and status','url'=>route('admin.reports.users'),'export_type'=>'users'],
        ['icon'=>'fa-user-friends','color'=>'#16a34a','bg'=>'#f0fdf4','title'=>'Beneficiary Report',
         'desc'=>'Beneficiaries with assistance details and totals','url'=>route('admin.reports.beneficiaries'),'export_type'=>'beneficiaries'],
        ['icon'=>'fa-hands','color'=>'#ea580c','bg'=>'#fff7ed','title'=>'Volunteer Report',
         'desc'=>'Volunteers by availability, department and project','url'=>route('admin.reports.volunteers'),'export_type'=>'volunteers'],
        ['icon'=>'fa-boxes','color'=>'#0e7490','bg'=>'#ecfeff','title'=>'Product / Inventory Report',
         'desc'=>'Stock levels, transactions and movement history','url'=>route('admin.reports.products'),'export_type'=>'products'],
    ];
    @endphp

    @foreach($reports as $report)
    <div class="col-md-6 col-lg-3">
        <div class="card h-100" style="border-top:3px solid {{ $report['color'] }};">
            <div class="card-body">
                <div style="width:46px;height:46px;background:{{ $report['bg'] }};border-radius:10px;display:flex;align-items:center;justify-content:center;margin-bottom:12px;">
                    <i class="fas {{ $report['icon'] }}" style="font-size:18px;color:{{ $report['color'] }};"></i>
                </div>
                <h6 class="fw-700 mb-1">{{ $report['title'] }}</h6>
                <p style="font-size:12px;color:#64748b;margin-bottom:14px;">{{ $report['desc'] }}</p>
                <div class="d-flex gap-2">
                    <a href="{{ $report['url'] }}" class="btn btn-sm btn-primary flex-grow-1">
                        <i class="fas fa-chart-bar me-1"></i>View
                    </a>
                    @if(auth()->user()->hasPermission('reports.export'))
                    <div class="dropdown">
                        <button class="btn btn-sm btn-outline-secondary dropdown-toggle" data-bs-toggle="dropdown">
                            <i class="fas fa-download"></i>
                        </button>
                        <ul class="dropdown-menu" style="font-size:12px;">
                            <li><a class="dropdown-item" href="{{ route('admin.reports.export', $report['export_type']) }}?format=pdf">
                                <i class="fas fa-file-pdf text-danger me-2"></i>PDF
                            </a></li>
                            <li><a class="dropdown-item" href="{{ route('admin.reports.export', $report['export_type']) }}?format=csv">
                                <i class="fas fa-file-csv text-success me-2"></i>CSV
                            </a></li>
                            <li><a class="dropdown-item" href="{{ route('admin.reports.export', $report['export_type']) }}?format=xlsx">
                                <i class="fas fa-file-excel text-success me-2"></i>Excel
                            </a></li>
                        </ul>
                    </div>
                    @endif
                </div>
            </div>
        </div>
    </div>
    @endforeach
</div>

<!-- Quick Date Export -->
<div class="card mt-4">
    <div class="card-header"><h6 class="mb-0 fw-700"><i class="fas fa-bolt text-warning me-2"></i>Quick Export</h6></div>
    <div class="card-body">
        <form method="GET" action="{{ route('admin.reports.export','donations') }}" class="row g-2 align-items-end">
            <div class="col-md-2">
                <label class="form-label">Report Type</label>
                <select name="type" class="form-select" id="exportType" onchange="this.form.action=exportBase+this.value">
                    <option value="donations">Donations</option>
                    <option value="expenses">Expenses</option>
                    <option value="beneficiaries">Beneficiaries</option>
                    <option value="volunteers">Volunteers</option>
                    <option value="products">Products</option>
                </select>
            </div>
            <div class="col-md-2">
                <label class="form-label">Date Range</label>
                <select name="date_range" class="form-select">
                    <option value="this_month">This Month</option>
                    <option value="last_month">Last Month</option>
                    <option value="this_year">This Year</option>
                    <option value="">All Time</option>
                </select>
            </div>
            <div class="col-md-2">
                <label class="form-label">Format</label>
                <select name="format" class="form-select">
                    <option value="pdf">PDF</option>
                    <option value="csv">CSV</option>
                    <option value="xlsx">Excel</option>
                </select>
            </div>
            <div class="col-md-2">
                <button type="submit" class="btn btn-warning w-100">
                    <i class="fas fa-download me-2"></i>Export
                </button>
            </div>
        </form>
    </div>
</div>
@endsection

@push('scripts')
<script>
const exportBase = '{{ url("admin/reports/export") }}/';
document.getElementById('exportType').addEventListener('change', function() {
    this.closest('form').action = exportBase + this.value;
});
</script>
@endpush