@extends('layouts.master2')
@section('content') 
	<section class="inner_page_breadcrumb style2 pb20">
		<div class="container">
			<div class="row">
				<div class="col-lg-10 offset-lg-1 text-center">
					<div class="courses_single_container mt50">
						<div class="cs_row_one">
							<div class="cs_ins_container">
								<h1 class="cs_title style2">{{$formation->LibelleFormation}}</h1>
								<ul class="cs_review_seller">
									<li class="list-inline-item"><a href="#"><span>{{$formation->LibelleCategorie}}</span></a></li>
									<li class="list-inline-item"><a href="#"><i class="fa fa-star"></i></a></li>
									<li class="list-inline-item"><a href="#"><i class="fa fa-star"></i></a></li>
									<li class="list-inline-item"><a href="#"><i class="fa fa-star"></i></a></li>
									<li class="list-inline-item"><a href="#"><i class="fa fa-star"></i></a></li>
									<li class="list-inline-item"><a href="#"><i class="fa fa-star"></i></a></li>
								</ul>
								<ul class="cs_review_enroll">
									<li class="list-inline-item"><a href="#"><span class="flaticon-profile"></span> {{$formation->name }} {{$formation->prenom}}</a></li>
																	</ul>
							</div>
						</div>
					</div>
				</div>
			</div>
		</div>
	</section>

	<!-- Top Courses -->
	<section id="top-courses" class="blog-post pt0">
		<div class="container">
			<div class="row">
				<div class="col-lg-8 col-xl-9">
					<div class="blog_post_home6 style2 video">
						<div class="bg_img_video_widget h500 thumb">
							<div class="bg-video" style="background-image: url({{url($formation->PhotoFormation)}});">
								<!-- <div class="bt-play text-center" onclick="aficherlavideo()"><span class="flaticon-play-button"></span>Regarder la video</div> -->
								<div class="bt-play text-center"><span class="flaticon-play-button"></span>Regarder la video</div>
							</div>
							<div class="video-container">
								<iframe class="w100" height="500px" src="{!!@$premier_cours->VideoCours!!}" frameborder="0" allowfullscreen="allowfullscreen"></iframe>
							</div>
						</div>
					</div>
					<script type="text/javascript">
						function aficherlavideo(){
							var csrfToken = $('meta[name="csrf-token"]').attr('content');
							var idcours = {{@$premier_cours->idcours}};
							$.ajax({
							type: 'POST',
							enctype: 'multipart/form-data',
							url: '{{url('video')}}',
							data: {
							idcours:idcours,
							"_token":csrfToken
							    },

							success:function(result) {
							if(result.number == '1'){
								console.log(result);

							$(".video-container").html(result.data);
							                                        
							                            
							                                        
							                                        
							}
						}
					});
						}
					</script>
					<div class="courses_single_container">
						<div class="cs_rwo_tabs csv2">
							<ul class="nav nav-tabs style4 mt30" id="myTab" role="tablist">
								<li class="nav-item">
								    <a class="nav-link style4 active" id="Overview-tab" data-toggle="tab" href="#Overview" role="tab" aria-controls="Overview" aria-selected="true">Description</a>
								</li>
								<li class="nav-item">
								    <a class="nav-link style4" id="course-tab" data-toggle="tab" href="#course" role="tab" aria-controls="course" aria-selected="false">Contenu</a>
								</li>
								<li class="nav-item">
								    <a class="nav-link style4" id="instructor-tab" data-toggle="tab" href="#instructor" role="tab" aria-controls="instructor" aria-selected="false">Formateur</a>
								</li>
								
							</ul>
							<div class="tab-content" id="myTabContent">
								<div class="tab-pane fade show active" id="Overview" role="tabpanel" aria-labelledby="Overview-tab">
									<div class="cs_row_two csv2">
										<div class="cs_overview style2">
											<h4 class="title">Apercu général</h4>
											<h4 class="subtitle">Description</h4>
											<!-- <p class="mb30"> </p> -->
											{!! $formation->DescriptionFormation !!}
											<h4 class="subtitle">Objectifs</h4>
											{!! $formation->AvantageFormation !!}
											
											
										</div>
									</div>
								</div>
								<div class="tab-pane fade" id="course" role="tabpanel" aria-labelledby="review-tab">
									<div class="cs_row_three csv2">
										<div class="course_content style2">
											<div class="cc_headers">
												<h4 class="title">Contenu de la formation</h4>
												<ul class="course_schdule float-right">
													<li class="list-inline-item"><a href="javascript:void(0)">{{$formation->DureeFormation }}</a></li>
													
												</ul>
											</div>
											<br>
											<div class="details">
											  	<div id="accordion" class="panel-group cc_tab">
												    <div class="panel">
												      	<div class="panel-heading">
													      	<h4 class="panel-title">
													        	<a href="#panelBodyCourseStart" class="accordion-toggle link" data-toggle="collapse" data-parent="#accordion">Vidéos</a>
													        </h4>
												      	</div>
													    <div id="panelBodyCourseStart" class="panel-collapse collapse show">
													        <div class="panel-body">
											<ul class="cs_list mb0">
												@foreach($cours as $cour)
												<li><a href="
													@if(Auth::check())
													{{url('suivre_formation/'.$formation->idformation.'/'.$cour->idcours)}}
													@else
													{{url('inscription/'.$formation->idformation)}}
													@endif
													"><span class="flaticon-play-button-1 icon"></span> {{$cour->LibelleCours}} <span class="cs_time">{{$cour->DureeCours}} </span> <span class="cs_preiew">Suivre</span></a></li>
												@endforeach
												
											</ul>
													        </div>
													    </div>
												    </div>
												</div>
											</div>
											
										</div>
									</div>
								</div>
								<div class="tab-pane fade" id="instructor" role="tabpanel" aria-labelledby="review-tab">
									<div class="cs_row_four csv2">
										<div class="about_ins_container style2">
											<h4 class="aii_title">A propos du formateur</h4>
											<div class="about_ins_info">
												<div class="thumb"><img src="{{url($formation->profil)}}" alt="6.png" style="width: 120px;"></div>
											</div>
											<div class="details">
												<h4>{{$formation->name }} {{$formation->prenom }}</h4>
												<p class="subtitle">{{$formation->titre }}</p>
												
												{!! $formation->description !!}
												
											</div>
										</div>
									</div>
								</div>
							</div>
						</div>
					</div>
				</div>
				<div class="col-lg-4 col-xl-3 pl-lg-0 pr-lg-0">
					<div class="sidebar_course_widget style2">
						<div class="course_list_details">
							<div class="price_title df">Prix <span class="custome_price pr10 pl10 vas">{{$formation->PrixFormation }} XOF</span></div>
							@if(Auth::check())
							<a class="btn btn-block buy_now_btn dbxshad btn-lg btn-thm3 mt20" href="{{url('inscriptionI/'.$formation->idformation)}}">S'inscrire</a>
							@else
							<a class="btn btn-block buy_now_btn dbxshad btn-lg btn-thm3 mt20" href="{{url('inscription/'.$formation->idformation)}}">S'inscrire</a>
							@endif
							<ul class="icon-box-list mt20 mb0">
								<li><span class="fwb fz15 icon flaticon-clock"></span> <span class="fwb fz15 pl10 title">Durée</span> <span class="para"> {{$formation->DureeFormation }}</span></li>
								<li><span class="fwb fz15 icon flaticon-ebook"></span> <span class="fwb fz15 pl10 title">Cours</span> <span class="para"> 24 lessons</span></li>
								<li><span class="fwb fz15 icon flaticon-resume"></span> <span class="fwb fz15 pl10 title">LANGUE</span> <span class="para"> Français</span></li>
							</ul>
						</div>
					</div>
				</div>
			</div>
			
		</div>
		
	</section>
@endsection