@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.store') }}" enctype="multipart/form-data">
    @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" class="form-control" name="intitule" placeholder="Intitule">
          </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">Licence</option>
              <option value="master">Master</option>
              <option value="formation">Formation</option>
            </select>
          </div>
        </div>
        <div class="col-md-6">
          <div class="form-group">
            <label>Dureé</label>
            <input type="text" class="form-control" name="duree" placeholder="Dureé">
          </div>
        </div>
        <div class="col-md-6">
          <div class="form-group">
            <label>Debut</label>
            <input type="text" 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" placeholder="Scolarité">
          </div>
        </div>
        <div class="col-md-6">
          <div class="form-group">
            <label>Nombre de place</label>
            <input type="text" class="form-control" name="place" placeholder="Nombre de place">
          </div>
        </div>
        <div class="col-md-6">
          <div class="form-group">
            <label>Exigence</label>
            <input type="text" 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->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" src="#" alt="your image" width="150" />
            
          </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"></textarea>
          </div>
        </div>
      </div>
      <!-- /row-->
      <div class="row">
        <div class="col-md-12">
          <div class="col-md-6">
            <div class="form-group">
                <label>Resumé</label>
                <input type="text" class="form-control" name="resume" placeholder="Resumé">
              </div>
            </div>
        </div>
      </div>
      <!-- /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('ckeditor/ckeditor.js') }}"></script>
  <script src="{{ asset('ckeditor/config.js') }}"></script>
  <script>


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

  });

  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