@extends ('admin.master')

@section('styles')
    <!-- CSS Files -->
    <link href="{{URL::asset('admin/vendor/dropzone.css')}}" rel="stylesheet">
    <link href="{{URL::asset('css/tagsinput.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">Publié un article</li>
      </ol>

  <form method="post" action="{{ route('admin.post.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 l'Article</h2>
      </div>


      <div class="row">
        <div class="col-md-6">
          <div class="form-group">
            <label>Titre</label>
            <input type="text" required class="form-control" name="titre" placeholder="Titre">
          </div>
        </div>
        <div class="col-md-6">
          <div class="form-group">
            <label>Tags</label>
            <input type="text" class="form-control" name="tags"  data-role="tagsinput"  placeholder="Tags">
          </div>
        </div>
      </div>
      <!-- /row-->
       
      <!-- /row-->
      <div class="row">
        <div class="col-md-6">
          <div class="form-group">
            <label>Resumé</label>
            <textarea rows="3" class="form-control"  placeholder="Resumé"  name="resume" ></textarea>
            
          </div>
        </div>
        <div class="col-md-6">
          <div class="form-group">
            <label>Categorie du post</label>            
            <select class="form-control"  name="categorie" id="categorie">
              @foreach ($categorieposts as $categoriepost)
              <option value="{{ $categoriepost->id }}">{{ $categoriepost->intitule }}</option>              
              @endforeach
              <option value="">Autres</option>
            </select>
          </div>
        </div>
      </div>
      <!-- /row-->
      <div class="row">
        <div class="col-md-12">
          <div class="form-group">
            <label>Photo post</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>Description du post</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-->

@include('ckfinder::setup')
    
@stop

@section('scripts')

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

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

  
  <script>


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

  });
  //CKFinder.config( { connectorPath: '/ckfinder/connector' } );
  //CKEDITOR.config.height =200;   filebrowserBrowseUrl : 'storage/uploads'
  //CKEDITOR.config.width = '75%';  

  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