@extends('layouts.app')

@section('content')
<div class="container py-5">
    <!-- Header -->
    <div class="d-flex justify-content-between align-items-center mb-4 flex-wrap">
        <div>
            <h2 class="fw-bold text-success mb-1">
                👋 Welcome, {{ $user->name ?? 'Admin' }}
            </h2>
            <p class="text-muted mb-0">Here’s a quick snapshot of your system overview.</p>
        </div>
        <a href="{{ route('admin.register.user') }}" class="btn btn-success shadow-sm mt-3 mt-md-0">
            <i class="bi bi-person-plus-fill me-1"></i> Add New User
        </a>
    </div>

    <!-- Dashboard Stats -->
    <div class="admin-dashboard-grid mt-4">
        @php
            $cards = [
                ['title' => 'Classrooms', 'count' => $totalClassrooms, 'desc' => 'Active classrooms', 'icon' => 'bi bi-door-closed', 'route' => route('classrooms.index')],
                ['title' => 'Trainees', 'count' => $totalStudents, 'desc' => 'Registered trainees', 'icon' => 'bi bi-people-fill', 'route' => route('admin.trainees.index')],
                ['title' => 'Senior Trainers', 'count' => $totalTrainers, 'desc' => 'Active trainers', 'icon' => 'bi bi-person-badge-fill', 'route' => route('trainers.index')],
                ['title' => 'Assistant Trainers', 'count' => $totalAssistantTrainers ?? 0, 'desc' => 'Supporting trainers', 'icon' => 'bi bi-person-plus', 'route' => route('assistant-trainers.index')],
                ['title' => 'Lead Trainers', 'count' => $totalLeadTrainers, 'desc' => 'Supervising trainers', 'icon' => 'bi bi-person-gear', 'route' => route('lead_trainers.index')],
                ['title' => 'Coordinators', 'count' => $totalCoordinators, 'desc' => 'Centre coordinators', 'icon' => 'bi bi-person-lines-fill', 'route' => route('centre_coordinators.index')],
                ['title' => 'MP Coordinators', 'count' => $totalMpCoordinators, 'desc' => 'MP coordinators', 'icon' => 'bi bi-person-badge', 'route' => route('mp_coordinators.index')],
                ['title' => 'ICT Agents', 'count' => $totalICTAgents, 'desc' => 'IT support agents', 'icon' => 'bi bi-pc-display', 'route' => route('ict_agents.index')],
                ['title' => 'Recce Agents', 'count' => $totalRecceAgents, 'desc' => 'Field recce agents', 'icon' => 'bi bi-binoculars-fill', 'route' => route('recce_agents.index')],
                ['title' => 'Cleaners', 'count' => $totalCleaners, 'desc' => 'Facility cleaners', 'icon' => 'bi bi-broom', 'route' => route('cleaners.index')],
                ['title' => 'Child Minders', 'count' => $totalChildMinders, 'desc' => 'Child minders at centers', 'icon' => 'bi bi-emoji-smile', 'route' => route('child_minders.index')],
                ['title' => 'Centers', 'count' => $totalCenters, 'desc' => 'Available training centers', 'icon' => 'bi bi-geo-alt-fill', 'route' => route('centers.index')],
                ['title' => 'Attendance', 'count' => $totalAttendances ?? 0, 'desc' => 'Track trainee attendance', 'icon' => 'bi bi-clipboard-check', 'route' => route('attendances.index')],
                ['title' => 'Reports', 'count' => '-', 'desc' => 'View analytics & summaries', 'icon' => 'bi bi-graph-up-arrow', 'route' => route('reports.index')],
                ['title' => 'Deputy Lead Trainers', 'count' => $totalDeputyLeadTrainers ?? 0, 'desc' => 'Assisting lead trainers', 'icon' => 'bi bi-person-check', 'route' => route('admin.deputy-lead-trainers.index')],
                ['title' => 'Master Trainers', 'count' => $totalMasterTrainers ?? 0, 'desc' => 'Expert trainers', 'icon' => 'bi bi-person-badge', 'route' => route('admin.master-trainers.index')],
                ['title' => 'Head Teachers', 'count' => $totalHeadTeachers ?? 0, 'desc' => 'Responsible for school operations', 'icon' => 'bi bi-person-bounding-box', 'route' => route('admin.head_teachers.index')],
                ['title' => 'Teachers on Duty', 'count' => $totalTeachersOnDuty ?? 0, 'desc' => 'Teachers managing classes', 'icon' => 'bi bi-person-lines-fill', 'route' => route('admin.teachers_on_duty.index')],
                ['title' => 'Payrolls', 'count' => $totalPayrolls ?? 0, 'desc' => 'Manage staff payments', 'icon' => 'bi bi-cash-stack', 'route' => route('financial.payrolls.index')],
                ['title' => 'Service Providers', 'count' => $totalServiceProviders ?? 0, 'desc' => 'Manage service providers', 'icon' => 'bi bi-people', 'route' => route('financial.service-providers.index')],
                ['title' => 'Provider Payments', 'count' => $totalProviderPayments ?? 0, 'desc' => 'Track payments to providers', 'icon' => 'bi bi-wallet2', 'route' => route('financial.provider-payments.index')],
                ['title' => 'Class Expenses', 'count' => $totalClassExpenses ?? 0, 'desc' => 'Track all class & general expenses',  'icon' => 'bi bi-receipt',  'route' => route('class-expenses.index')],

            ];
        @endphp

        @foreach($cards as $card)
            <div class="admin-card">
                <div class="admin-icon">
                    <i class="{{ $card['icon'] }}"></i>
                </div>
                <h5 class="fw-semibold">{{ $card['title'] }}</h5>
                <p class="display-6 fw-bold text-success mb-0">{{ $card['count'] }}</p>
                <small class="text-muted">{{ $card['desc'] }}</small>
                <a href="{{ $card['route'] }}" class="admin-btn mt-3">Manage</a>
            </div>
        @endforeach
    </div>
