@extends('admin.layout.layout')
@section('title','GAS LMS | Dashboard')
{{-- Breadcrumb section --}}
@section('breadcrumb')
        <!--begin::Breadcrumb-->
        <ul class="breadcrumb breadcrumb-dot fw-semibold text-gray-600 fs-7 my-1">
            <!--begin::Item-->
            <li class="breadcrumb-item text-gray-600">
                <a href="{{route('admin.dashboard')}}" class="text-gray-600 text-hover-primary">Home</a>
            </li>
            <!--end::Item-->
            <!--begin::Item-->
            <li class="breadcrumb-item text-gray-600">Dashboard</li>
            <!--end::Item-->
        </ul>
        <!--end::Breadcrumb-->

@endsection
@section('content')
    {{-- Statistics Cards --}}
    {{-- <div class="row g-5 g-xl-10">
        <div class="col-xl-4 mb-xl-10">
            <!--begin::Slider Widget 1-->
            <div id="kt_sliders_widget_1_slider" class="shadow card card-flush carousel carousel-custom carousel-stretch slide h-xl-100" data-bs-ride="carousel" data-bs-interval="5000">
                <!--begin::Header-->
                <div class="card-header pt-5">
                    <!--begin::Title-->
                    <h4 class="card-title d-flex align-items-start flex-column">
                        <span class="card-label fw-bold text-gray-800">Materials</span>
                        <span class="text-gray-400 mt-1 fw-bold fs-7">materials statistics</span>
                    </h4>
                    <!--end::Title-->
                    <!--begin::Toolbar-->
                    <div class="card-toolbar">
                        <!--begin::Carousel Indicators-->
                        <ol class="p-0 m-0 carousel-indicators carousel-indicators-bullet carousel-indicators-active-primary">
                            <li data-bs-target="#kt_sliders_widget_1_slider" data-bs-slide-to="0" class="ms-1 active"></li>
                            <li data-bs-target="#kt_sliders_widget_1_slider" data-bs-slide-to="1" class="ms-1"></li>
                            <li data-bs-target="#kt_sliders_widget_1_slider" data-bs-slide-to="2" class="ms-1"></li>
                        </ol>
                        <!--end::Carousel Indicators-->
                    </div>
                    <!--end::Toolbar-->
                </div>
                <!--end::Header-->
                <!--begin::Body-->
                <div class="card-body pt-6">
                    <!--begin::Carousel-->
                    <div class="carousel-inner mt-n5">
                        <!--begin::Item-->
                        <div class="carousel-item show active">
                            <!--begin::Wrapper-->
                            <div class="d-flex align-items-center mb-5">
                                <div class="symbol symbol-70px symbol-circle me-5">
                                    <span class="symbol-label bg-light-success">
                                        <!--begin::Svg Icon | path: icons/duotune/abstract/abs025.svg-->
                                        <span class="svg-icon svg-icon-3x svg-icon-success">
                                            <svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
                                                <path d="M16.925 3.90078V8.00077L12.025 10.8008V5.10078L15.525 3.10078C16.125 2.80078 16.925 3.20078 16.925 3.90078ZM2.525 13.5008L6.025 15.5008L10.925 12.7008L6.025 9.90078L2.525 11.9008C1.825 12.3008 1.825 13.2008 2.525 13.5008ZM18.025 19.7008V15.6008L13.125 12.8008V18.5008L16.625 20.5008C17.225 20.8008 18.025 20.4008 18.025 19.7008Z" fill="currentColor"></path>
                                                <path opacity="0.3" d="M8.52499 3.10078L12.025 5.10078V10.8008L7.125 8.00077V3.90078C7.125 3.20078 7.92499 2.80078 8.52499 3.10078ZM7.42499 20.5008L10.925 18.5008V12.8008L6.02499 15.6008V19.7008C6.02499 20.4008 6.82499 20.8008 7.42499 20.5008ZM21.525 11.9008L18.025 9.90078L13.125 12.7008L18.025 15.5008L21.525 13.5008C22.225 13.2008 22.225 12.3008 21.525 11.9008Z" fill="currentColor"></path>
                                            </svg>
                                        </span>
                                        <!--end::Svg Icon-->
                                    </span>
                                </div>
                                <!--begin::Info-->
                                <div class="m-0">
                                    <!--begin::Subtitle-->
                                    <h4 class="fw-bold text-gray-800 mb-3">Total Materials</h4>
                                    <!--end::Subtitle-->
                                    <!--begin::Items-->
                                    <div>{{$materials_count}}</div>
                                    <!--end::Items-->
                                </div>
                                <!--end::Info-->
                            </div>
                             <!--begin::Actions-->

                            <!--end::Actions-->
                            <!--end::Wrapper-->
                        </div>
                        <!--end::Item-->
                        <!--begin::Item-->
                        <div class="carousel-item">
                            <!--begin::Wrapper-->
                            <div class="d-flex align-items-center mb-5">
                                <div class="symbol symbol-70px symbol-circle me-5">
                                    <span class="symbol-label bg-light-success">
                                        <!--begin::Svg Icon | path: icons/duotune/abstract/abs025.svg-->
                                        <span class="svg-icon svg-icon-success svg-icon-3x"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
                                            <path opacity="0.3" d="M20 18H4C3.4 18 3 17.6 3 17V7C3 6.4 3.4 6 4 6H20C20.6 6 21 6.4 21 7V17C21 17.6 20.6 18 20 18ZM12 8C10.3 8 9 9.8 9 12C9 14.2 10.3 16 12 16C13.7 16 15 14.2 15 12C15 9.8 13.7 8 12 8Z" fill="currentColor"/>
                                            <path d="M18 6H20C20.6 6 21 6.4 21 7V9C19.3 9 18 7.7 18 6ZM6 6H4C3.4 6 3 6.4 3 7V9C4.7 9 6 7.7 6 6ZM21 17V15C19.3 15 18 16.3 18 18H20C20.6 18 21 17.6 21 17ZM3 15V17C3 17.6 3.4 18 4 18H6C6 16.3 4.7 15 3 15Z" fill="currentColor"/>
                                            </svg>
                                        </span>
                                        <!--end::Svg Icon-->
                                    </span>
                                </div>
                                <!--begin::Info-->
                                <div class="m-0">
                                    <!--begin::Subtitle-->
                                    <h4 class="fw-bold text-gray-800 mb-3">Paid</h4>
                                    <!--end::Subtitle-->
                                    <!--begin::Items-->
                                    <div>{{$paid_materials_count}}</div>
                                    <!--end::Items-->
                                </div>
                                <!--end::Info-->
                            </div>
                            <!--end::Wrapper-->
                        </div>
                        <!--end::Item-->
                        <!--begin::Item-->
                        <div class="carousel-item">
                            <!--begin::Wrapper-->
                            <div class="d-flex align-items-center mb-5">
                                <div class="symbol symbol-70px symbol-circle me-5">
                                    <span class="symbol-label bg-light-success">
                                        <!--begin::Svg Icon | path: icons/duotune/abstract/abs025.svg-->
                                        <span class="svg-icon svg-icon-3x svg-icon-success">
                                            <svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
                                                <path opacity="0.3" d="M4.425 20.525C2.525 18.625 2.525 15.525 4.425 13.525L14.825 3.125C16.325 1.625 18.825 1.625 20.425 3.125C20.825 3.525 20.825 4.12502 20.425 4.52502C20.025 4.92502 19.425 4.92502 19.025 4.52502C18.225 3.72502 17.025 3.72502 16.225 4.52502L5.82499 14.925C4.62499 16.125 4.62499 17.925 5.82499 19.125C7.02499 20.325 8.82501 20.325 10.025 19.125L18.425 10.725C18.825 10.325 19.425 10.325 19.825 10.725C20.225 11.125 20.225 11.725 19.825 12.125L11.425 20.525C9.525 22.425 6.425 22.425 4.425 20.525Z" fill="currentColor"/>
                                                <path d="M9.32499 15.625C8.12499 14.425 8.12499 12.625 9.32499 11.425L14.225 6.52498C14.625 6.12498 15.225 6.12498 15.625 6.52498C16.025 6.92498 16.025 7.525 15.625 7.925L10.725 12.8249C10.325 13.2249 10.325 13.8249 10.725 14.2249C11.125 14.6249 11.725 14.6249 12.125 14.2249L19.125 7.22493C19.525 6.82493 19.725 6.425 19.725 5.925C19.725 5.325 19.525 4.825 19.125 4.425C18.725 4.025 18.725 3.42498 19.125 3.02498C19.525 2.62498 20.125 2.62498 20.525 3.02498C21.325 3.82498 21.725 4.825 21.725 5.925C21.725 6.925 21.325 7.82498 20.525 8.52498L13.525 15.525C12.325 16.725 10.525 16.725 9.32499 15.625Z" fill="currentColor"/>
                                            </svg>
                                        </span>
                                        <!--end::Svg Icon-->
                                    </span>
                                </div>
                                <!--begin::Info-->
                                <div class="m-0">
                                    <!--begin::Subtitle-->
                                    <h4 class="fw-bold text-gray-800 mb-3">Free</h4>
                                    <!--end::Subtitle-->
                                    <!--begin::Items-->
                                    <div>{{$free_materials_count}}</div>
                                    <!--end::Items-->
                                </div>
                                <!--end::Info-->
                            </div>
                            <!--end::Wrapper-->
                        </div>
                        <!--end::Item-->
                    </div>
                    <!--end::Carousel-->
                    <img src="{{env('SECURE_ASSETS').'/assets/media/illustrations/sigma-1/17-dark.png'}}" class="position-absolute me-3 bottom-0 end-0" width="130" alt="">
                </div>
                <!--end::Body-->
            </div>
            <!--end::Slider Widget 1-->
        </div>
        <div class="col-xl-4 mb-xl-10">
            <!--begin::Slider Widget 1-->
            <div id="kt_sliders_widget_2_slider" class="shadow card card-flush carousel carousel-custom carousel-stretch slide h-xl-100" data-bs-ride="carousel" data-bs-interval="5000">
                <!--begin::Header-->
                <div class="card-header pt-5">
                    <!--begin::Title-->
                    <h4 class="card-title d-flex align-items-start flex-column">
                        <span class="card-label fw-bold text-gray-800">Quizzes</span>
                        <span class="text-gray-400 mt-1 fw-bold fs-7">Quizzes statistics</span>
                    </h4>
                    <!--end::Title-->
                    <!--begin::Toolbar-->
                    <div class="card-toolbar">
                        <!--begin::Carousel Indicators-->
                        <ol class="p-0 m-0 carousel-indicators carousel-indicators-bullet carousel-indicators-active-primary">
                            <li data-bs-target="#kt_sliders_widget_2_slider" data-bs-slide-to="0" class="ms-1 active"></li>
                            <li data-bs-target="#kt_sliders_widget_2_slider" data-bs-slide-to="1" class="ms-1"></li>
                            <li data-bs-target="#kt_sliders_widget_2_slider" data-bs-slide-to="2" class="ms-1"></li>
                        </ol>
                        <!--end::Carousel Indicators-->
                    </div>
                    <!--end::Toolbar-->
                </div>
                <!--end::Header-->
                <!--begin::Body-->
                <div class="card-body pt-6">
                    <!--begin::Carousel-->
                    <div class="carousel-inner mt-n5">
                        <!--begin::Item-->

                        <!--end::Item-->
                        <!--begin::Item-->
                        <div class="carousel-item show active">
                            <!--begin::Wrapper-->
                            <div class="d-flex align-items-center mb-5">
                                <div class="symbol symbol-70px symbol-circle me-5">
                                    <span class="symbol-label bg-light-danger">
                                        <!--begin::Svg Icon | path: icons/duotune/abstract/abs025.svg-->
                                        <span class="svg-icon svg-icon-3x svg-icon-danger">
                                            <svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
                                                <path opacity="0.3" d="M19 22H5C4.4 22 4 21.6 4 21V3C4 2.4 4.4 2 5 2H14L20 8V21C20 21.6 19.6 22 19 22ZM16 13.5L12.5 13V10C12.5 9.4 12.6 9.5 12 9.5C11.4 9.5 11.5 9.4 11.5 10L11 13L8 13.5C7.4 13.5 7 13.4 7 14C7 14.6 7.4 14.5 8 14.5H11V18C11 18.6 11.4 19 12 19C12.6 19 12.5 18.6 12.5 18V14.5L16 14C16.6 14 17 14.6 17 14C17 13.4 16.6 13.5 16 13.5Z" fill="currentColor"/>
                                                <rect x="11" y="19" width="10" height="2" rx="1" transform="rotate(-90 11 19)" fill="currentColor"/>
                                                <rect x="7" y="13" width="10" height="2" rx="1" fill="currentColor"/>
                                                <path d="M15 8H20L14 2V7C14 7.6 14.4 8 15 8Z" fill="currentColor"/>
                                            </svg>
                                        </span>
                                        <!--end::Svg Icon-->
                                    </span>
                                </div>
                                <!--begin::Info-->
                                <div class="m-0">
                                    <!--begin::Subtitle-->
                                    <h4 class="fw-bold text-gray-800 mb-3">Total Quizzes</h4>
                                    <!--end::Subtitle-->
                                    <!--begin::Items-->
                                    <div>{{$file_quizes_count}}</div>
                                    <!--end::Items-->
                                </div>
                                <!--end::Info-->
                            </div>
                            <!--end::Wrapper-->
                        </div>
                        <!--end::Item-->
                        <!--begin::Item-->
                        <div class="carousel-item">
                            <!--begin::Wrapper-->
                            <div class="d-flex align-items-center mb-5">
                                <div class="symbol symbol-70px symbol-circle me-5">
                                    <span class="symbol-label bg-light-danger">
                                        <!--begin::Svg Icon | path: icons/duotune/abstract/abs025.svg-->
                                        <span class="svg-icon svg-icon-3x svg-icon-danger">
                                            <svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
                                                <path opacity="0.3" d="M5 22H19C19.6 22 20 21.6 20 21V8L14 2H5C4.4 2 4 2.4 4 3V21C4 21.6 4.4 22 5 22Z" fill="currentColor"/>
                                                <path d="M15 8H20L14 2V7C14 7.6 14.4 8 15 8Z" fill="currentColor"/>
                                                <rect x="7.55518" y="16.7585" width="10.144" height="2" rx="1" transform="rotate(-45 7.55518 16.7585)" fill="currentColor"/>
                                                <rect x="9.0174" y="9.60327" width="10.0952" height="2" rx="1" transform="rotate(45 9.0174 9.60327)" fill="currentColor"/>
                                            </svg>
                                        </span>
                                        <!--end::Svg Icon-->
                                    </span>
                                </div>
                                <!--begin::Info-->
                                <div class="m-0">
                                    <!--begin::Subtitle-->
                                    <h4 class="fw-bold text-gray-800 mb-3">In Active</h4>
                                    <!--end::Subtitle-->
                                    <!--begin::Items-->
                                    <div>{{$inActive_quizes_count}}</div>
                                    <!--end::Items-->
                                </div>
                                <!--end::Info-->
                            </div>
                            <!--end::Wrapper-->
                        </div>
                        <!--end::Item-->
                    </div>
                    <!--end::Carousel-->
                    <img src="{{env('SECURE_ASSETS').'/assets/media/illustrations/sigma-1/17-dark.png'}}" class="position-absolute me-3 bottom-0 end-0" width="130" alt="">
                </div>
                <!--end::Body-->
            </div>
            <!--end::Slider Widget 1-->
        </div>
        <div class="col-xl-4 mb-xl-10">
            <!--begin::Slider Widget 1-->
            <div id="kt_sliders_widget_3_slider" class="shadow card card-flush carousel carousel-custom carousel-stretch slide h-xl-100" data-bs-ride="carousel" data-bs-interval="5000">
                <!--begin::Header-->
                <div class="card-header pt-5">
                    <!--begin::Title-->
                    <h4 class="card-title d-flex align-items-start flex-column">
                        <span class="card-label fw-bold text-gray-800">Homework</span>
                        <span class="text-gray-400 mt-1 fw-bold fs-7">Homework statistics</span>
                    </h4>
                    <!--end::Title-->
                    <!--begin::Toolbar-->
                    <div class="card-toolbar">
                        <!--begin::Carousel Indicators-->
                        <ol class="p-0 m-0 carousel-indicators carousel-indicators-bullet carousel-indicators-active-primary">
                            <li data-bs-target="#kt_sliders_widget_3_slider" data-bs-slide-to="0" class="ms-1 active"></li>
                            <li data-bs-target="#kt_sliders_widget_3_slider" data-bs-slide-to="1" class="ms-1"></li>
                            <li data-bs-target="#kt_sliders_widget_3_slider" data-bs-slide-to="2" class="ms-1"></li>
                        </ol>
                        <!--end::Carousel Indicators-->
                    </div>
                    <!--end::Toolbar-->
                </div>
                <!--end::Header-->
                <!--begin::Body-->
                <div class="card-body pt-6">
                    <!--begin::Carousel-->
                    <div class="carousel-inner mt-n5">
                        <!--begin::Item-->
                        <div class="carousel-item show active">
                            <!--begin::Wrapper-->
                            <div class="d-flex align-items-center mb-5">
                                <div class="symbol symbol-70px symbol-circle me-5">
                                    <span class="symbol-label bg-light-primary">
                                        <!--begin::Svg Icon | path: icons/duotune/abstract/abs025.svg-->
                                        <span class="svg-icon svg-icon-3x svg-icon-primary">
                                            <svg width="24" height="25" viewBox="0 0 24 25" fill="none" xmlns="http://www.w3.org/2000/svg">
                                                <path opacity="0.3" d="M8.9 21L7.19999 22.6999C6.79999 23.0999 6.2 23.0999 5.8 22.6999L4.1 21H8.9ZM4 16.0999L2.3 17.8C1.9 18.2 1.9 18.7999 2.3 19.1999L4 20.9V16.0999ZM19.3 9.1999L15.8 5.6999C15.4 5.2999 14.8 5.2999 14.4 5.6999L9 11.0999V21L19.3 10.6999C19.7 10.2999 19.7 9.5999 19.3 9.1999Z" fill="currentColor"/>
                                                <path d="M21 15V20C21 20.6 20.6 21 20 21H11.8L18.8 14H20C20.6 14 21 14.4 21 15ZM10 21V4C10 3.4 9.6 3 9 3H4C3.4 3 3 3.4 3 4V21C3 21.6 3.4 22 4 22H9C9.6 22 10 21.6 10 21ZM7.5 18.5C7.5 19.1 7.1 19.5 6.5 19.5C5.9 19.5 5.5 19.1 5.5 18.5C5.5 17.9 5.9 17.5 6.5 17.5C7.1 17.5 7.5 17.9 7.5 18.5Z" fill="currentColor"/>
                                            </svg>
                                        </span>
                                        <!--end::Svg Icon-->
                                    </span>
                                </div>
                                <!--begin::Info-->
                                <div class="m-0">
                                    <!--begin::Subtitle-->
                                    <h4 class="fw-bold text-gray-800 mb-3">Total</h4>
                                    <!--end::Subtitle-->
                                    <!--begin::Items-->
                                    <div>{{$homeworks_count}}</div>
                                    <!--end::Items-->
                                </div>
                                <!--end::Info-->
                            </div>
                            <!--end::Wrapper-->
                        </div>
                        <!--end::Item-->
                        <!--begin::Item-->
                        <div class="carousel-item">
                            <!--begin::Wrapper-->
                            <div class="d-flex align-items-center mb-5">
                                <div class="symbol symbol-70px symbol-circle me-5">
                                    <span class="symbol-label bg-light-primary">
                                        <!--begin::Svg Icon | path: icons/duotune/abstract/abs025.svg-->
                                        <span class="svg-icon svg-icon-3x svg-icon-primary">
                                            <svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
                                                <rect opacity="0.3" x="2" y="2" width="20" height="20" rx="10" fill="currentColor"/>
                                                <path d="M10.4343 12.4343L8.75 10.75C8.33579 10.3358 7.66421 10.3358 7.25 10.75C6.83579 11.1642 6.83579 11.8358 7.25 12.25L10.2929 15.2929C10.6834 15.6834 11.3166 15.6834 11.7071 15.2929L17.25 9.75C17.6642 9.33579 17.6642 8.66421 17.25 8.25C16.8358 7.83579 16.1642 7.83579 15.75 8.25L11.5657 12.4343C11.2533 12.7467 10.7467 12.7467 10.4343 12.4343Z" fill="currentColor"/>
                                            </svg>
                                        </span>
                                        <!--end::Svg Icon-->
                                    </span>
                                </div>
                                <!--begin::Info-->
                                <div class="m-0">
                                    <!--begin::Subtitle-->
                                    <h4 class="fw-bold text-gray-800 mb-3">posted</h4>
                                    <!--end::Subtitle-->
                                    <!--begin::Items-->
                                    <div>{{$posted_homeworks_count}}</div>
                                    <!--end::Items-->
                                </div>
                                <!--end::Info-->
                            </div>
                            <!--end::Wrapper-->
                        </div>
                        <!--end::Item-->
                        <!--begin::Item-->
                        <div class="carousel-item">
                            <!--begin::Wrapper-->
                            <div class="d-flex align-items-center mb-5">
                                <div class="symbol symbol-70px symbol-circle me-5">
                                    <span class="symbol-label bg-light-primary">
                                        <!--begin::Svg Icon | path: icons/duotune/abstract/abs025.svg-->
                                        <span class="svg-icon svg-icon-3x svg-icon-primary">
                                            <svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
                                                <path opacity="0.3" d="M20.5543 4.37824L12.1798 2.02473C12.0626 1.99176 11.9376 1.99176 11.8203 2.02473L3.44572 4.37824C3.18118 4.45258 3 4.6807 3 4.93945V13.569C3 14.6914 3.48509 15.8404 4.4417 16.984C5.17231 17.8575 6.18314 18.7345 7.446 19.5909C9.56752 21.0295 11.6566 21.912 11.7445 21.9488C11.8258 21.9829 11.9129 22 12.0001 22C12.0872 22 12.1744 21.983 12.2557 21.9488C12.3435 21.912 14.4326 21.0295 16.5541 19.5909C17.8169 18.7345 18.8277 17.8575 19.5584 16.984C20.515 15.8404 21 14.6914 21 13.569V4.93945C21 4.6807 20.8189 4.45258 20.5543 4.37824Z" fill="currentColor"/>
                                                <rect x="9" y="13.0283" width="7.3536" height="1.2256" rx="0.6128" transform="rotate(-45 9 13.0283)" fill="currentColor"/>
                                                <rect x="9.86664" y="7.93359" width="7.3536" height="1.2256" rx="0.6128" transform="rotate(45 9.86664 7.93359)" fill="currentColor"/>
                                            </svg>
                                        </span>
                                        <!--end::Svg Icon-->
                                    </span>
                                </div>
                                <!--begin::Info-->
                                <div class="m-0">
                                    <!--begin::Subtitle-->
                                    <h4 class="fw-bold text-gray-800 mb-3">Un Posted</h4>
                                    <!--end::Subtitle-->
                                    <!--begin::Items-->
                                    <div>{{$unposted_homeworks_count}}</div>
                                    <!--end::Items-->
                                </div>
                                <!--end::Info-->
                            </div>
                            <!--end::Wrapper-->
                        </div>
                        <!--end::Item-->
                    </div>
                    <!--end::Carousel-->
                    <img src="{{env('SECURE_ASSETS').'/assets/media/illustrations/sigma-1/17-dark.png'}}" class="position-absolute me-3 bottom-0 end-0" width="130" alt="">
                </div>
                <!--end::Body-->
            </div>
            <!--end::Slider Widget 1-->
        </div>
        <div class="col-xl-4 mb-xl-10">
            <!--begin::Slider Widget 1-->
            <div id="kt_sliders_widget_1_slider" class="shadow card card-flush carousel carousel-custom carousel-stretch slide h-xl-100" data-bs-ride="carousel" data-bs-interval="5000">
                <!--begin::Header-->
                <div class="card-header pt-5">
                    <!--begin::Title-->
                    <h4 class="card-title d-flex align-items-start flex-column">
                        <span class="card-label fw-bold text-gray-800">Materials</span>
                        <span class="text-gray-400 mt-1 fw-bold fs-7">materials statistics</span>
                    </h4>
                    <!--end::Title-->
                    <!--begin::Toolbar-->
                    <div class="card-toolbar">
                        <!--begin::Carousel Indicators-->
                        <ol class="p-0 m-0 carousel-indicators carousel-indicators-bullet carousel-indicators-active-primary">
                            <li data-bs-target="#kt_sliders_widget_1_slider" data-bs-slide-to="0" class="ms-1 active"></li>
                        </ol>
                        <!--end::Carousel Indicators-->
                    </div>
                    <!--end::Toolbar-->
                </div>
                <!--end::Header-->
                <!--begin::Body-->
                <div class="card-body pt-6">
                    <!--begin::Carousel-->
                    <div class="carousel-inner mt-n5">
                        <!--begin::Item-->
                        <div class="carousel-item show active">
                            <!--begin::Wrapper-->
                            <div class="d-flex align-items-center mb-5">
                                <div class="symbol symbol-70px symbol-circle me-5">
                                    <span class="symbol-label bg-light-success">
                                        <!--begin::Svg Icon | path: icons/duotune/abstract/abs025.svg-->
                                        <span class="svg-icon svg-icon-3x svg-icon-success">
                                            <svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
                                                <path d="M16.925 3.90078V8.00077L12.025 10.8008V5.10078L15.525 3.10078C16.125 2.80078 16.925 3.20078 16.925 3.90078ZM2.525 13.5008L6.025 15.5008L10.925 12.7008L6.025 9.90078L2.525 11.9008C1.825 12.3008 1.825 13.2008 2.525 13.5008ZM18.025 19.7008V15.6008L13.125 12.8008V18.5008L16.625 20.5008C17.225 20.8008 18.025 20.4008 18.025 19.7008Z" fill="currentColor"></path>
                                                <path opacity="0.3" d="M8.52499 3.10078L12.025 5.10078V10.8008L7.125 8.00077V3.90078C7.125 3.20078 7.92499 2.80078 8.52499 3.10078ZM7.42499 20.5008L10.925 18.5008V12.8008L6.02499 15.6008V19.7008C6.02499 20.4008 6.82499 20.8008 7.42499 20.5008ZM21.525 11.9008L18.025 9.90078L13.125 12.7008L18.025 15.5008L21.525 13.5008C22.225 13.2008 22.225 12.3008 21.525 11.9008Z" fill="currentColor"></path>
                                            </svg>
                                        </span>
                                        <!--end::Svg Icon-->
                                    </span>
                                </div>
                                <!--begin::Info-->
                                <div class="m-0">
                                    <!--begin::Subtitle-->
                                    <h4 class="fw-bold text-gray-800 mb-3">Pending Materials</h4>
                                    <!--end::Subtitle-->
                                    <!--begin::Items-->
                                    <div><a href="{{route('admin.material.request')}}" class="btn btn-sm btn-primary me-2">{{$paid_materials_pending + $paid_hyper_materials_pending}}</a></div>
                                    <!--end::Items-->
                                </div>
                                <!--end::Info-->
                            </div>
                             <!--begin::Actions-->

                            <!--end::Actions-->
                            <!--end::Wrapper-->
                        </div>
                        <!--end::Item-->
                    </div>
                    <!--end::Carousel-->
                    <img src="{{env('SECURE_ASSETS').'/assets/media/illustrations/sigma-1/17-dark.png'}}" class="position-absolute me-3 bottom-0 end-0" width="130" alt="">
                </div>
                <!--end::Body-->
            </div>
            <!--end::Slider Widget 1-->
        </div>
    </div> --}}
    {{-- Offered Courses --}}
    <div class="row gy-5 g-xl-10 my-8">
        <!--begin::Col-->
        <div class="col-xl-4">
            <!--begin::List widget 5-->
            <div class="card card-flush h-xl-100 shadow">
                <!--begin::Header-->
                <div class="card-header pt-7">
                    <!--begin::Title-->
                    <h3 class="card-title align-items-start flex-column">
                        <span class="card-label fw-bold text-dark">Sessions</span>
                    </h3>
                    <!--end::Title-->
                </div>
                <!--end::Header-->
                <!--begin::Body-->
                <div class="card-body">
                    <!--begin::Scroll-->
                    <div class="hover-scroll-overlay-y pe-6 me-n6" style="height: 900px">
                        @foreach ($sessions as $session => $item)
                        <form action="{{route('admin.index.search')}}" method="get">
                            <input type="hidden" name="sessionId" value="{{$item->acysid}}">
                            <input type="hidden" name="sessionName" value="{{$item->sname}}">
                            <input type="hidden" name="search" value="{{request()->search}}">
                            <!--begin::Item-->
                            <div class="border border-dashed border-gray-300 rounded px-7 py-3 mb-6">
                                <!--begin::Customer-->
                                <div class="d-flex flex-stack">
                                    <!--begin::Name-->
                                    <button type="submit" class=" w-100 text-gray-800 text-hover-primary fw-bold btn btn-flex btn-active-light-primary {{request()->sessionId == $item->acysid ? 'active':''}}">
                                        <span class="svg-icon svg-icon-2 svg-icon-primary">
                                            <svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
                                                <path opacity="0.3" d="M5 8.04999L11.8 11.95V19.85L5 15.85V8.04999Z" fill="currentColor"></path>
                                                <path d="M20.1 6.65L12.3 2.15C12 1.95 11.6 1.95 11.3 2.15L3.5 6.65C3.2 6.85 3 7.15 3 7.45V16.45C3 16.75 3.2 17.15 3.5 17.25L11.3 21.75C11.5 21.85 11.6 21.85 11.8 21.85C12 21.85 12.1 21.85 12.3 21.75L20.1 17.25C20.4 17.05 20.6 16.75 20.6 16.45V7.45C20.6 7.15 20.4 6.75 20.1 6.65ZM5 15.85V7.95L11.8 4.05L18.6 7.95L11.8 11.95V19.85L5 15.85Z" fill="currentColor"></path>
                                            </svg>
                                        </span>
                                        <!--end::Svg Icon-->
                                        <span class="d-flex flex-column align-items-start">
                                            <span class=" fw-bold">{{ $item->sname }} {{ $item->year }}</span>
                                            <span class="badge badge-light-danger">{{ $item->is_current == 1 ? '(Current)' : '(Next)' }}</span>
                                        </span>
                                        <span class="badge badge-light-success ms-10">{{$item->bname}}</span>
                                    </button>
                                    <!--end::Name-->
                                </div>
                                <!--end::Customer-->
                            </div>
                            <!--end::Item-->
                        </form>
                        @endforeach
                    </div>
                    <!--end::Scroll-->
                </div>
                <!--end::Body-->
            </div>
            <!--end::List widget 5-->
        </div>
        <!--end::Col-->
        <!--begin::Col-->
        <div class="col-xl-8">
            <!--begin::Table Widget 5-->
            <div class="card card-flush h-xl-100 shadow">
                <!--begin::Card header-->
                <div class="card-header pt-7">
                    <!--begin::Title-->
                    <h3 class="card-title align-items-start flex-column">
                        <span class="card-label fw-bold text-dark">Courses</span>
                        <span class="text-gray-400 mt-1 fw-semibold fs-6">Total {{$offered_courses->count()}} Courses Offered</span>
                    </h3>
                    <!--end::Title-->
                </div>
                <!--end::Card header-->
                <!--begin::Card body-->
                <div class="card-body">
                    <!--begin::Table-->
                    <div class="hover-scroll-overlay-y pe-6 me-n6" style="height: 900px" id="courses">
                        <div class="tab-pane fade active show" id="kt_vtab_pane_4" role="tabpanel">
                            <div class="table-responsive">
                                <!--begin::Table-->
                                <table id="courses_datatable" class="table table-row-bordered px-10 table-row-dashed gy-4 align-middle fw-bold">
                                    <!--begin::Head-->
                                    <thead class="">
                                        <tr>
                                            <th></th>
                                        </tr>
                                    </thead>
                                    <!--end::Head-->
                                    <!--begin::Body-->
                                    <tbody class="fs-6">
                                        @foreach ($offered_courses as $offer)
                                        <tr>
                                            <td>
                                                <div class="d-flex flex-wrap flex-sm-nowrap rounded shadow p-7">
                                                    <!--begin::Info-->
                                                    <div class="flex-grow-1">
                                                        <!--begin::Title-->
                                                        <div class="d-flex justify-content-between align-items-start flex-wrap mb-2">
                                                            <!--begin::User-->
                                                            <div class="d-flex flex-column">
                                                                <!--begin::Name-->
                                                                <div class="d-flex align-items-center mb-2">
                                                                    <a href="{{route('admin.course.wall.index',$offer->coffid)}}" class="text-gray-900 text-hover-primary fs-2 fw-bold me-1">
                                                                        {{ $offer->cname }}
                                                                        @if ($offer->has_label)
                                                                            <a href="" class=" badge badge-danger">{{ $offer->label }}</a>
                                                                        @endif
                                                                    </a>
                                                                    <a href="#">
                                                                        <!--begin::Svg Icon | path: icons/duotune/general/gen026.svg-->
                                                                        <span class="svg-icon svg-icon-1 svg-icon-primary">
                                                                            <svg xmlns="http://www.w3.org/2000/svg" width="24px" height="24px" viewBox="0 0 24 24">
                                                                                <path d="M10.0813 3.7242C10.8849 2.16438 13.1151 2.16438 13.9187 3.7242V3.7242C14.4016 4.66147 15.4909 5.1127 16.4951 4.79139V4.79139C18.1663 4.25668 19.7433 5.83365 19.2086 7.50485V7.50485C18.8873 8.50905 19.3385 9.59842 20.2758 10.0813V10.0813C21.8356 10.8849 21.8356 13.1151 20.2758 13.9187V13.9187C19.3385 14.4016 18.8873 15.491 19.2086 16.4951V16.4951C19.7433 18.1663 18.1663 19.7433 16.4951 19.2086V19.2086C15.491 18.8873 14.4016 19.3385 13.9187 20.2758V20.2758C13.1151 21.8356 10.8849 21.8356 10.0813 20.2758V20.2758C9.59842 19.3385 8.50905 18.8873 7.50485 19.2086V19.2086C5.83365 19.7433 4.25668 18.1663 4.79139 16.4951V16.4951C5.1127 15.491 4.66147 14.4016 3.7242 13.9187V13.9187C2.16438 13.1151 2.16438 10.8849 3.7242 10.0813V10.0813C4.66147 9.59842 5.1127 8.50905 4.79139 7.50485V7.50485C4.25668 5.83365 5.83365 4.25668 7.50485 4.79139V4.79139C8.50905 5.1127 9.59842 4.66147 10.0813 3.7242V3.7242Z" fill="currentColor"></path>
                                                                                <path d="M14.8563 9.1903C15.0606 8.94984 15.3771 8.9385 15.6175 9.14289C15.858 9.34728 15.8229 9.66433 15.6185 9.9048L11.863 14.6558C11.6554 14.9001 11.2876 14.9258 11.048 14.7128L8.47656 12.4271C8.24068 12.2174 8.21944 11.8563 8.42911 11.6204C8.63877 11.3845 8.99996 11.3633 9.23583 11.5729L11.3706 13.4705L14.8563 9.1903Z" fill="white"></path>
                                                                            </svg>
                                                                        </span>
                                                                        <!--end::Svg Icon-->
                                                                    </a>
                                                                </div>
                                                                <!--end::Name-->
                                                                <!--begin::Info-->
                                                                <div class="d-flex flex-wrap fw-semibold fs-6 mb-4 pe-2">
                                                                    <a href="#" class="d-flex align-items-center text-gray-400 text-hover-primary me-5 mb-2">
                                                                    <!--begin::Svg Icon | path: icons/duotune/communication/com006.svg-->
                                                                    <span class="svg-icon svg-icon-4 me-1">
                                                                        <svg width="18" height="18" viewBox="0 0 18 18" fill="none" xmlns="http://www.w3.org/2000/svg">
                                                                            <path opacity="0.3" d="M16.5 9C16.5 13.125 13.125 16.5 9 16.5C4.875 16.5 1.5 13.125 1.5 9C1.5 4.875 4.875 1.5 9 1.5C13.125 1.5 16.5 4.875 16.5 9Z" fill="currentColor"></path>
                                                                            <path d="M9 16.5C10.95 16.5 12.75 15.75 14.025 14.55C13.425 12.675 11.4 11.25 9 11.25C6.6 11.25 4.57499 12.675 3.97499 14.55C5.24999 15.75 7.05 16.5 9 16.5Z" fill="currentColor"></path>
                                                                            <rect x="7" y="6" width="4" height="4" rx="2" fill="currentColor"></rect>
                                                                        </svg>
                                                                    </span>
                                                                    <!--end::Svg Icon-->{{ $offer->ttname }}  </a>
                                                                </div>
                                                                <!--end::Info-->
                                                            </div>
                                                            <!--end::User-->
                                                        </div>
                                                        <!--end::Title-->
                                                        <!--begin::Stats-->
                                                        <div class="d-flex flex-wrap flex-stack">
                                                            <!--begin::Wrapper-->
                                                            <div class="d-flex flex-column flex-grow-1 pe-8">
                                                                <!--begin::Stats-->
                                                                <div class="d-flex flex-wrap">
                                                                    <!--begin::Stat-->
                                                                    <div class="border border-gray-300 border-dashed rounded min-w-125px py-3 px-4 me-6 mb-3">
                                                                        <!--begin::Number-->
                                                                        <div class="d-flex align-items-center">
                                                                            <div class=" fw-bold" >Education System</div>
                                                                        </div>
                                                                        <!--end::Number-->
                                                                        <!--begin::Label-->
                                                                        <div class="fw-semibold fs-6 text-gray-400">{{ $offer->esname }}</div>
                                                                        <!--end::Label-->
                                                                    </div>
                                                                    <!--end::Stat-->
                                                                    <!--begin::Stat-->
                                                                    <div class="border border-gray-300 border-dashed rounded min-w-125px py-3 px-4 me-6 mb-3">
                                                                        <!--begin::Number-->
                                                                        <div class="d-flex align-items-center">
                                                                            <div class=" fw-bold" >Board</div>
                                                                        </div>
                                                                        <!--end::Number-->
                                                                        <!--begin::Label-->
                                                                        <div class="fw-semibold fs-6 text-gray-400">{{ $offer->bname }}</div>
                                                                        <!--end::Label-->
                                                                    </div>
                                                                    <!--end::Stat-->
                                                                    <!--begin::Stat-->
                                                                    <div class="border border-gray-300 border-dashed rounded min-w-125px py-3 px-4 me-6 mb-3">
                                                                        <!--begin::Number-->
                                                                        <div class="d-flex align-items-center">
                                                                            <div class=" fw-bold" >Level</div>
                                                                        </div>
                                                                        <!--end::Number-->
                                                                        <!--begin::Label-->
                                                                        <div class="fw-semibold fs-6 text-gray-400">{{ $offer->lname }}</div>
                                                                        <!--end::Label-->
                                                                    </div>
                                                                    <!--end::Stat-->
                                                                </div>
                                                                <!--end::Stats-->
                                                            </div>
                                                            <!--end::Wrapper-->
                                                        </div>
                                                        <div class="d-flex flex-wrap flex-stack">
                                                            <!--begin::Wrapper-->
                                                            <div class="d-flex flex-column flex-grow-1 pe-8">
                                                                <!--begin::Stats-->
                                                                <div class="d-flex flex-wrap">
                                                                    <!--begin::Stat-->
                                                                    <div class="border border-gray-300 border-dashed rounded min-w-125px py-3 px-4 me-6 mb-3">
                                                                        <!--begin::Number-->
                                                                        <div class="d-flex align-items-center">
                                                                            <div class=" fw-bold" >Materials</div>
                                                                        </div>
                                                                        <!--end::Number-->
                                                                        <!--begin::Label-->
                                                                        <div class="fw-semibold fs-6 text-gray-400">{{ AppHelper::instance()->totalCourseMaterialsCount($offer->coffid) }}</div>
                                                                        <!--end::Label-->
                                                                    </div>
                                                                    <!--end::Stat-->
                                                                    <!--begin::Stat-->
                                                                    <div class="border border-gray-300 border-dashed rounded py-3 me-2 px-4 mb-3">
                                                                        <!--begin::Number-->
                                                                        <div class="d-flex align-items-center">
                                                                            <div class=" fw-bold" >Quizzes</div>
                                                                        </div>
                                                                        <!--end::Number-->
                                                                        <!--begin::Label-->
                                                                        <div class="d-flex">
                                                                            <div class="fw-semibold fs-6 text-gray-400 me-3"><strong class="text-dark">Turned in:</strong> ( {{ AppHelper::instance()->totalCourseTurnedInQuizzesCount($offer->coffid) }} )</div>
                                                                            <div class="fw-semibold fs-6 text-gray-400"><strong class="text-dark">Graded:</strong> ( {{ AppHelper::instance()->totalCourseGradedQuizzesCount($offer->coffid) }} )</div>
                                                                        </div>
                                                                        <!--end::Label-->
                                                                    </div>
                                                                    <!--end::Stat-->
                                                                    <!--begin::Stat-->
                                                                    <div class="border border-gray-300 border-dashed rounded py-3 px-4  mb-3">
                                                                        <!--begin::Number-->
                                                                        <div class="d-flex align-items-center">
                                                                            <div class=" fw-bold" >Homework</div>
                                                                        </div>
                                                                        <!--end::Number-->
                                                                        <!--begin::Label-->
                                                                        <div class="d-flex">
                                                                            <div class="fw-semibold fs-6 text-gray-400 me-3"><strong class="text-dark">Turned in:</strong> ( {{ AppHelper::instance()->totalCourseTurnedInAssignmentsCount($offer->coffid) }} )</div>
                                                                            <div class="fw-semibold fs-6 text-gray-400"><strong class="text-dark">Graded:</strong> ( {{ AppHelper::instance()->totalCourseGradedAssignmentsCount($offer->coffid) }} )</div>
                                                                        </div>                                                                        <!--end::Label-->
                                                                    </div>
                                                                    <!--end::Stat-->
                                                                </div>
                                                                <div class="rounded py-3 px-4 mt-3">
                                                                    <a href="{{route('admin.course.wall.index',$offer->coffid)}}" class="btn btn-sm fw-bold btn-primary float-end">View Course</a>
                                                                </div>
                                                                <!--end::Stats-->
                                                            </div>
                                                            <!--end::Wrapper-->
                                                        </div>
                                                        <!--end::Stats-->
                                                    </div>
                                                    <!--end::Info-->
                                                </div>
                                            </td>
                                        </tr>
                                        @endforeach
                                    </tbody>
                                    <!--end::Body-->
                                </table>
                                <!--end::Table-->
                            </div>
                        </div>
                    </div>
                    <!--end::Table-->
                </div>
                <!--end::Card body-->
            </div>
            <!--end::Table Widget 5-->
        </div>
        <!--end::Col-->
    </div>

@endsection
@section('js')
<script>
    // DataTable
    $(document).ready(function() {
        $("#courses_datatable").DataTable({
            "order":false,
            "language": {
            "lengthMenu": "Show _MENU_",
            },
            "dom":
            "<'row'" +
            "<'col-sm-6 d-flex align-items-center justify-conten-start'l>" +
            "<'col-sm-6 d-flex align-items-center justify-content-end'f>" +
            ">" +

            "<'table-responsive'tr>" +

            "<'row'" +
            "<'col-sm-12 col-md-5 d-flex align-items-center justify-content-center justify-content-md-start'i>" +
            "<'col-sm-12 col-md-7 d-flex align-items-center justify-content-center justify-content-md-end'p>" +
            ">"
        });



    });

</script>
@endsection