@extends ('admin.master')

@section('styles')
    <!-- CSS Files -->
    <link href="{{URL::asset('admin/vendor/dropzone.css')}}" rel="stylesheet">
    
     
@stop

@section('content-main')
  <div class="container-fluid">
      <!-- Breadcrumbs-->
      <ol class="breadcrumb">
        <li class="breadcrumb-item">
          <a href="#">Dashboard</a>
        </li>
        <li class="breadcrumb-item active">Ajouter une formation</li>
      </ol>

  <form method="post" action="{{ route('admin.formations.update',$formation->id) }}" enctype="multipart/form-data">
        @method('PATCH') 
        @csrf
    <div class="box_general padding_bottom">
      <div class="header_box version_2">
        <h2><i class="fa fa-file"></i>Information sur la foramtion</h2>
      </div>


      <div class="row">
        <div class="col-md-6">
          <div class="form-group">
            <label>Intitule</label>
            <input type="text" value="{{ $formation->intitule }}" class="form-control" name="intitule" placeholder="Intitule" required>
          </div>
        </div>
        <div class="col-md-6">
          <div class="form-group">
            <label>Niveau</label>
            <select class="form-control"  name="niveau" id="niveau">
              <option value="licence" {{ $formation->niveau == 'licence' ? 'selected' : '' }}>Licence</option>
              <option value="master" {{ $formation->niveau == 'master' ? 'selected' : '' }}>Master</option>
              <option value="formation" {{ $formation->niveau == 'formation' ? 'selected' : '' }}>Formation</option>
            </select>
          </div>
        </div>
        <div class="col-md-6">
          <div class="form-group">
            <label>Dureé</label>
            <input type="text" class="form-control" value="{{ $formation->duree }}" name="duree" placeholder="Dureé">
          </div>
        </div>
        <div class="col-md-6">
          <div class="form-group">
            <label>Debut</label>
            <input type="text" value="{{ $formation->debut }}" class="form-control" name="debut" placeholder="Debut">
          </div>
        </div>
        <div class="col-md-6">
          <div class="form-group">
            <label>Scolarité</label>
            <input type="text" class="form-control" name="scolarite" value="{{ $formation->scolarite }}" placeholder="Scolarité">
          </div>
        </div>
        <div class="col-md-6">
          <div class="form-group">
            <label>Nombre de place</label>
            <input type="number" class="form-control" value="{{ $formation->nb_place }}" name="place" placeholder="Nombre de place">
          </div>
        </div>
        <div class="col-md-6">
          <div class="form-group">
            <label>Exigence</label>
            <input type="text" value="{{ $formation->exigence }}" class="form-control" name="exigence" placeholder="Exgigence de place">
          </div>
        </div>
        <div class="col-md-6">
          <div class="form-group">
             <label>Déroulement du cours:</label>
            
              <label class="form-check-label">
                <input type="checkbox"  checked="true" class="form-check-input" name="en_ligne_presentiel[]" value="presentiel"> En Présentiel
              </label>
              <label class="form-check-label">
                <input type="checkbox" class="form-check-input" name="en_ligne_presentiel[]" value="enligne">En ligne
              </label>
          </div>
        </div>
      </div>
      <!-- /row-->
       
      <!-- /row-->
      <div class="row">
        
        <div class="col-md-6">
          <div class="form-group">
            <label>Filière de la formation</label>            
            <select class="form-control"  name="filiere" id="filiere">
              @foreach ($filieres as $filiere)
              <option value="{{ $filiere->id }}" {{ $filiere->id == $formation->filiere_id ? 'selected' : '' }}>{{ $filiere->intitule }}</option>              
              @endforeach
              
            </select>
          </div>
        </div>
      </div>
      <!-- /row-->
      <div class="row">
        <div class="col-md-12">
          <div class="form-group">
            <label>Photo</label>

             <input type='file' id="imgInp" name="picture" class="btn " accept="image/*"  alt="selectionner une image"/>
             <img id="blah"  alt="your image" width="150" src="{{ url('uploads/utils/'.$formation->picture) }}" /> 
            
          </div>
        </div>
      </div>
      <!-- /row-->
    </div>
    <!-- /box_general-->
    
    <div class="box_general padding_bottom">
      <div class="header_box version_2">
        <h2><i class="fa fa-file-text"></i>Description</h2>
      </div>
      <div class="row">
        <div class="col-md-12">
          <div class="form-group">
            <label>Descrivez des objectifs,les prérequis, les exigences et debouchés de la formation</label>
            <textarea rows="5" class="form-control" style="height:100px;" placeholder="Description" id="summary-ckeditor" name="summary-ckeditor" required></textarea>
          </div>
        </div>
      </div>
      <!-- /row-->
       
      <!-- /row-->
    </div>
    <!-- /box_general-->
    
    
    <p><button type="submit" class="btn_1 medium">Sauvegarder</button></p>
    </div>
  </form>
    <!-- /box_general-->
    
@stop

@section('scripts')

<script src="{{URL::asset('admin/vendor/dropzone.min.js')}}"></script>

<script src="{{URL::asset('admin/js/admin.js')}}"></script>
  <!-- Custom scripts for this page wysiwyg -->
  <script src="{{ asset('admin/ckeditor/ckeditor.js') }}"></script>
  <script src="{{ asset('admin/ckeditor/config.js') }}"></script>
  <script>

    var contenu = {!! json_encode($formation->description) !!};

  

    CKEDITOR.replace( 'summary-ckeditor', {
      filebrowserUploadUrl: "{{route('upload.ck', ['_token' => csrf_token() ])}}",
        filebrowserUploadMethod: 'form',
        language: 'fr',
        filebrowserBrowseUrl : "{{route('ckfinder_browser')}}"

    });

    CKEDITOR.instances["summary-ckeditor"].setData(contenu);

  function readURL(input) {
    if (input.files && input.files[0]) {
      var reader = new FileReader();
      
      reader.onload = function(e) {
        $('#blah').attr('src', e.target.result);
      }
      
      reader.readAsDataURL(input.files[0]); // convert to base64 string
    }
  }

  $("#imgInp").change(function() {
    readURL(this);
  });

  </script>
  
@stop