</div>

<style>
    body {
        background: linear-gradient(135deg, #edf8ef, #f5fff8);
    }

    .admin-dashboard-grid {
        display: grid;
        grid-template-columns: repeat(3, 1fr);
        gap: 1.5rem;
    }

    .admin-card {
        background: #fdfefc;
        border: 1px solid #c8e6c9;
        border-radius: 18px;
        padding: 1.8rem;
        position: relative;
        overflow: hidden;
        box-shadow: 0 4px 10px rgba(0, 128, 0, 0.07);
        transition: all 0.3s ease;
    }

    .admin-card:hover {
        transform: translateY(-5px);
        box-shadow: 0 10px 20px rgba(0, 128, 0, 0.12);
        background: #f3fff5;
    }

    .admin-icon {
        font-size: 2rem;
        color: #28a745;
        background: rgba(40, 167, 69, 0.1);
        width: 3.5rem;
        height: 3.5rem;
        display: flex;
        align-items: center;
        justify-content: center;
        border-radius: 50%;
        margin-bottom: 1rem;
        transition: all 0.3s ease;
    }

    .admin-card:hover .admin-icon {
        background: #28a745;
        color: white;
        transform: scale(1.1);
    }

    .admin-btn {
        display: inline-block;
        background-color: #28a745;
        color: white;
        border-radius: 8px;
        padding: 0.5rem 1rem;
        text-decoration: none;
        font-weight: 500;
        transition: all 0.2s;
    }

    .admin-btn:hover {
        background-color: #218838;
        transform: translateY(-2px);
        color: #fff;
    }

    @media (max-width: 992px) {
        .admin-dashboard-grid {
            grid-template-columns: repeat(2, 1fr);
        }
    }

    @media (max-width: 576px) {
        .admin-dashboard-grid {
            grid-template-columns: 1fr;
        }
        .admin-card h5 {
            font-size: 1rem;
        }
        .display-6 {
            font-size: 1.6rem;
        }
    }
</style>
@endsection