@extends('layouts.admin')

@section('css')
@parent
    <!-- Select Plugin Js -->
    {!! Html::style('adminbsb_plugins/bootstrap-select/css/bootstrap-select.min.css') !!}
@stop

@section('content')

<div class="block-header">
	<h2><i class="material-icons">insert_drive_file</i> Pages de contenu</h2>
</div>

<div class="row clearfix">
    <div class="col-xs-12">
      {!! Form::model($page, array("class" => "form-horizontal")) !!}
      <div class="card">                
        <div id="tab-container" class="tab-container">          
            @if(count(getAllLangues()) > 1)
            <!-- Nav tabs -->
            <ul class="nav nav-tabs tab-nav-right" role="tablist">
                @foreach (getAllLangues() as $index => $langue)
                    <li @if($index == 0) class="active" @endif><a href="#tabs_{{ $langue->suffixe }}" data-toggle="tab">{!! Html::image("img/langues/" . $langue->suffixe . ".gif") !!}</a></li>
                @endforeach
            </ul>
            @endif
            <div class="tab-content">
              <div role="tabpanel" class="tab-pane fade in active" id="tabs_fre">
                  <div class="header">
                    {!! Form::submit("Enregistrer et rester sur la page", array("class" => "btn btn-sm bg-teal waves-effect m-l-15 pull-right", "name" => "saveAndkeep")) !!}
                    <button type="submit" class="btn btn-sm bg-teal waves-effect m-l-15 pull-right">Enregistrer</button>
                    {!! Form::reset('Annuler', array("onclick" => "window.location = '" . action('AdminController@pages') . "'", "class" => "btn btn-sm bg-orange waves-effect pull-right")) !!}
                    <h2>
                      <p>Édition d'une page de contenu</p>
                    </h2>
                  </div>
                  <div class="body">
                    <div class="row clearfix">
                        <div class="col-xs-5 col-sm-4 col-md-2 form-control-label">
                            <label>Titre navigateur <br>(balise Title) <i class="material-icons font-14 col-red" data-toggle="tooltip" data-placement="bottom" title="Champ requis" data-original-title="Champ requis">error_outline</i></label>
                        </div>
                        <div class="col-xs-7 col-sm-8 col-md-10">
                            <div class="form-group">
                                <div class="form-line">
                                  {!! Form::text('nom', old('nom'), array("class" => "form-control", "placeholder" => "Title", "maxlength" => 80, "required", "ID" => "idtitle")) !!}
                                </div>
                                <div class="count">Nombre de caractères : <span id="resulttitle"></span></div>
                            </div>
                        </div>
                    </div>
                    <div class="row clearfix">
                        <div class="col-xs-5 col-sm-4 col-md-2 form-control-label">
                            <label>Titre dans le menu <i class="material-icons font-14 col-red" data-toggle="tooltip" data-placement="bottom" title="Champ requis" data-original-title="Champ requis">error_outline</i></label>
                        </div>
                        <div class="col-xs-7 col-sm-8 col-md-10">
                            <div class="form-group">
                                <div class="form-line">
                                  {!! Form::text('menu', old('menu'), array("class" => "form-control", "placeholder" => "Titre dans le menu", "required")) !!}
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="row clearfix">
                        <div class="col-xs-5 col-sm-4 col-md-2 form-control-label">
                            <label>Titre de la page (balise H1) <i class="material-icons font-14 col-red" data-toggle="tooltip" data-placement="bottom" title="Champ requis" data-original-title="Champ requis">error_outline</i></label>
                        </div>
                        <div class="col-xs-7 col-sm-8 col-md-10">
                            <div class="form-group">
                                <div class="form-line">
                                  {!! Form::text('titre', old('titre'), array("class" => "form-control", "placeholder" => "H1", "required")) !!}
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="row clearfix">
                        <div class="col-xs-5 col-sm-4 col-md-2 form-control-label">
                            <label>Page parente</label>
                        </div>
                        <div class="col-xs-7 col-sm-8 col-md-10">
                            <div class="form-group">
                                {!! Form::select('parent_id', $parents, $page ? $page->parent_id : 0, array("class" => "form-control show-tick")) !!}
                            </div>
                        </div>
                    </div>
                  </div>                    
                  <div class="header">
                    <h2>
                      <p>Contenu de la page</p>
                    </h2>
                  </div> 
                  <div class="body"> 
                    {!! Form::textarea('content', $page ? $page->content : "", array('style' => 'width: 100%', "class" => "editor")) !!}
                    <div class="clearfix">
                        <div class="pull-right">
                            {!! Form::reset('Annuler', array("onclick" => "window.location = '" . action('AdminController@pages') . "'", "class" => "btn btn-sm bg-orange m-t-15 waves-effect")) !!}
                            {!! Form::submit("Enregistrer et rester sur la page", array("class" => "btn btn-sm bg-teal waves-effect m-t-15 m-l-15 pull-right", "name" => "saveAndkeep")) !!}
                            <button type="submit" class="btn btn-sm bg-teal m-l-15 m-t-15 waves-effect">Enregistrer</button>
                        </div>
                    </div>
                  </div>                
                  <div class="header">
                    <h2>
                      <p>Référencement de la page</p>
                    </h2>
                  </div> 
                  <div class="body"> 
                    <div class="row clearfix">
                        <div class="col-xs-5 col-sm-4 col-md-2 form-control-label">
                            <label>META Description</label>
                        </div>
                        <div class="col-xs-7 col-sm-8 col-md-10">
                            <div class="form-group">
                                <div class="form-line">
                                  {!! Form::textarea('description', $page ? $page->description : "", array("rows" => 2, "maxlength" => 170, "class" => "form-control", "placeholder" => "META Description", "ID" => "idmeta")) !!}
                                </div>
                              <div class="count">Nombre de caractères : <span id="resultmeta"></span></div> 
                            </div>
                        </div>
                    </div>
                    <div class="row clearfix">
                        <div class="col-xs-5 col-sm-4 col-md-2 form-control-label">
                            <label>Rewrite de la page</label>
                            <small>3 mots maximum séparés par un espace, sans accents, ni ponctuation</small>
                        </div>
                        <div class="col-xs-7 col-sm-8 col-md-10">
                            <div class="form-group">
                                <div class="form-line">
                                  {!! Form::textarea('rewrite', $page ? $page->rewrite : "", array ("rows" => 2, "class" => "form-control", "placeholder" => "Rewrite de la page")) !!}
                                </div>
                            </div>
                        </div>
                    </div>
                   <div class="row clearfix">
                        <div class="col-xs-5 col-sm-4 col-md-2 form-control-label">
                            <label>Rang</label>
                        </div>
                        <div class="col-xs-7 col-sm-8 col-md-10">
                            <div class="form-group">
                                <div class="form-line">
                                  {!! Form::text('rang', $page ? $page->rang : "", array("class" => "form-control", "readonly" => true, "default" => 0)) !!}
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="clearfix">
                        <div class="pull-right">
                            {!! Form::reset('Annuler', array("onclick" => "window.location = '" . action('AdminController@pages') . "'", "class" => "btn btn-sm bg-orange m-t-15 waves-effect")) !!}
                            {!! Form::submit("Enregistrer et rester sur la page", array("class" => "btn btn-sm bg-teal waves-effect m-t-15 m-l-15 pull-right", "name" => "saveAndkeep")) !!}
                            <button type="submit" class="btn btn-sm bg-teal m-l-15 m-t-15 waves-effect">Enregistrer</button> 
                        </div>
                    </div>
                  </div>
                </div><!-- #END# tabs_fre -->
                
                @if(count(getAllLangues()) > 1)
                @foreach (getAllLangues() as $langue)
                @if($langue->suffixe != "fre")
                <div role="tabpanel" class="tab-pane fade in" id="tabs_{{ $langue->suffixe }}">
                  <div class="header">
                    {!! Form::submit("Enregistrer et rester sur la page", array("class" => "btn btn-sm bg-teal waves-effect m-l-15 pull-right", "name" => "saveAndkeep")) !!}
                    <button type="submit" class="btn btn-sm bg-teal waves-effect m-l-15 pull-right">Enregistrer</button>
                    {!! Form::reset('Annuler', array("onclick" => "window.location = '" . action('AdminController@pages') . "'", "class" => "btn btn-sm bg-orange waves-effect pull-right")) !!}
                    <h2>
                      <p>Édition d'une page de contenu</p>
                    </h2>
                  </div>
                  <div class="body">
                    <div class="row clearfix">
                        <div class="col-xs-5 col-sm-4 col-md-2 form-control-label">
                            <label>Titre navigateur <br>(balise Title)</label>
                        </div>
                        <div class="col-xs-7 col-sm-8 col-md-10">
                            <div class="form-group">
                                <div class="form-line">
                                  {!! Form::text($langue->suffixe . '_nom', getTranslation("Page", "nom", $page ? $page->id : null, $page ? $page->nom : null, $langue->suffixe), array("class" => "form-control", "placeholder" => "Title", 'maxlength' => 80)) !!}
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="row clearfix">
                        <div class="col-xs-5 col-sm-4 col-md-2 form-control-label">
                            <label>Titre dans le menu</label>
                        </div>
                        <div class="col-xs-7 col-sm-8 col-md-10">
                            <div class="form-group">
                                <div class="form-line">
                                  {!! Form::text($langue->suffixe . '_menu', getTranslation("Page", "menu", $page ? $page->id : null, $page ? $page->menu : null, $langue->suffixe), array("class" => "form-control", "placeholder" => "Titre dans le menu")) !!}
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="row clearfix">
                        <div class="col-xs-5 col-sm-4 col-md-2 form-control-label">
                            <label>Titre de la page (balise H1)</label>
                        </div>
                        <div class="col-xs-7 col-sm-8 col-md-10">
                            <div class="form-group">
                                <div class="form-line">
                                  {!! Form::text($langue->suffixe . '_titre', getTranslation("Page", "titre", $page ? $page->id : null, $page ? $page->titre : null, $langue->suffixe), array("class" => "form-control", "placeholder" => "H1")) !!}
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="row clearfix">
                        <div class="col-xs-5 col-sm-4 col-md-2 form-control-label">
                            <label>Page parente</label>
                        </div>
                        <div class="col-xs-7 col-sm-8 col-md-10">
                            <div class="form-group">
                                {!! Form::select($langue->suffixe . '_parent_id', $parents, $page ? $page->parent_id : 0, array("class" => "form-control show-tick")) !!}
                            </div>
                        </div>
                    </div>
                  </div>
                  <div class="header">
                    <h2>
                      <p>Contenu de la page</p>
                    </h2>
                  </div> 
                  <div class="body"> 
                    {!! Form::textarea($langue->suffixe . '_content', getTranslation("Page", "content", $page ? $page->id : null, $page ? $page->content : null, $langue->suffixe), array ('style' => 'width: 100%', "class" => "editor")) !!}
                    <div class="clearfix">
                        <div class="pull-right">
                            {!! Form::reset('Annuler', array("onclick" => "window.location = '" . action('AdminController@pages') . "'", "class" => "btn btn-sm bg-orange m-t-15 waves-effect")) !!}
                            {!! Form::submit("Enregistrer et rester sur la page", array("class" => "btn btn-sm bg-teal waves-effect m-t-15 m-l-15 pull-right", "name" => "saveAndkeep")) !!}
                            <button type="submit" class="btn btn-sm bg-teal m-l-15 m-t-15 waves-effect">Enregistrer</button>
                        </div>
                    </div>
                  </div> 
                  <div class="header">
                    <h2>
                      <p>Référencement de la page</p>
                    </h2>
                  </div> 
                  <div class="body"> 
                    <div class="row clearfix">
                        <div class="col-xs-5 col-sm-4 col-md-2 form-control-label">
                            <label>META Description</label>
                        </div>
                        <div class="col-xs-7 col-sm-8 col-md-10">
                            <div class="form-group">
                                <div class="form-line">
                                  {!! Form::textarea($langue->suffixe . '_description', getTranslation("Page", "description", $page ? $page->id : null, $page ? $page->description : null, $langue->suffixe), array("rows" => 2, "maxlength" => 170, "class" => "form-control", "placeholder" => "META Description")) !!}
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="row clearfix">
                        <div class="col-xs-5 col-sm-4 col-md-2 form-control-label">
                            <label>Rewrite de la page</label>
                            <small>3 mots maximum séparés par un espace, sans accents, ni ponctuation</small>
                        </div>
                        <div class="col-xs-7 col-sm-8 col-md-10">
                            <div class="form-group">
                                <div class="form-line">
                                  {!! Form::textarea($langue->suffixe . '_rewrite', $page ? $page->rewrite : "", array ("rows" => 2, "class" => "form-control", "placeholder" => "Rewrite de la page")) !!}
                                </div>
                            </div>
                        </div>
                    </div>
                   <div class="row clearfix">
                        <div class="col-xs-5 col-sm-4 col-md-2 form-control-label">
                            <label>Rang</label>
                        </div>
                        <div class="col-xs-7 col-sm-8 col-md-10">
                            <div class="form-group">
                                <div class="form-line">
                                  {!! Form::text($langue->suffixe . '_rang', $page ? $page->rang : 0, array("class" => "form-control", 'readonly' => true)) !!}
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="clearfix">
                        <div class="pull-right">
                            {!! Form::reset('Annuler', array("onclick" => "window.location = '" . action('AdminController@pages') . "'", "class" => "btn btn-sm bg-orange m-t-15 waves-effect")) !!}
                            {!! Form::submit("Enregistrer et rester sur la page", array("class" => "btn btn-sm bg-teal waves-effect m-t-15 m-l-15 pull-right", "name" => "saveAndkeep")) !!}
                            <button type="submit" class="btn btn-sm bg-teal m-l-15 m-t-15 waves-effect">Enregistrer</button>                             
                        </div>
                    </div>
                  </div>
                </div><!-- #END# tabs_{{ $langue->suffixe }} -->
                @endif
                @endforeach
                @endif
                
              </div><!-- #END# tab-content -->
          </div><!-- #END# tab-container -->

       </div>
      {!! Form::hidden('id') !!}
      {!! Form::hidden('active', 1) !!}
      {!! Form::close() !!}
    </div>
