{{-- Layout --}}
@extends('student.layout.layout')
{{-- Page Title --}}
@section('title','GAS LMS | Dashboard')
{{-- Breadcrumb section --}}
@section('breadcrumb')
    @include('components._breadcrumb', ['items' => ['Dashboard' => route('student.dashboard')]])
@endsection
{{-- Content --}}
@section('content')
    <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>
     <!--begin::Card-->
    <div class="card card-flush h-xl-100 mb-6 shadow-sm">
        <!--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">
                    @forelse ($student_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>
                        <!--begin::Col-->
                        @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">
                                    <div class="mb-4">
                                        <a href="{{ route('student.course.index',[$course->coffid]) }}" class="card-title fw-bold text-muted text-hover-primary fs-4">{{$course->cname}}</a>
                                        @if ($course->has_label)
                                        <span class="badge badge-danger">{{$course->label}}</span><br>
                                        @endif
                                    </div>
                                    <span class="badge badge-primary">{{$course->lshort_name}}</span>

                                    <div class="badge bg-eshra7ly-tr"><i class="bi bi-people fw-bold text-white me-3"></i>
                                        {{$course->ttname}}
                                    </div>

                                    <div class="d-flex my-5">
                                        <div class="me-2">
                                            <a class="text-dark" href="{{ route('student.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>
                                                    Grade Items
                                                </strong>
                                            </a>
                                        </div>
                                        <div class="me-1">
                                            <div class="badge text-light" style="background-color:#213756">
                                                ( <span class="mx-1" data-kt-countup="true" data-kt-countup-value="{{AppHelper::instance()->studentDueFileQuizzes(auth()->id(),$course->coffid)}} " data-kt-initialized="0">{{AppHelper::instance()->studentDueFileQuizzes(auth()->id(),$course->coffid)}}</span>)
                                            </div>
                                        </div>
                                    </div>

                                    {{-- <div class="d-flex my-5">
                                        <div class="me-2">
                                            <a class="text-dark" href="{{ route('student.course.assignment.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>
                                                    Due Home work
                                                </strong>
                                            </a>
                                        </div>
                                        <div class="me-1">
                                            <div class="badge text-light" style="background-color:#213756">
                                                ( <span class="mx-1" data-kt-countup="true" data-kt-countup-value="{{AppHelper::instance()->studentDueAssignments(auth()->id(),$course->coffid)}} " data-kt-initialized="0">{{AppHelper::instance()->studentDueAssignments(auth()->id(),$course->coffid)}}</span>)
                                            </div>
                                        </div>
                                    </div>

                                    <div class="d-flex my-5">
                                        <div class="me-2">
                                            <a class="text-dark" href="{{ route('student.course.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>
                                                    Materials
                                                </strong>
                                            </a>
                                        </div>
                                        <div class="me-1">
                                            <div class="badge text-light" style="background-color:#213756">
                                                ( <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>
                                        <a href="{{ route('student.course.grade',[$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
                        <!--end::Col-->
                        @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, <a href="https://eshra7ly.net/login" target="_blank">Enroll now</a></p>
                        </div>
                    @endforelse
                </div>
                <!--end::Row-->
            </div>
            <!--end::Stats-->
        </div>
        <!--end::Body-->
    </div>
    <!--end::Card-->



@endsection