@extends('admin.master')
@section('title', @trans('Dashboard'))
@section('style')
    <style>
        /* تصميم الزجاجية للبطاقات */
        .glass-card {
            background: rgba(255, 255, 255, 0.15);
            backdrop-filter: blur(10px);
            -webkit-backdrop-filter: blur(10px);
            border-radius: 15px;
            box-shadow: 0 4px 15px rgba(0, 0, 0, 0.2);
            padding: 20px;
            color: #621310;
            transition: transform 0.3s ease, box-shadow 0.3s ease, background 0.3s ease;
        }

        .glass-card:hover {
            transform: scale(1.07);
            box-shadow: 0 6px 25px rgba(0, 0, 0, 0.3);
            background: rgba(255, 255, 255, 0.3);
        }

        /* الأيقونات */
        .glass-icon {
            font-size: 3rem;
            margin-bottom: 15px;
            transition: transform 0.3s ease;
        }

        .glass-card:hover .glass-icon {
            transform: rotate(360deg);
        }

        /* عنوان الكارد */
        .glass-card h5 {
            font-size: 1.25rem;
            font-weight: bold;
        }

        /* النصوص */
        .glass-card h3 {
            font-size: 2.5rem;
            margin: 0;
        }

        /* خلفية الصفحة */
        .dashboard-bg {
            /* background: #621310 */
            min-height: 100vh;
            padding: 20px 0;
        }

        /* تأثير الفاصل بين البطاقات */
        .row.g-4 > div {
            animation: fadeInUp 0.8s ease-in-out;
        }

        /* حركة FadeIn */
        @keyframes fadeInUp {
            0% {
                opacity: 0;
                transform: translateY(20px);
            }

            100% {
                opacity: 1;
                transform: translateY(0);
            }
        }

    </style>
@endsection


@section('content')
    <div class="dashboard-bg">
        <div class="container">
            <div class="row g-4">
                @php
                    $cards = [
                        ['title' => 'Courses', 'count' => $data['courses'], 'icon' => 'ri-book-line', 'bg' => '#4f46e5', 'link' => route('admin.courses.index')],
                        ['title' => 'Users', 'count' => $data['users'], 'icon' => 'ri-group-line', 'bg' => '#10b981', 'link' => route('admin.users.index')],
                        ['title' => 'Companies', 'count' => $data['companies'], 'icon' => 'ri-building-line', 'bg' => '#3b82f6', 'link' => route('admin.companies.index')],
                        ['title' => 'Seminars', 'count' => $data['seminars'], 'icon' => 'ri-mic-line', 'bg' => '#f59e0b', 'link' => route('admin.seminars.index')],
                        ['title' => 'Categories', 'count' => $data['categories'], 'icon' => 'ri-folder-line', 'bg' => '#ef4444', 'link' => route('admin.categories.index')],
                        ['title' => 'Subjects', 'count' => $data['subjects'], 'icon' => 'ri-book-open-line', 'bg' => '#6b7280', 'link' => route('admin.subjects.index')],
                        ['title' => 'Coaches', 'count' => $data['coshes'], 'icon' => 'ri-user-line', 'bg' => '#a855f7', 'link' => route('admin.coachs.index')],
                        ['title' => 'Blogs', 'count' => $data['blogs'], 'icon' => 'ri-article-line', 'bg' => '#d97706', 'link' => route('admin.blogs.index')],
                        ['title' => 'Countries', 'count' => $data['country'], 'icon' => 'ri-earth-line', 'bg' => '#3b82f6', 'link' => route('admin.countries.index')],
                        ['title' => 'Cities', 'count' => $data['city'], 'icon' => 'ri-community-line', 'bg' => '#10b981', 'link' => route('admin.cities.index')],
                        ['title' => 'Brands', 'count' => $data['brands'], 'icon' => 'ri-price-tag-line', 'bg' => '#4f46e5', 'link' => route('admin.clients.index')],
                        ['title' => 'Dependencies', 'count' => $data['dependence'], 'icon' => 'ri-codepen-fill', 'bg' => '#f59e0b', 'link' => route('admin.dependences.index')],
                        ['title' => 'Podcasts', 'count' => $data['podcasts'], 'icon' => 'ri-mic-line', 'bg' => '#ef4444', 'link' => route('admin.category-podcasts.index')],
                    ];
                @endphp

                @foreach ($cards as $card)
                    <div class="col-md-6 col-xl-3" data-aos="zoom-in" data-aos-delay="{{ $loop->index * 100 }}">
                        <div class="glass-card text-center" style="border-top: 5px solid {{ $card['bg'] }};">
                            <a href="{{$card['link']}}">
                                <i class="{{ $card['icon'] }} glass-icon" style="color: {{ $card['bg'] }};"></i>
                                <h5>@trans($card['title'])
                                    <h5>
                                        <h3>{{ $card['count'] }}</h3>
                            </a>
                        </div>
                    </div>
                @endforeach
            </div>
        </div>
    </div>
@endsection



@section('script')
    <script src="https://cdn.jsdelivr.net/npm/aos@2.3.4/dist/aos.js"></script>
    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/aos@2.3.4/dist/aos.css"/>
    <script>
        AOS.init({
            duration: 800, // سرعة الحركة بالمللي ثانية
            once: true, // الحركة تظهر مرة واحدة فقط
        });

    </script>
@endsection