@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>
			<ul>
				<li>
					<a class="active" href="/">Home</a>
				</li>
				<li>Course Details</li>
			</ul>
		</div>
	</div>
	<!-- Breadcrumbs End --> 

  
	<!-- 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">{{ $course->name }}</div> 
			</div>
			<div class="row">
				@php
					$courseOutlines = $course->courseOutlines()->where('status', 1)->orderBy('rank', 'ASC')->get();	
				@endphp		 
				@forelse($courseOutlines as $key => $courseOutline) 
					<div class="col-lg-4 col-md-6 mb-30">
					   <div class="courses-item">
							<div class="courses-grid">
								<div class="img-part">
									<a href="/course-outline/{{ $courseOutline->id }}/{{ $courseOutline->slug }}"><img src="/{{ $course->image }}" alt=""></a>
								</div>
								<div class="content-part p-2">
									<div class="info-meta"> 
										<a href="/course-outline/{{ $courseOutline->id }}/{{ $courseOutline->slug }}">{!! $courseOutline->description !!}</a>
									</div> 
								</div>
							</div>
					   </div>
					</div> 
				@empty
					<div>No courses found</div>						
				@endforelse					
			</div><hr />
			<div class="row"> 
				
				<h4 class="col-lg-12">Open Enrollment</h4> 
				@php
					$courseEnrollments = $course->openEnrollments()->orderBy('open_date', 'ASC')->get();	
				@endphp
				@forelse($courseEnrollments as $courseEnrollment)
					<div class="col-lg-12 mb-5">
						<div class="btn-part">
							@if($courseEnrollment->courseOutline)
								<h5 class="text-primary">Module: {!!  $courseEnrollment->courseOutline->description  !!}</h5>
							@endif
																									
							<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') }} {{ $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>

	<!-- 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. {{ $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