@extends('layouts.student')

@section('content')

<div class="app-content my-3 my-md-5">
	<div class="side-app">
        <x-page.header>All Enrolled Courses</x-page.header>
		<div class="row">
			<div class="col-xl-12 col-lg-12 col-md-12">
                <div class="card">
					<div class="card-header">
						<h3 class="card-title">@lang('student.curently enrolled courses')</h3>
					</div>
					{{-- Enrolled Courses --}}
					<div class="card-body border-top-0">
						<div class="dash5">
							<div>
                                @forelse ($student_sessions as $session)
                                <span class="tag mb-5 text-white" style="background-color: #7a091a">
                                    Session
                                    <span class="tag-addon tag-primary">{{ $session->acyname }}</span>
                                  </span>
                                <!--begin::Col-->
                                <div class="row">
                                    @foreach ($courses->where('acysid',$session->acysid) as $course)
                                    <div class="col-xl-4">
                                        <div class="card shadow-sm" style="background-position: right top;background-repeat:no-repeat; background-size: 40% auto; background-image: url('{{secure_asset('/images/media/abstract-2.svg')}}">
                                            <!--begin::Body-->
                                            <div class="card-body">
                                                <div class="mb-4">
                                                    <a href="{{  route('courseDetails', $course->coffid) }}" class="card-title fw-bold text-muted text-hover-primary fs-5">{{$course->cname}}</a>
                                                    <span class="badge badge-primary ms-2">{{$course->lshort_name}}</span>
                                                    @if ($course->has_label)
                                                    <span class="badge badge-danger">{{$course->label}}</span><br>
                                                    @endif
                                                </div>

                                                <div class="media">
                                                    <img class="brround avatar-md me-3" alt="avatra-img" src="{{secure_asset('/images/users/instructor.png')}}">
                                                    <div class="media-body mt-2">
                                                        <a href="{{ route('courseDetails', $course->coffid) }}" class="text-default font-weight-semibold">{{$course->ttname}}</a>
                                                    </div>
                                                </div>

                                                <div>
                                                    <a href="{{  route('courseDetails', $course->coffid) }}" class="btn btn-sm mt-3 mx-auto d-block w-50 text-light fw-bold " style="background-color: #7a091a">@lang('student.view course')</a>
                                                </div>
                                            </div>
                                            <!--end::Body-->
                                        </div>
                                    </div>
                                    @endforeach
                                </div>
                                <!--end::Col-->
                                @empty
                                <div class="text-center">
                                    <img src="{{secure_asset('/images/svg/noCourses.svg')}}" width="500" alt="">
                                    <p class="text-gray-400 fw-bold py-3">You are not enrolled at any courses yet.</p>
                                </div>
                                @endforelse
							</div>
						</div>
					</div>
				</div>
			</div>
		</div>
	</div>
</div>


@endsection