@extends('layouts.landing')
@section('content')
 
	<!-- Intro Courses -->
	<section class="intro-section secondary-bg pt-94 pb-100 md-pt-64 md-pb-70">
		<div class="container"> 
			<!-- Content Column -->
			<div class="col-lg-8 md-mb-50 mt-64 bg-white"> 
				<!-- Cource Overview -->
				<div id="rs-checkout" class="rs-checkout orange-color pt-100 pb-100 md-pt-70 md-pb-70"> 
					<h4>Course Enrollment</h4>
					
					<p>{!! $course->name !!}</p>
					<h3 class="text-primary">Amount {{ config('app.currency') }} {{ number_format($courseEnrollment->price) }}</h3>
				 
					<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>		 
					</div> 

					<hr />
					<div class="full-grid">
						<form method="POST">
							@csrf
							 <div class="billing-fields">
								 <div class="checkout-title">
									 <h4>Billing details</h4>
								 </div>
								 <div class="form-content-box">
									 <div class="row">
										 <div class="col-md-6 col-sm-12 col-xs-12">
											 <div class="form-group">
												 <label>First Name *</label>
												 <input id="fname" name="fname" class="form-control-mod" type="text" required="">
											 </div>
										 </div>
										 <div class="col-md-6 col-sm-12 col-xs-12">
											 <div class="form-group">
												 <label>Last Name *</label>
												 <input id="lname" name="lname" class="form-control-mod" type="text" required="">
											 </div>
										 </div>
									 </div>
									 <div class="row">
										 <div class="col-md-12 col-sm-12 col-xs-12">
											 <div class="form-group">
												<label>County*</label>
												<select id="country" name="country" class="d-block" required="">
													 <option value="">Select a country</option>
													 <option value="KE">Kenya</option>
													 <option value="UG">Uganda</option>
													 <option value="TZ">Tanzania</option>
													 <option value="US">United States</option>
												</select>
											 </div>
										 </div>
									 </div>									 
									 <div class="row">
										 <div class="col-md-12 col-sm-12 col-xs-12">
											 <div class="form-group">
												 <label>Mobile *</label>
												 <input id="mobile" name="mobile" class="form-control-mod" type="text" required="">
											 </div>
										 </div>
									 </div>
									 <div class="row">
										 <div class="col-md-12 col-sm-12 col-xs-12">
											 <div class="form-group">
												 <label>Email address *</label>
												 <input id="email" name="email" class="form-control-mod" type="email" required="">
											 </div>
										 </div>
									 </div>									 
									 <div class="row">
										 <div class="col-md-12 col-sm-12 col-xs-12">
											 <div class="form-group">
												 <label>Company name (optional)</label>
												 <input id="company" name="company" class="form-control-mod" type="text">
											 </div>
										 </div>
									 </div> 
									 <div class="row">
										 <div class="col-md-12 col-sm-12 col-xs-12 d-none">
											 <div class="form-group">
												 <label>Street address *</label>
												 <input id="street_address" name="street_address" class="form-control-mod margin-bottom" type="text" placeholder="Street name"> 
											 </div>
										 </div>
									 </div>
									 <div class="row">
										 <div class="col-md-12 col-sm-12 col-xs-12">
											 <div class="form-group">
												 <label>Town / City *</label>
												 <input id="city" name="city" class="form-control-mod" type="text" required="">
											 </div>
										 </div>
									 </div> 
									 <div class="row">
										 <div class="col-md-12 col-sm-12 col-xs-12 d-none">
											 <div class="form-group">
												 <label>Postcode / ZIP (optional)</label>
												 <input id="postal_code" name="postal_code" class="form-control-mod" type="text">
											 </div>
										 </div>
									 </div> 
								 </div>
							</div><!-- .billing-fields --> 
 
							<div class="payment-method mt-40 md-mt-20"> 
								<div class="bottom-area">
									<button class="btn-shop orange-color" type="submit">Submit Enrollment</button>
								</div>
							</div>
						</form>  
					</div>
				</div> 
			</div>               
		</div>
	</section>
	<!-- End intro Courses -->
 
@endsection