<div class="course-product-details">
	@if($product->course_preview_video)		
		 <div class="box-who_this_course_is_for">
			<div class="box-who_this_course_is_for">
				<p class="heading-who_this_course_is_for">Course Preview:</p>				
				<div class="explore-who_this_course_is_for">
					<iframe class="upload-video" allowfullscreen="true" webkitallowfullscreen="true" mozallowfullscreen="true"
                                    style="border: none;padding: 0;border-radius: 10px;overflow: hidden"
                                    src="{{URL::route('play-video')}}?path={{$product->course_preview_video}}" width="100%"
                                    height="330"></iframe>
				</div>
			</div>
		</div>	
		<div class="product-name" style="margin-top: -35px; margin-bottom: 20px;">
			<span class="course-title-heading">{{$product->product_name}}</span>
		</div>
	@endif
	 
	<div class="row">
		<div class="col-sm-6">
			<div class="product-cart-view curse-product-pay-amount">
			  {!! Theme::section('user.products.cart',['product'=>$product,'quantity'=>1,'hide_coupon'=>'yes']) !!}
			</div> 
		</div>

		<div class="col-sm-6">
				<span class="product-buy-payment-btn product-buy-course-payment-btn btn red-color-button">Click to Buy</span>
		</div>
    </div>		
	 
	@if($product->course_what_you_will_learn) 
		<div class="box-outsite-what-you-will-learn">
			<div class="box-inside-what-you-will-learn">
				<p class="heading-what-you-will-learn">What you will learn</p>
				<div class="course_what_you_will_learn_texts">
					{!! $product->course_what_you_will_learn !!}
				</div>
			</div>
		</div>
	@endif

	@if($product->course_related_topics) 
		<div class="box-outsite-explore-related-topics">
			<div class="box-inside-explore-related-topics">
				<p class="heading-explore-related-topics">Explore related topics</p>
				
				<?php
					$topicsList=$product->course_related_topics;
					$topics=explode(",",$topicsList);
				?>
				<div class="explore-related-topic-list">
					@foreach($topics as $topic)
						<span class="related-topic">{{$topic}}</span>
					@endforeach
				</div>
			</div>
		</div>
	 @endif		
	 
	 @if($product->courseincludes) 
		<div class="box-outsite-course-includes">
			<div class="box-inside-course-includes">
				<p class="heading-course-includes">This course includes:</p>				
				<div class="course-includes-list" style="min-height:5px">
					<ul class="course-includes-listing"> 
					    @foreach($product->courseincludes as $include)
							<li class="course-includes-item">
							   <span class="include-logo-icon">
									<i class="{{$include->logo_icon}}"></i>
							   </span>

							   <span class="logo-include-desc">	
									{!! $include->description !!}
							   </span>		
							</li> 
						@endforeach	
					</ul>   
				</div>
			</div>
		</div>
	 @endif		
	 
	 @if($product->coursecontents) 
		<div class="box-outsite-course-contents">
			<div class="box-inside-course-contents">
				<p class="heading-course-contents">Course content</p>				
				<div class="course-contents-list">
					<div class="course-contents-section-ttl">
						{{$product->course_total_sections}} Sections  •  {{$product->course_total_lectures}} Lectures  •  {{$product->course_taotal_length}} hrs  {{$product->course_taotal_length_mins}} mins total length
					</div>
					
					<div class="course-contents-listing"> 
					    @foreach($product->coursecontents as $content)
							<div class="course-contents-item" data-id="{{$content->id}}">	
								<div class="row">
									<div class="col-sm-8 col-xs-8">
										<div class="course-contents-heading-details">
											{{$content->section_heading}}	
										</div>	
									</div>

									<div class="col-sm-4 col-xs-4">	
										<div class="course-contents-length-details">
											{{$content->total_lectures}} lectures
											•								
											{{$content->hrs}} hrs {{$content->mins}} mins 		
										</div>	
									</div>	
								</div>	
							</div> 
							
							@if($content->coursecontenttopics)
								<div class="course-contents-item-details course-contents-item-details-{{$content->id}}">	
									@foreach($content->coursecontenttopics as $topic)
										<div class="topic-itesm">
											<div class="row">
												<div class="col-sm-9 col-xs-9">
													<i style="margin-right:8px;" class="fa fa-video-camera" aria-hidden="true"></i> {{$topic->topic}}
												</div>

												<div class="col-sm-3 col-xs-3">
													<div class="topic-time-box">														
														{{$topic->hrs}} hrs {{$topic->mins}} mins 	
													</div>	
												</div>	
											</div>	
										</div>	
									@endforeach	
								</div>
							@endif	
						@endforeach	
					</div>
				</div>
			</div>
		</div>
	 @endif		
	 
	 @if($product->course_requirements)		
		<div class="box-outsite-requirements">
			<div class="box-inside-requirements">
				<p class="heading-requirements">Requirements</p>				
				<div class="explore-requirements-list">
					{!! $product->course_requirements !!}
				</div>
			</div>
		</div>	 
	 @endif
	 
	 @if($product->course_description)		
		<div class="box-outsite-description">
			<div class="box-inside-description">
				<p class="heading-description">Course Description</p>				
				<div class="explore-description-list">
					{!! $product->course_description !!}
				</div>
			</div>
		</div>	 
	 @endif
	 
	 @if($product->who_this_course_is_for)		
		<div class="box-who_this_course_is_for">
			<div class="box-who_this_course_is_for">
				<p class="heading-who_this_course_is_for">Who this course is for:</p>				
				<div class="explore-who_this_course_is_for">
					{!! $product->who_this_course_is_for !!}
				</div>
			</div>
		</div>	 
	 @endif
</div>
