@extends('layouts.admin')
@section('content')

<div class="block-header">
	<h2><i class="material-icons">home</i> Page d'accueil</h2>
</div>

<div class="row clearfix">
    <div class="col-xs-12">
      {!! Form::open(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">
                    <button type="submit" class="btn btn-sm bg-teal waves-effect pull-right">Enregistrer les informations</button>
                    <h2>
                      <p>Configuration de la page d'accueil</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('nav_accueil', getParametre('nav_accueil'), array("class" => "form-control", "placeholder" => "Title", "maxlength" => 80, "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</label>
                        </div>
                        <div class="col-xs-7 col-sm-8 col-md-10">
                            <div class="form-group">
                                <div class="form-line">
                                  {!! Form::text('menu_accueil', getParametre('menu_accueil'), 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('titre_accueil', getParametre('titre_accueil'), 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>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_site', getParametre('description_site'), 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>
                  
                  <div class="header">
                    <h2>
                      <p>Contenu de la page d'accueil</p>
                    </h2>
                  </div>
                  <div class="body">
                    {!! Form::textarea('texte_accueil', getParametre('texte_accueil'), array ('style' => 'width: 100%', "class" => "editor")) !!}
             
                    <div class="clearfix">
                        <div class="pull-right">
                            <button type="submit" class="btn bg-teal m-t-15 waves-effect">Enregistrer les informations</button>
                        </div>
                    </div>
                  </div>
                    
                  <div class="header">
                    <h2>
                      <p>Contenu du pied de page</p>
                    </h2>
                  </div>
                  <div class="body">  
                    {!! Form::textarea('texte_footer', getParametre('texte_footer'), array ('style' => 'width: 100%', "class" => "editor")) !!}
             
                    <div class="clearfix">
                        <div class="pull-right">
                            <button type="submit" class="btn bg-teal m-t-15 waves-effect">Enregistrer les informations</button>
                        </div>
                    </div>
                    
                  </div><!-- #END# body -->
                </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">
                    <button type="submit" class="btn btn-sm bg-teal waves-effect pull-right">Enregistrer les informations</button>
                    <h2>
                      <p>Configuration de la page d'accueil</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.'_nav_accueil_ml', getParametreLangue($langue->suffixe, 'nav_accueil'), 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_accueil_ml', getParametreLangue($langue->suffixe, 'menu_accueil'), 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_accueil_ml', getParametreLangue($langue->suffixe, 'titre_accueil'), 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>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_site_ml', getParametreLangue($langue->suffixe, 'description_site'), array("rows" => 2, "maxlength" => 170, "class" => "form-control", "placeholder" => "META Description")) !!}
                                </div>
                            </div>
                        </div>
                    </div>
                  </div>
      
                  <div class="header">
                    <h2>
                      <p>Contenu de la page d'accueil</p>
                    </h2>
                  </div>
                  <div class="body">  
                    {!! Form::textarea($langue->suffixe.'_texte_accueil_ml', getParametreLangue($langue->suffixe, 'texte_accueil'), array ('style' => 'width: 100%', "class" => "editor")) !!}
             
                    <div class="clearfix">
                        <div class="pull-right">
                            <button type="submit" class="btn bg-teal m-t-15 waves-effect">Enregistrer les informations</button>
                        </div>
                    </div>
                  </div>
                    
                  <div class="header">
                    <h2>
                      <p>Contenu du pied de page</p>
                    </h2>
                  </div>
                  <div class="body">   
                    {!! Form::textarea($langue->suffixe.'_texte_footer_ml', getParametreLangue($langue->suffixe, 'texte_footer'), array ('style' => 'width: 100%', "class" => "editor")) !!}
             
                    <div class="clearfix">
                        <div class="pull-right">
                            <button type="submit" class="btn bg-teal m-t-15 waves-effect">Enregistrer les informations</button>
                        </div>
                    </div>
                    
                  </div><!-- #END# body -->
                </div><!-- #END# tabs_{{ $langue->suffixe }} -->
                @endif
                @endforeach
                @endif
                
              </div<!-- #END# tab-content -->
            </div><!-- #END# tab-container -->
      
        
      </div>
      {!! Form::close() !!}
    </div>
</div>

{!! Form::close() !!}
@stop

@section('js')
    @parent
    {!! 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) {
            if(type == 'image') {
                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