@extends('admin.admin_dashboard')
@section('admin')

<div class="page-content">
    <x-chm.layout.page title="MSC Reports" subtitle="Monthly SACCO branch performance reports" icon="bx bx-bar-chart-square">
        <x-slot:breadcrumb>
            <x-chm.breadcrumb-item :href="route('admin.dashboard')">Home</x-chm.breadcrumb-item>
            <x-chm.breadcrumb-item :active="true">MSC Reports</x-chm.breadcrumb-item>
        </x-slot:breadcrumb>

        <x-slot:actions>
            @if(App\Support\MscPermissions::canAccessDashboard(auth()->user()))
                <x-chm.button variant="outline-primary" icon="bx bx-line-chart" :href="route('msc.dashboard')">Dashboard</x-chm.button>
            @endif
            @if(App\Support\MscPermissions::canViewReports(auth()->user()))
                <x-chm.button variant="outline-secondary" icon="bx bx-download" href="#msc-downloads">Downloads</x-chm.button>
            @endif
            @if(App\Support\MscPermissions::canCreateReport(auth()->user()))
                <x-chm.button variant="primary" icon="bx bx-plus" :href="route('msc.create')">New report</x-chm.button>
            @endif
        </x-slot:actions>

        <div class="row row-cols-2 row-cols-md-4 g-3 mb-4">
            <x-chm.stat-card label="Total reports" :value="number_format($stats['total'] ?? 0)" icon="bx bx-file" color="primary" />
            <x-chm.stat-card label="Drafts" :value="number_format($stats['draft'] ?? 0)" icon="bx bx-edit" color="warning" />
            <x-chm.stat-card label="Submitted" :value="number_format($stats['submitted'] ?? 0)" icon="bx bx-check-circle" color="success" />
            <x-chm.stat-card label="Pending deletion" :value="number_format($stats['pending_deletion'] ?? 0)" icon="bx bx-trash" color="danger" />
        </div>

        @if(($pendingDeletionReports ?? collect())->isNotEmpty())
            <x-chm.card title="Deletion requests awaiting approval" class="mb-4">
                <div class="table-responsive">
                    <table class="table table-sm align-middle mb-0">
                        <thead>
                            <tr>
                                <th>Date</th>
                                <th>Branch</th>
                                <th>Requested by</th>
                                <th>Reason</th>
                                <th class="text-end">Actions</th>
                            </tr>
                        </thead>
                        <tbody>
                            @foreach($pendingDeletionReports as $pendingReport)
                                <tr>
                                    <td>{{ $pendingReport->report_date?->format('d M Y') }}</td>
                                    <td>{{ $pendingReport->branch->name ?? '—' }}</td>
                                    <td>{{ $pendingReport->deletionRequestedBy->name ?? '—' }}</td>
                                    <td class="small text-muted">{{ \Illuminate\Support\Str::limit($pendingReport->deletion_reason, 80) }}</td>
                                    <td class="text-end">
                                        <a href="{{ route('msc.show', $pendingReport) }}" class="btn btn-sm btn-outline-primary">Review</a>
                                    </td>
                                </tr>
                            @endforeach
                        </tbody>
                    </table>
                </div>
            </x-chm.card>
        @endif

        <x-chm.card class="mb-4">
            <form method="get" class="row g-3 align-items-end">
                @if($canViewAll)
                    <div class="col-md-3">
                        <label class="form-label">Branch</label>
                        <select name="branch_id" class="form-select chm-select" data-placeholder="All branches" data-allow-clear="true">
                            <option value=""></option>
                            @foreach($branches as $branch)
                                <option value="{{ $branch->id }}" @selected(request('branch_id') == $branch->id)>{{ $branch->name }}</option>
                            @endforeach
                        </select>
                    </div>
                @endif
                <div class="col-md-2">
                    <label class="form-label">Status</label>
                    <select name="status" class="form-select chm-select" data-placeholder="All statuses" data-allow-clear="true">
                        <option value=""></option>
                        <option value="draft" @selected(request('status') === 'draft')>Draft</option>
                        <option value="submitted" @selected(request('status') === 'submitted')>Submitted</option>
                        @if($deletionWorkflowReady ?? false)
                        <option value="pending_deletion" @selected(request('status') === 'pending_deletion')>Pending deletion</option>
                        @endif
                    </select>
                </div>
                <div class="col-md-2">
                    <label class="form-label">From</label>
                    <input type="date" name="from_date" class="form-control" value="{{ request('from_date') }}">
                </div>
                <div class="col-md-2">
                    <label class="form-label">To</label>
                    <input type="date" name="to_date" class="form-control" value="{{ request('to_date') }}">
                </div>
                <div class="col-auto">
                    <button type="submit" class="btn btn-primary"><i class="bx bx-filter-alt me-1"></i> Filter</button>
                </div>
            </form>
        </x-chm.card>

        <div id="msc-downloads">
            @if(App\Support\MscPermissions::canViewReports(auth()->user()))
                @include('admin.chs.msc.partials.download-section', [
                    'branches' => $branches,
                    'canViewAll' => $canViewAll,
                    'canViewSummary' => App\Support\MscPermissions::canViewSummary(auth()->user()),
                    'selectedBranch' => request('branch_id'),
                    'selectedYear' => request('from_date') ? (int) date('Y', strtotime(request('from_date'))) : (int) now()->format('Y'),
                    'fromDate' => request('from_date'),
                    'toDate' => request('to_date'),
                ])
            @endif
        </div>

        <div class="card chm-card">
            @if($reports->isEmpty())
                <x-chm.table-empty
                    title="No MSC reports yet"
                    description="Create a monthly branch report to get started."
                    icon="bx bx-bar-chart-square"
                    :action-label="App\Support\MscPermissions::canCreateReport(auth()->user()) ? 'New report' : null"
                    :action-href="App\Support\MscPermissions::canCreateReport(auth()->user()) ? route('msc.create') : null"
                />
            @else
                <x-chm.table-toolbar :datatable="false" :export="false" :sticky="true">
                    <thead>
                        <tr>
                            <th>#</th>
                            <th>Date</th>
                            <th>Branch</th>
                            <th>Status</th>
                            <th>Created by</th>
                            <th>Updated</th>
                            <th class="text-end">Actions</th>
                        </tr>
                    </thead>
                    <tbody>
                        @foreach($reports as $report)
                            <tr>
                                <td class="text-muted">{{ $reports->firstItem() + $loop->index }}</td>
                                <td>{{ $report->report_date?->format('d M Y') }}</td>
                                <td>{{ $report->branch->name ?? '—' }}</td>
                                <td>
                                    @php
                                        $statusColor = match ($report->status) {
                                            'submitted' => 'success',
                                            'pending_deletion' => 'danger',
                                            default => 'warning',
                                        };
                                    @endphp
                                    <x-chm.status-badge
                                        :status="$statusColor"
                                        :label="str_replace('_', ' ', ucfirst($report->status))"
                                    />
                                </td>
                                <td>{{ $report->creator->name ?? '—' }}</td>
                                <td class="text-muted small">{{ $report->updated_at?->diffForHumans() }}</td>
                                <td class="text-end">
                                    <a href="{{ route('msc.show', $report) }}" class="btn btn-sm btn-outline-primary">View</a>
                                    <a href="{{ route('msc.download', $report) }}" class="btn btn-sm btn-outline-secondary">PDF</a>
                                </td>
                            </tr>
                        @endforeach
                    </tbody>
                </x-chm.table-toolbar>
                <div class="card-footer bg-transparent">{{ $reports->links() }}</div>
            @endif
        </div>
    </x-chm.layout.page>
</div>

@endsection

@push('scripts')
<script>
document.addEventListener('DOMContentLoaded', function () {
    if (window.ChmForms) ChmForms.init();
});
</script>
@endpush