</div>

@stop

@section('js')
@parent

  <!-- Select Plugin Js -->
  {!! Html::script("adminbsb_plugins/bootstrap-select/js/bootstrap-select.min.js") !!}
  
  {!! Html::script("js/tinymce/tinymce.min.js") !!}

  <script type="text/javascript">
      tinymce.init({
          selector: '.editor',
          plugins : 'advlist autolink link image imagetools lists charmap code fullscreen media paste',
          height : 400,
          menubar: false, 
          toolbar: 'undo redo | fontsizeselect styleselect formatselect | bold italic underline charmap blockquote bullist numlist | alignleft aligncenter alignright alignjustify | link image media code | removeformat | fullscreen',
          paste_word_valid_elements: "b,strong,i,em,ul,ol,li,p",
          style_formats: [{
            title: 'Image responsive',
            selector: 'img',
            classes: 'img-responsive'
          }, {
            title: 'Image bordure',
            selector: 'img',
            classes: 'img-thumbnail'
          }, {
            title: 'Image coins arrondis',
            selector: 'img',
            classes: 'img-rounded'
          }, {
            title: 'Image dans cercle',
            selector: 'img',
            classes: 'img-circle'
          }],
          file_browser_callback: function(field, url, type, win) {
                  tinyMCE.activeEditor.windowManager.open({
                      file: '/kcfinder/browse.php?opener=tinymce4&field=' + field + '&type=images&lng=fr',
                      title: 'KCFinder',
                      width: 700,
                      height: 500,
                      inline: true,
                      close_previous: false
                  }, {
                      window: win,
                      input: field
                  });
                  return false;
  
          }
      });
  </script>
@stop