{{-- Layout --}}
@extends('teacher.layout.layout')
{{-- Page Title --}}
@section('title','GAS LMS | Dashboard')
{{-- Breadcrumb section --}}
@section('breadcrumb')
    @include('components._breadcrumb', ['items' => ['Dashboard' => route('teacher.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="card card-flush h-xl-100 mb-6 shadow-sm">
        <!--begin::Heading-->

        <!--end::Heading-->
        <!--begin::Body-->
        <div class="card-body mt-10">
            <!--begin::Stats-->
            <div class="mt-n20 position-relative">
                <!--begin::Row-->
                <div class="row g-3 g-lg-6">
                    <!--begin::Col-->
                    @forelse ($teacher_sessions as $session)
                        <h2 class="pt-5">{{ $session->acyname }}</h2>
                        <span class=" opacity-50 bottom-0 start-0 border-4 border-danger border-bottom w-100"></span>
                        @foreach ($courses->where('acysid',$session->acysid) as $course)
                            <div class="col-xl-4">
                                <div class="card bgi-no-repeat card-xl-stretch mb-xl-8 shadow" style="background-position: right top; background-size: 40% auto; background-image: url('{{env('SECURE_ASSETS').'/assets/media/svg/shapes/abstract-2.svg'}}">
                                    <!--begin::Body-->
                                    <div class="card-body">
                                        <a href="{{ route('teacher.course.wall.index',[$course->coffid]) }}" class="card-title fw-bold text-muted text-hover-primary fs-4">{{$course->cname}}</a>
                                        <span class="fw-bold badge badge-primary">{{$course->lshort_name}}</span>

                                        {{-- <div class="d-flex my-4">
                                            <div class="me-2">
                                                <a class="text-dark" href="{{ route('teacher.course.quiz.index',[$course->coffid]) }}">
                                                    <!--begin::Svg Icon | path: C:/wamp64/www/keenthemes/core/html/src/media/icons/duotune/art/art002.svg-->
                                                    <span class="svg-icon svg-icon-muted d-none d-xl-inline"><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-->
                                                    <strong>
                                                        Quizzes
                                                    </strong>
                                                </a>
                                            </div>
                                            <div class="me-1">
                                                <div class="badge text-light" style="background-color:#213756">
                                                    <span class="me-1">Posted</span>
                                                    ( <span class="mx-1" data-kt-countup="true" data-kt-countup-value="{{AppHelper::instance()->totalCoursePostedQuizzesCount($course->coffid)}} " data-kt-initialized="0">{{AppHelper::instance()->totalCourseTurnedInQuizzesCount($course->coffid)}}</span>)

                                                </div>
                                            </div>
                                            <div class="">
                                                <div class="badge" style="background-color:#7a091a">
                                                    <span class="me-1">Un-Posted</span>
                                                    ( <span class="mx-1" data-kt-countup="true" data-kt-countup-value="{{AppHelper::instance()->totalCourseUnPostedQuizzesCount($course->coffid)}} " data-kt-initialized="0">{{AppHelper::instance()->totalCourseGradedQuizzesCount($course->coffid)}}</span>)

                                                </div>
                                            </div>

                                        </div> --}}
                                        {{-- <div class="d-flex my-4">
                                            <a class="text-dark" href="{{ route('teacher.course.assignment.index',[$course->coffid]) }}">
                                                <div class="me-2">
                                                    <!--begin::Svg Icon | path: C:/wamp64/www/keenthemes/core/html/src/media/icons/duotune/art/art002.svg-->
                                                    <span class="svg-icon svg-icon-muted fs-3 d-none d-xl-inline"><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-->
                                                    <strong>
                                                        Homework
                                                    </strong>
                                                </div>
                                            </a>
                                            <div class="me-1">
                                                <div class="badge bg-eshra7ly-or text-light">
                                                    <span class="me-1">turned in</span>

                                                    ( <span class="mx-1" data-kt-countup="true" data-kt-countup-value="{{AppHelper::instance()->totalCourseTurnedInAssignmentsCount($course->coffid)}} " data-kt-initialized="0">{{AppHelper::instance()->totalCourseTurnedInAssignmentsCount($course->coffid)}}</span>)


                                                </div>
                                            </div>
                                            <div class="">
                                                <div class="badge bg-eshra7ly-tr">
                                                    <span class="me-1">graded</span>

                                                </div>
                                            </div>
                                        </div>
                                        <div class="d-flex my-4">
                                            <a class="text-dark" href="{{ route('teacher.course.index',[$course->coffid]) }}">
                                                <div class="me-2">
                                                    <!--begin::Svg Icon | path: C:/wamp64/www/keenthemes/core/html/src/media/icons/duotune/art/art002.svg-->
                                                    <span class="svg-icon svg-icon-muted fs-3 d-none d-xl-inline"><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-->
                                                    <strong>
                                                        Materials
                                                    </strong>
                                                </div>
                                            </a>
                                            <div class="me-2">
                                                <div class="badge bg-eshra7ly-or me-1">
                                                    ( <span class="mx-1" data-kt-countup="true" data-kt-countup-value="{{AppHelper::instance()->totalCourseMaterialsCount($course->coffid)}} " data-kt-initialized="0">{{AppHelper::instance()->totalCourseMaterialsCount($course->coffid)}}</span>)
                                                </div>

                                            </div>
                                        </div> --}}

                                        <div class="position-relative">
                                            @if ($course->has_label)
                                            <span class="badge badge-danger position-xl-absolute end-0 mt-3">{{$course->label}}</span>
                                            @endif
                                            <a href="{{ route('teacher.course.quiz.index',[$course->coffid]) }}" class="btn btn-sm mt-8 mx-auto d-block w-xl-25 text-light fw-bold" style="background-color: #7a091a">Show</a>
                                        </div>

                                    </div>
                                    <!--end::Body-->
                                </div>
                            </div>
                        @endforeach
                        @empty
                        <div class="text-center">
                            <img src="{{env('SECURE_ASSETS').'/assets/media/illustrations/sigma-1/15.png'}}" class="theme-light-show w-400px" alt="">
                            <img src="{{env('SECURE_ASSETS').'/assets/media/illustrations/sigma-1/15.png'}}" class="theme-dark-show w-400px" alt="">
                            <p class="text-gray-400 fw-bold py-3">You are not enrolled at any courses yet</p>
                        </div>
                    @endforelse
                    <!--end::Col-->
                </div>
                <!--end::Row-->
            </div>
            <!--end::Stats-->
        </div>
        <!--end::Body-->
    </div>
    <!--end::Card-->
@endsection