@extends('layouts.super-admin')


@section('content')

    {{-- =====================================================
        PAGE HEADER
    ====================================================== --}}
    <div class="page-heading">

        <div class="page-heading-left">

            <div class="page-icon">

                <i class="fa-solid fa-chart-line"></i>

            </div>


            <div>
                <p>
                    Kelola panduan dan informasi sistem
                    Sarana dan Prasarana.
                </p>

            </div>

        </div>


        <div class="page-heading-right">

            <button
                type="button"
                class="btn-primary"
                id="btnTambahPanduan"
            >

                <i class="fa-solid fa-plus"></i>

                <span>
                    Tambah Panduan
                </span>

            </button>

        </div>

    </div>


    {{-- =====================================================
        STATISTICS
    ====================================================== --}}
    <section class="statistics-grid">


        {{-- =================================================
            TOTAL PANDUAN
        ================================================== --}}
        <div class="stat-card">

            <div class="stat-card-content">

                <div class="stat-info">

                    <span class="stat-label">
                        Total Panduan
                    </span>

                    <h2>
                        {{ $totalPanduan ?? 0 }}
                    </h2>

                    <span class="stat-description">
                        Semua panduan sistem
                    </span>

                </div>


                <div class="stat-icon blue">

                    <i class="fa-solid fa-book"></i>

                </div>

            </div>

        </div>



        {{-- =================================================
            PANDUAN AKTIF
        ================================================== --}}
        <div class="stat-card">

            <div class="stat-card-content">

                <div class="stat-info">

                    <span class="stat-label">
                        Panduan Aktif
                    </span>

                    <h2>
                        {{ $panduanAktif ?? 0 }}
                    </h2>

                    <span class="stat-description">
                        Panduan yang tersedia
                    </span>

                </div>


                <div class="stat-icon green">

                    <i class="fa-solid fa-circle-check"></i>

                </div>

            </div>

        </div>



        {{-- =================================================
            PANDUAN TERBARU
        ================================================== --}}
        <div class="stat-card">

            <div class="stat-card-content">

                <div class="stat-info">

                    <span class="stat-label">
                        Panduan Terbaru
                    </span>

                    <h2>
                        {{ isset($panduanTerbaru) ? $panduanTerbaru->count() : 0 }}
                    </h2>

                    <span class="stat-description">
                        Panduan terbaru
                    </span>

                </div>


                <div class="stat-icon purple">

                    <i class="fa-solid fa-file-circle-plus"></i>

                </div>

            </div>

        </div>


    </section>



    {{-- =====================================================
        CONTENT GRID
    ====================================================== --}}
    <section class="dashboard-grid">


        {{-- =================================================
            PANDUAN TERBARU
        ================================================== --}}
        <div class="dashboard-card panduan-card">

            <div class="card-header">

                <div>

                    <h2>
                        Panduan Terbaru
                    </h2>

                    <p>
                        Daftar panduan yang baru ditambahkan.
                    </p>

                </div>


                <a
                    href="{{ route('superadmin.panduan.index') }}"
                    class="view-all"
                >

                    Lihat Semua

                    <i class="fa-solid fa-arrow-right"></i>

                </a>

            </div>


            <div class="panduan-list">

                @if(isset($panduan) && count($panduan) > 0)

                    @foreach($panduan as $item)

                        <div class="panduan-item">


                            {{-- ICON --}}
                            <div class="panduan-item-icon">

                                <i class="fa-solid fa-book-open"></i>

                            </div>



                            {{-- CONTENT --}}
                            <div class="panduan-item-content">

                                <h3>
                                    {{ $item->judul }}
                                </h3>

                                <p>

                                    {{ $item->deskripsi
                                        ? Str::limit($item->deskripsi, 80)
                                        : 'Tidak ada deskripsi.'
                                    }}

                                </p>

                            </div>



                            {{-- ACTION --}}
                            <div class="panduan-item-action">

                                <a
                                    href="#"
                                    title="Lihat panduan"
                                >

                                    <i class="fa-solid fa-chevron-right"></i>

                                </a>

                            </div>


                        </div>

                    @endforeach


                @else


                    {{-- =================================================
                        EMPTY STATE
                    ================================================== --}}
                    <div class="empty-state">

                        <div class="empty-icon">

                            <i class="fa-solid fa-book-open"></i>

                        </div>


                        <h3>
                            Belum Ada Panduan
                        </h3>


                        <p>
                            Belum ada panduan yang ditambahkan
                            ke dalam sistem.
                        </p>


                        <button
                            type="button"
                            class="btn-primary btn-empty"
                            id="btnTambahPanduanEmpty"
                        >

                            <i class="fa-solid fa-plus"></i>

                            Tambah Panduan

                        </button>

                    </div>


                @endif

            </div>

        </div>



        {{-- =================================================
            AKTIVITAS
        ================================================== --}}
        <div class="dashboard-card activity-card">

            <div class="card-header">

                <div>

                    <h2>
                        Aktivitas Terbaru
                    </h2>

                    <p>
                        Aktivitas Super Admin.
                    </p>

                </div>

            </div>


            <div class="activity-list">


                {{-- AKTIVITAS TAMBAH --}}
                <div class="activity-item">

                    <div class="activity-icon blue">

                        <i class="fa-solid fa-plus"></i>

                    </div>


                    <div class="activity-content">

                        <strong>
                            Panduan ditambahkan
                        </strong>

                        <span>
                            Belum ada aktivitas terbaru.
                        </span>

                    </div>

                </div>



                {{-- AKTIVITAS UPDATE --}}
                <div class="activity-item">

                    <div class="activity-icon green">

                        <i class="fa-solid fa-pen"></i>

                    </div>


                    <div class="activity-content">

                        <strong>
                            Panduan diperbarui
                        </strong>

                        <span>
                            Belum ada aktivitas terbaru.
                        </span>

                    </div>

                </div>



                {{-- LOGIN SUPER ADMIN --}}
                <div class="activity-item">

                    <div class="activity-icon orange">

                        <i class="fa-solid fa-user-shield"></i>

                    </div>


                    <div class="activity-content">

                        <strong>
                            Login Super Admin
                        </strong>

                        <span>
                            Aktivitas administrator sistem.
                        </span>

                    </div>

                </div>


            </div>

        </div>

    </section>



    {{-- =====================================================
        QUICK MENU
    ====================================================== --}}
    <section class="dashboard-card quick-menu-card">

        <div class="card-header">

            <div>

                <h2>
                    Akses Cepat
                </h2>

                <p>
                    Akses fitur yang sering digunakan.
                </p>

            </div>

        </div>


        <div class="quick-menu-grid">


            {{-- =================================================
                TAMBAH PANDUAN
            ================================================== --}}
            <a
                href="{{ route('superadmin.panduan.index') }}"
                class="quick-menu-item"
                id="quickTambahPanduan"
            >

                <div class="quick-menu-icon blue">

                    <i class="fa-solid fa-plus"></i>

                </div>


                <div>

                    <strong>
                        Tambah Panduan
                    </strong>

                    <span>
                        Buat panduan baru
                    </span>

                </div>


                <i class="fa-solid fa-chevron-right arrow"></i>

            </a>



            {{-- =================================================
                DAFTAR PANDUAN
            ================================================== --}}
            <a
                href="{{ route('superadmin.panduan.index') }}"
                class="quick-menu-item"
            >

                <div class="quick-menu-icon green">

                    <i class="fa-solid fa-book"></i>

                </div>


                <div>

                    <strong>
                        Daftar Panduan
                    </strong>

                    <span>
                        Lihat seluruh panduan
                    </span>

                </div>


                <i class="fa-solid fa-chevron-right arrow"></i>

            </a>


        </div>

    </section>



    


@endsection