@extends('layouts.app')

@section('content')
    <div class="container-fluid">
        <!-- Header Section -->
        <div class="row mb-4">
            <div class="col-12">
                <div class="card bg-primary text-white p-2">
                    <h1 class="font-weight-bold mb-0">Admin Dashboard</h1>
                </div>
            </div>
        </div>

        <!-- Quick Actions -->
        <div class="row mb-4">
            <div class="col-12">
                <h4 class="text-muted mb-3">Quick Actions</h4>
                <div class="row g-3">
                    <div class="col-xl-3 col-md-6">
                        <div class="card shadow-sm h-100 hover-scale">
                            <div class="card-header">
                                <h5 class="text-black">Student Management</h5>
                            </div>
                            <div class="card-body d-flex flex-column mt-2">
                                <div class="d-grid gap-2">
                                    <a href="{{ route('admin.students.add') }}"
                                        class="btn btn-outline-primary btn-sm">Register Student</a>
                                    <a href="{{ route('admin.students.editphoto') }}"
                                        class="btn btn-outline-primary btn-sm">Edit Photo Students</a>
                                    <a href="{{ route('admin.students.listcardstatus') }}"
                                        class="btn btn-outline-primary btn-sm">Update Card Status</a>
                                </div>
                            </div>
                        </div>
                    </div>

                    {{-- <div class="col-xl-3 col-md-6">
                    <div class="card border-0 shadow-sm h-100 hover-scale">
                        <div class="card-body d-flex flex-column">
                            <div class="d-flex align-items-center mb-3">
                                <i class="fas fa-chalkboard-teacher text-success fa-2x me-3"></i>
                                <h5 class="mb-0">Teacher Management</h5>
                            </div>
                            <div class="d-grid gap-2">
                                <a href="" class="btn btn-outline-success btn-sm">Add Teacher</a>
                                <a href="" class="btn btn-outline-secondary btn-sm">View Teachers</a>
                            </div>
                        </div>
                    </div>
                </div> --}}

                    <div class="col-xl-3 col-md-6">
                        <div class="card shadow-sm h-100 hover-scale">
                            <div class="card-header">
                                <h5 class="text-black">Blast Message</h5>
                            </div>
                            <div class="card-body d-flex flex-column mt-2">
                                <div class="d-grid gap-2">
                                    <a href="{{ route('admin.message.pushnoti') }}"
                                        class="btn btn-outline-primary btn-sm">Push Notification</a>
                                    <a href="{{ route('admin.students.sms360') }}"
                                        class="btn btn-outline-primary btn-sm">Hantar Mesej (SMS)</a>
                                    <a href="{{ route('admin.message.wabaone') }}"
                                        class="btn btn-outline-primary btn-sm">Hantar Whatsapp</a>
                                    <br>
                                    <form action="{{ route('admin.message.posttestfcm') }}" method="POST">
                                        @csrf
                                        <button type="submit" class="btn btn-outline-primary btn-sm w-100">TEST
                                            FCM</button>
                                    </form>
                                </div>
                            </div>
                        </div>
                    </div>

                    <div class="col-xl-3 col-md-6 col-xl-3 col-md-6 col-sm-12">
                        <div class="card shadow-sm h-100 hover-scale">
                            <div class="card-header">
                                <h5 class="text-black">Settings</h5>
                            </div>
                            <div class="card-body d-flex flex-column mt-2">
                                <div class="d-grid gap-2">
                                    <a href="" class="btn btn-outline-warning btn-sm">School Settings</a>
                                    <a href="" class="btn btn-outline-secondary btn-sm">System Settings</a>
                                </div>
                            </div>
                        </div>
                    </div>

                    <div class="col-xl-3 col-md-6 col-sm-12">
                        <div class="card shadow-sm h-100 hover-scale">
                            <div class="card-header">
                                <h5 class="text-black">Delivery Management</h5>
                            </div>
                            <div class="card-body d-flex flex-column mt-2">
                                <div class="d-grid gap-2">
                                    <a href="{{ route('admin.cardtracking') }}" class="btn btn-outline-primary btn-sm">Card Tracking</a>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>

        <!-- Statistics Section -->
        {{-- <div class="row">
        <div class="col-12">
            <h4 class="text-muted mb-3">Overview</h4>
            <div class="row g-3">
                <div class="col-xl-3 col-md-6">
                    <div class="card border-0 bg-light">
                        <div class="card-body">
                            <h6 class="text-muted">Total Students</h6>
                            <h3 class="mb-0"></h3>
                        </div>
                    </div>
                </div>
                <div class="col-xl-3 col-md-6">
                    <div class="card border-0 bg-light">
                        <div class="card-body">
                            <h6 class="text-muted">Total Teachers</h6>
                            <h3 class="mb-0"></h3>
                        </div>
                    </div>
                </div>
                <div class="col-xl-3 col-md-6">
                    <div class="card border-0 bg-light">
                        <div class="card-body">
                            <h6 class="text-muted">Total Classes</h6>
                            <h3 class="mb-0"></h3>
                        </div>
                    </div>
                </div>
                <div class="col-xl-3 col-md-6">
                    <div class="card border-0 bg-light">
                        <div class="card-body">
                            <h6 class="text-muted">Active Users</h6>
                            <h3 class="mb-0"></h3>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div> --}}
    </div>

    @push('styles')
        <style>
            .hover-scale {
                transition: transform 0.2s ease-in-out;
            }

            .hover-scale:hover {
                transform: scale(1.02);
            }
        </style>
    @endpush
@endsection