@extends('layouts.app')

@section('content')
    <div class="container">
        <h3 class="mb-4 text-success">📊 مركز التقارير والإحصائيات</h3>
            <div class="mb-4">
                <a href="{{ route('reports.monthly_form') }}" class="btn btn-primary btn-lg">
                    📅 استمارة التقرير الشهري المعتمدة
                </a>
                <a href="{{ route('reports.custom_form') }}" class="btn btn-success btn-lg">
                    📊 تقرير مخصص (بين فترتين)
                </a>
                <a href="{{ route('reports.hierarchy_form') }}" class="btn btn-info btn-lg text-white">
                            🗺️ التقرير الهيكلي الجغرافي
                </a>
            </div>
        <div class="row mb-4">
            <div class="col-md-4">
                <div class="card shadow-sm border-0 text-center py-4">
                    <h5 class="text-muted">إجمالي المؤسسات في الإقليم</h5>
                    <h1 class="text-primary fw-bold">{{ $totalEstablishments }}</h1>
                </div>
            </div>
        </div>

        <div class="row">
            <!-- تقرير حسب النوع -->
            <div class="col-md-6 mb-4">
                <div class="card shadow-sm">
                    <div class="card-header bg-dark text-white">تقرير المؤسسات حسب النوع</div>
                    <div class="card-body">
                        <table class="table table-bordered text-center">
                            <thead class="table-light">
                                <tr>
                                    <th>نوع الرخصة</th>
                                    <th>العدد</th>
                                </tr>
                            </thead>
                            <tbody>
                                @foreach($typesReport as $type)
                                    <tr>
                                        <td>{{ $type->type }}</td>
                                        <td class="fw-bold">{{ $type->total }}</td>
                                    </tr>
                                @endforeach
                            </tbody>
                        </table>
                        <a href="{{ route('reports.print', 'types') }}" target="_blank"
                            class="btn btn-outline-danger w-100">🖨️ طباعة هذا التقرير</a>
                    </div>
                </div>
            </div>

            <!-- تقرير حسب المناطق -->
            <div class="col-md-6 mb-4">
                <div class="card shadow-sm">
                    <div class="card-header bg-dark text-white">تقرير المؤسسات حسب الولايات</div>
                    <div class="card-body">
                        <table class="table table-bordered text-center">
                            <thead class="table-light">
                                <tr>
                                    <th>الولاية / الإقليم</th>
                                    <th>عدد المؤسسات</th>
                                </tr>
                            </thead>
                            <tbody>
                                @foreach($regionsReport as $region)
                                    <tr>
                                        <td>{{ $region->name }}</td>
                                        <td class="fw-bold">{{ $region->total_establishments }}</td>
                                    </tr>
                                @endforeach
                            </tbody>
                        </table>
                        <a href="{{ route('reports.print', 'regions') }}" target="_blank"
                            class="btn btn-outline-danger w-100">🖨️ طباعة هذا التقرير</a>
                    </div>
                </div>
            </div>
        </div>
    </div>
@endsection