@extends('root.layouts.master')
@section('content')

<div class="col-lg-12">
	<nav class="breadcrumb_widgets" aria-label="breadcrumb mb30">
		<h4 class="title float-left">Modification de la formation <strong>{!! $formation->LibelleFormation !!} </strong></h4>
		<ol class="breadcrumb float-right">
	    	<li class="breadcrumb-item"><a href="{{url('home')}}">Tableau de bord</a></li>
	    	<li class="breadcrumb-item active" aria-current="page">Modification Formation</li>
		</ol>
	</nav>
</div>
<div class="col-lg-12">
	<div class="my_course_content_container">
		<div class="my_setting_content mb30">
			<div class="my_setting_content_header">
				<div class="my_sch_title">
					<h4 class="m0">Formulaire de mise à jour</h4>
				</div>
			</div>
			<form method="POST" enctype="multipart/form-data" action="{{url('trait_modif_formation')}}">
				@csrf
				<div class="row my_setting_content_details pb0">
					<div class="col-xl-12">
						<div class="row">
							<input type="hidden" name="idformateur" value="{{utilisateur()->id}}">
							<input type="hidden" name="idformation" value="{{$formation->idformation}}">
							<input type="hidden" name="idcat" value="{{$formation->training_category_id}}">
							<div class="col-xl-6">
								<div class="my_profile_setting_input form-group">
							    	<label for="libelle">Intitulé Formation</label>
							    	<input type="text" class="form-control" id="libelle" name="libelle" placeholder="Intitulé Formation" value="{!! $formation->LibelleFormation !!} " required>
								</div>
									<div class="my_profile_setting_input form-group">
								    	<label for="prix">Prix Formation</label>
								    	<input type="number" class="form-control" id="prix" name="prix" placeholder="Prix Formation" value="{{ $formation->PrixFormation }}" required>
									</div>
								<div class="my_profile_setting_input form-group">
								    <label>Sise 307 x 160 pixel</label>
								            <label for="photo" style="cursor: pointer; margin-top: 20px">
								                <img class="" src="{{ URL::to($formation->PhotoFormation) }}" id="coverPreview" style="display: block; width: 307px; height: 150px;">
								                <p class="center-align" style="display: block; text-transform: uppercase; font-size: 0.6em; margin-top: 5px; margin-left: 15px">Cliquez ici</p>
								            </label>

								            <input type="file" accept="image/*" name="photo" id="photo" style="z-index: -9999; position: absolute; display: none;visibility: hidden; opacity: 0; ">
								</div>
								
							</div>
							<div class="col-xl-6">
								<div class="my_profile_setting_input form-group">
							    	<label for="duree">Durée Formation</label>
							    	<input type="text" class="form-control" id="duree" name="duree" placeholder="Duree Formation" value="{{ $formation->DureeFormation }}" required>
								</div>
								<div class="my_profile_setting_input form-group">
									<label for="cible">Cible Formation</label>
									<input type="text" class="form-control" id="cible" name="cible" placeholder="Cible Formation" value="{{ $formation->CibleFormation }}" required>
								</div>
								
							</div>
							<div class="col-xl-12">
								<label>Description</label>
								<textarea name="description" id="description">
									{!! $formation->DescriptionFormation !!}
								</textarea>

								<script type="text/javascript">
									CKEDITOR.replace('description', {
									    filebrowserUploadUrl: '../editor/ckeditor/ck_upload.php',
									    filebrowserUploadMethod: 'form'
									});

									

								</script>
							</div>
							<div class="col-xl-6">
								<div class="my_profile_setting_input form-group">
									<label for="objectif">Objectifs Formation</label>
									<input type="text" class="form-control" id="objectif" name="objectif" placeholder="Objectifs Formation" value="{{ $formation->AvantageFormation }}" required>
								</div>
							</div>
							<div class="col-xl-6">
								<div class="my_profile_setting_input form-group">
									<label for="dm-ecom-product-category">Catégorie Formation</label>
									<select class="form-control" id="categories"  name="categories" style="width: 100%;" required>
									    <option disabled selected>{{ $formation->LibelleCategorie }}</option>
									    
									    @foreach($categories as $categorie)
									    
									    <option value="{{$categorie->id}}">{{$categorie->LibelleCategorie}}</option>
									    @endforeach
									    
									    
									</select>
								</div>
							</div>
							
						</div>
					</div>
				</div>
				
				<div class="row my_setting_content_details">
					
				    <div class="col-lg-12">
						<button type="submit" class="my_setting_savechange_btn btn btn-thm">Modifier <span class="flaticon-right-arrow-1 ml15"></span></button>
				    </div>
				</div>
			</form>
			
		</div>
	</div>
</div>

<script type="text/javascript">
	$("#photo").on('change', function(){
	    readPictureURL(this);
	});

	function readPictureURL(input) {
	    if (input.files && input.files[0]) {
	        if(input.files.length==1){
	            var reader = new FileReader();
	            reader.onload = function (e) {
	                $('#coverPreview').attr('src', e.target.result).fadeIn('slow');
	            }
	            reader.readAsDataURL(input.files[0]);
	        }
	        else{
	            $('#coverPreview').attr('src', '{{ URL::to($formation->PhotoFormation) }}').fadeIn('slow');
	        }
	    }
	    else{
	        $('#coverPreview').attr('src', '{{ URL::to($formation->PhotoFormation) }}').fadeIn('slow');
	    }
	}
</script>
		

@endsection