@extends('layouts.welcome')

@section('content')
    {{-- <div class="relative">
        <div class="shape overflow-hidden text-white">
            <svg viewBox="0 0 2880 48" fill="none" xmsns="http://www.w3.org/2000/svg">
                <path d="M0 48H1437.5H2880V0H2160C1442.5 52 720 0 720 0H0V48Z" fill="#f5f4f9"></path>
            </svg>
        </div>
    </div> --}}
    <!--Section-->
	
		<section class="sptb">
			<div class="container">
	<div class="section-title d-md-flex">
					<div>
						
            <!--Section-->
            @if (isset($courses))
                <section>
                    <div class="sptb-2 bannerimg pt-10">
                        <div class="header-text mb-0">
                            <div class="container">
                                <div class="text-right text-dark">
                                    <h1 class="text-dark">{{ $courses->cname }}</h1>
                                    {{-- <ol class="breadcrumb text-center">
										<li class="breadcrumb-item text-dark"><a href="javascript:void(0)">{{ request()->segment(1)}}</a></li>
										<li class="breadcrumb-item active text-dark" aria-current="page">{{ request()->segment(2)}}</li>
									</ol> --}}
                                </div>
                            </div>
                        </div>
                    </div>
                </section>
                <!--/Section-->
            @elseif (isset($educationSystem))
                <section>

                                    <h1 class="text-dark">{{ $educationSystem->esname }}</h1>

                </section>
                <!--/Section-->
            @else
                <section>

                                    <h1 class="text-dark">{{ Str::upper(request()->segment(1)) }}</h1>

                </section>
                <!--/Section-->
            @endif

						<p class="fs-18 lead"></p>
					</div>
					{{-- <div class="ms-auto">
						<a class="btn btn-light mt-3" href="{{url('/home')}}"><i class="fe fe-arrow-right"></i> Explore Courses</a>
					</div> --}}
	</div>
				<div class="row">
					<div class="col-xl-9 col-lg-8 col-md-12">
						<!--Coursed lists-->
						<div class=" mb-lg-0">
							<div class="">
								<div class="item2-gl">
									<div class="mb-0">
										<div class="">
                                            @if ($educationSystemCourses->count() > 0)
											<div class="p-5 bg-white item2-gl-nav d-flex">
												<ul class="nav item2-gl-menu ms-auto">
													<li class="border-end"><a href="#tab-11" class="active show" data-bs-toggle="tab" title="List style"><i class="fa fa-list"></i></a></li>
													<li><a href="#tab-12" data-bs-toggle="tab" class=" " title="Grid"><i class="fa fa-th"></i></a></li>
												</ul>
											</div>
                                            @endif
										</div>
									</div>
									<div class="tab-content item-list2">
                                          
										<div class="tab-pane active" id="tab-11">
                                            @forelse ($educationSystemCourses as $courseOffering)  
                                                <div class="card overflow-hidden">
                                                    <div class="d-md-flex">
                                                        <div class="item-card9-img">
                                                            <div class="item-card9-imgs">
                                                                <a href="{{route('homePage.courseDetails',$courseOffering->coffid)}}"></a>
                                                                <img src="{{$courseOffering->course->getImage($courseOffering->course->cimage)}}" alt="img" class="cover-image">
                                                            </div>
                                                            <div class="item-overly-trans">
                                                            <a href="{{route('homePage.courseDetails',$courseOffering->coffid)}}" class="bg-primary">{{$courseOffering->course->board->bname}}</a>
                                                            </div>
                                                        </div>
                                                        <div class="card border-0 mb-0">
                                                            <div class="card-body p-0">
                                                                <div class="item-card9 ps-5 pt-5">
                                                                    <a href="{{route('homePage.courseDetails',$courseOffering->coffid)}}" class="text-default-dark"><h3 class="">{{$courseOffering->course->cname}}</h3></a>
                                                                    <span class="item-card-badge"><i class="fa fa-rocket me-1"></i> {{$courseOffering->course->level->lname}}</span>
                                                                    <p class="mb-0 mt-1 lead">{{Str::limit($courseOffering->course->cdescription, 100, '.....')}}</p>																 
                                                                </div>
                                                                <div class="border-top ps-5 mt-2">
                                                                    <div class="d-flex">
                                                                        <h4
                                                                            class="font-weight-semibold fs-12 text-dark mt-4 mb-4 me-4">
                                                                            <i
                                                                                class="fa fa-money mt-0 fs-18 me-2"></i>
                                                                                {{$courseOffering->fee_per_lesson_total}}
                                                                            
                                                                            @lang('student.EGP') / @lang('student.lesson')
                                                                        </h4>
                                                                        {{-- <h4
                                                                            class="font-weight-semibold fs-12 text-dark mt-4 mb-4 me-5">
                                                                            <i
                                                                                class="fa fa-money mt-0 fs-18 me-2"></i>
                                                                            @lang('student.EGP') / @lang('student.course')
                                                                        </h4> --}}
                                                                    </div>
                                                                    
                                                                </div>
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                            @empty
                                            <img class="d-block mx-auto" width="500"
                                            src="{{ env('SECURE_ASSETS').'/images/svg/noCourses.svg' }}">
                                            <p class="text-center pt-3"><strong
                                                    class="text-primary">Looks like
                                                    There Is
                                                    No
                                                    Courses Been Found</strong></p>
                                            @endforelse
										</div>
										<div class="tab-pane" id="tab-12">
											<div class="row">
                                             @foreach ($educationSystemCourses as $courseOffering)  
												<div class="col-lg-6 col-md-12 col-xl-6">
													<div class="card overflow-hidden">
														<div class="item-card9-img">
															<div class="item-card9-imgs">
																<a href="{{route('homePage.courseDetails',$courseOffering->coffid)}}"></a>
																<img src="{{$courseOffering->course->getImage($courseOffering->course->cimage)}}" alt="img" class="cover-image">
															</div>
															<div class="item-card9-icons">
																<a href="{{route('homePage.courseDetails',$courseOffering->coffid)}}" class="item-card9-icons1 bg-secondary"> <i class="fa fa fa-share-alt"></i></a>
															</div>
															<div class="item-overly-trans">
																<a href="#" class="bg-primary">{{$courseOffering->course->board->bname}}</a>
															</div>
														</div>
														<div class="card-body pb-0">
															<div class="item-card9">
																<span class="item-card-badge"><i class="fa fa-rocket me-1"></i> {{$courseOffering->course->level->lname}}</span>
																<a href="{{route('homePage.courseDetails',$courseOffering->coffid)}}" class="text-default-dark mt-2"><h3 class="mt-2 mb-2">{{$courseOffering->course->cname}}</h3></a>
																<p class="mb-0">{{Str::limit($courseOffering->course->cdescription, 100, '.....')}}</p>
															</div>
														</div>
														<div class="border-top ps-5  mt-2">
                                                            {{-- <div class="d-flex">
                                                                <h4
                                                                    class="font-weight-semibold fs-12 text-dark mt-4 mb-4 me-4">
                                                                    <i
                                                                        class="fa fa-money mt-0 fs-18 me-2"></i>
                                                                    12
                                                                    @lang('student.EGP') / @lang('student.lesson')
                                                                </h4>
                                                                <h4
                                                                    class="font-weight-semibold fs-12 text-dark mt-4 mb-4 me-5">
                                                                    <i
                                                                        class="fa fa-money mt-0 fs-18 me-2"></i>
                                                                    90
                                                                    @lang('student.EGP') / @lang('student.course')
                                                                </h4>
                                                            </div> --}}
														</div>
													</div>
												</div>
                                             @endforeach
											</div>
										</div>
									</div>
								</div>
                                <div class="center-block text-center">
                                    {{ $educationSystemCourses->links('inc.paginate') }}
                                </div>
							</div>
						</div>
						<!--/Coursed lists-->
					</div>
				</div>
			</div>
		</section><!--Section-->
@endsection