@extends('layouts.landing')
@section('content')
 
	<!-- Breadcrumbs Start -->
	<div class="rs-breadcrumbs breadcrumbs-overlay">
		<div class="breadcrumbs-img">
			<img src="/{{ $course->banner }}" alt="Breadcrumbs Image">
		</div>
		<div class="breadcrumbs-text white-color">
			<h1 class="page-title">{{ $course->name }}</h1>
			<h4 class="text-white">{!! $courseOutline->description !!}</h4>
			<ul>
				<li>
					<a class="active" href="/">Home</a>
				</li>
				<li>Course Outline Details</li>
			</ul>
		</div>
	</div>
	<!-- Breadcrumbs End --> 

	<!-- Intro Courses -->
	<section class="intro-section gray-bg pt-5 pb-100  md-pb-70">
		<div class="container-fluid p-0">
			 <div class="row clearfix">
				<div class="col-12">  
					<a name="outline-{{ $courseOutline->id }}">
					<div class="content"> 
						<div class="course-overview">
							<div class="inner-box">							 
								<div class="row clearfix">
								  
										@if($lesson->lessonSchedules) 
											@foreach($lesson->lessonSchedules as $lessonSchedule)
												@if($lessonSchedule->studentVideo)
													<div class="col-12 col-md-4 my-2">
														<div class="bg-white p-2">  
															<div class="embed-responsive embed-responsive-16by9">
																<iframe allowfullscreen class="embed-responsive-item" src="{{ $lessonSchedule->studentVideo->embedUrl }}"></iframe>
															</div>
															<h6 class="m-2">{{ $lesson->name }}</h6>
														</div>
													</div>
												@endif 
											@endforeach 	
										@endif  
										
										@php
											$childLessons = $lesson->childLessons()->get();
										@endphp
										
										@if(count($childLessons)) 
											<div class="col-12 my-2">
												<h5>{{ $lesson->name }}</h5> 
											</div>
											@foreach($childLessons as $childLesson)
												@if($childLesson->lessonSchedules)
													@foreach($childLesson->lessonSchedules as $ls)
														@if($ls->studentVideo)
															<div class="col-12 col-md-4 my-2">
																<div class="bg-white p-2">  
																	<div class="embed-responsive embed-responsive-16by9">
																		<iframe allowfullscreen class="embed-responsive-item" src="{{ $ls->studentVideo->embedUrl }}"></iframe>
																	</div>
																	<h6 class="m-2">{{ $childLesson->name }}</h6>
																</div>
															</div>
														@endif 
													@endforeach 	
												@endif												
											@endforeach 	
										@endif
										 
								</div>
								<div class="row clearfix">
									@foreach($courseOutline->lessons as $lesson)
										@if($lesson->description)
											<div class="col-12">
												<h6 class="mt-4 mb-1">{{ $lesson->name }}</h6> 	 
												<div>{!! $lesson->description !!}</div>
											</div> 
										@endif
 									@endforeach  
								</div> 

								<hr />
								<div class="row"> 
									
									<h4 class="col-lg-12">Open Enrollment</h4> 
									@php
										$courseEnrollments = $course->openEnrollments()->where('course_outline_id', $courseOutline->id)->orderBy('open_date', 'ASC')->get();	
									@endphp
									@forelse($courseEnrollments as $courseEnrollment)
										<div class="col-lg-12 mb-5">
											<div class="btn-part">
												<h5>{{ $courseEnrollment->name }}: from {{ $courseEnrollment->open_date->format('M d, Y').' Till '.$courseEnrollment->close_date->format('M d, Y')   }}</h5>																		
												<p>Classes start from {{ $courseEnrollment->start_date->format('M d, Y').' Till '.$courseEnrollment->end_date->format('M d, Y')   }}</p>																		
												@if($courseEnrollment->price > 0)
													<a href="/courses/enroll/{{ $course->id }}/{{ $courseEnrollment->id }}/{{ $course->slug }}" class="btn readon2 orange">{{ config('app.currency') }} {{ number_format($courseEnrollment->price) }}</a>
												@endif	 	
												<a href="/courses/enroll/{{ $course->id }}/{{ $courseEnrollment->id }}/{{ $course->slug }}" class="btn readon2 orange-transparent">Enroll Now</a>  
											</div>		
										</div>
									@empty
										<div class="col-lg-12 mb-5 text-danger">There are no open enrollments at the moment</div>						
									@endforelse	
								</div>						
						
							</div>
						</div>
					</div>	 
				</div>
			</div>                
		</div>
	</section>
	<!-- End intro Courses -->


	<!-- Categories Section Start -->
	<div id="rs-popular-courses" class="rs-popular-courses main-home event-bg pt-100 pb-100 md-pt-70 md-pb-70">
		<div class="container">
			<div class="sec-title3 text-center mb-45">
				<div class="sub-title">Select Courses</div>
				<h2 class="title black-color">Explore Popular Courses</h2>
			</div>
			<div class="row">
				@php
					$courses = \App\Models\Course::where('status', 1)->get();
				@endphp
				@forelse($courses as $cs)
				<div class="col-lg-4 col-md-6 mb-30">
				   <div class="courses-item">
						<div class="courses-grid">
							<div class="img-part">
								<a href="/courses/{{ $cs->id }}/{{ $cs->slug }}"><img src="/{{ $cs->image }}" alt=""></a>
							</div>
							<div class="content-part">
								<div class="info-meta">
									<ul>                                                
										<li class="ratings">
											<i class="fa fa-star"></i>
											<i class="fa fa-star"></i>
											<i class="fa fa-star"></i>
											<i class="fa fa-star"></i>
											<i class="fa fa-star"></i> 
										</li>
									</ul>
								</div>
								@if($cs->default_price)
									<div class="course-price">
										<span class="price">KES. {{ number_format($cs->default_price) }}</span>
									</div>
								@endif
								<h3 class="title"><a href="/courses/{{ $cs->id }}/{{ $cs->slug }}">{{ $cs->name }}</a></h3> 
							</div>
						</div>
				   </div>
				</div> 
				@empty
					<div>No courses found</div>						
				@endforelse
			</div>
		</div>
	</div>
	<!-- Categories Section End --> 
 @endsection