@extends('layouts.admin')

@section('title', 'Admin Dashboard | English Excellence Studio')

@section('content')

<div class="container-fluid">

    <div class="mb-4">

        <div class="d-flex justify-content-between align-items-start flex-wrap gap-3">

            <div>

                <h1 class="fw-bold mb-1">
                    Admin Dashboard
                </h1>

                <p class="text-muted mb-0">
                    Welcome, {{ auth()->user()->name ?? 'Admin' }}
                </p>

            </div>

        </div>

    </div>


    <div class="row g-4">

        {{-- Courses --}}
        <div class="col-xl-4 col-md-6">

            <a
                href="{{ route('admin.courses.index') }}"
                class="text-decoration-none text-dark"
            >

                <div class="card border-0 shadow-sm h-100">

                    <div class="card-body p-4">

                        <div class="d-flex justify-content-between">

                            <div>

                                <h5 class="fw-bold">
                                    Courses
                                </h5>

                                <p class="text-muted mb-0">
                                    Manage website courses.
                                </p>

                            </div>

                            <span class="badge text-bg-primary align-self-start">
                                {{ $stats['active_courses'] }} Active
                            </span>

                        </div>

                        <div class="mt-3">

                            <strong>
                                {{ $stats['courses'] }}
                            </strong>

                            <span class="text-muted">
                                Total Courses
                            </span>

                        </div>

                    </div>

                </div>

            </a>

        </div>


        {{-- Testimonials --}}
        <div class="col-xl-4 col-md-6">

            <a
                href="{{ route('admin.testimonials.index') }}"
                class="text-decoration-none text-dark"
            >

                <div class="card border-0 shadow-sm h-100">

                    <div class="card-body p-4">

                        <div class="d-flex justify-content-between">

                            <div>

                                <h5 class="fw-bold">
                                    Testimonials
                                </h5>

                                <p class="text-muted mb-0">
                                    Manage student testimonials.
                                </p>

                            </div>

                            <span class="badge text-bg-primary align-self-start">
                                {{ $stats['active_testimonials'] }} Active
                            </span>

                        </div>

                        <div class="mt-3">

                            <strong>
                                {{ $stats['testimonials'] }}
                            </strong>

                            <span class="text-muted">
                                Total Testimonials
                            </span>

                        </div>

                    </div>

                </div>

            </a>

        </div>


        {{-- Website Settings --}}
        <div class="col-xl-4 col-md-6">

            <a
                href="{{ route('admin.settings.edit') }}"
                class="text-decoration-none text-dark"
            >

                <div class="card border-0 shadow-sm h-100">

                    <div class="card-body p-4">

                        <h5 class="fw-bold">
                            Website Settings
                        </h5>

                        <p class="text-muted mb-0">
                            Manage website configuration.
                        </p>

                    </div>

                </div>

            </a>

        </div>


        {{-- Sliders --}}
        <div class="col-xl-4 col-md-6">

            <a
                href="{{ route('admin.sliders.index') }}"
                class="text-decoration-none text-dark"
            >

                <div class="card border-0 shadow-sm h-100">

                    <div class="card-body p-4">

                        <h5 class="fw-bold">
                            Homepage Sliders
                        </h5>

                        <p class="text-muted mb-0">
                            Manage image and video hero slides.
                        </p>

                    </div>

                </div>

            </a>

        </div>


        {{-- Messages --}}
        <div class="col-xl-4 col-md-6">

            <a
                href="{{ route('admin.messages.index') }}"
                class="text-decoration-none text-dark"
            >

                <div class="card border-0 shadow-sm h-100">

                    <div class="card-body p-4">

                        <div class="d-flex justify-content-between">

                            <div>

                                <h5 class="fw-bold">
                                    Contact Messages
                                </h5>

                                <p class="text-muted mb-0">
                                    Manage enquiries and messages.
                                </p>

                            </div>

                            @if ($stats['unread_messages'] > 0)

                                <span class="badge text-bg-danger align-self-start">
                                    {{ $stats['unread_messages'] }} New
                                </span>

                            @endif

                        </div>

                        <div class="mt-3">

                            <strong>
                                {{ $stats['messages'] }}
                            </strong>

                            <span class="text-muted">
                                Total Messages
                            </span>

                        </div>

                    </div>

                </div>

            </a>

        </div>

    </div>

</div>

@endsection