{{-- Layout --}}
@extends('admin.layout.layout')
{{-- Page Title --}}
@section('title','GAS LMS | Dashboard')
{{-- Breadcrumb section --}}
@section('breadcrumb')
    @include('components._breadcrumb', ['items' => ['Dashboard' => route('admin.dashboard')]])
@endsection
{{-- Content --}}
@section('content')
     <!--begin::Card-->
     <div class="h-100px h-md-200px h-sm-200px h-lg-300px rounded bgi-no-repeat bgi-size-cover bgi-position-y-top bgi-position-x-center align-items-start h-xl-600px" style="background-image:url('{{env('SECURE_ASSETS').'/assets/media/slide-1.png'}}" data-theme="light">
     </div>
     <div class="row gy-5 g-xl-10 my-8 justify-content-center">
        <!--begin::Col-->
        <div class="col-xl-4 me-8">
            <!--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-7">
            <!--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  px-10  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.quiz.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>
    <!--end::Card-->
@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