@extends('layouts.admin')

@section('css')
@parent
    
    {!! Html::style('css/jquery-ui.1.12.1.min.css') !!} 
    {!! Html::style('css/jquery-ui.theme.min.css') !!} 
    
    <!-- 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">work</i> Recrutement</h2>
</div>
   
{!! Form::model($annonce, array('files' => true, "class" => "form-horizontal")) !!}
<div class="row clearfix">
    <div class="col-xs-12">
      <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">
                  @if($annonce != null)
                  {!! Form::submit("Enregistrer et rester sur la page", array("class" => "btn btn-sm bg-teal waves-effect m-l-15 pull-right", "name" => "saveAndkeep")) !!}
                  @endif
                  <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('\Plugins\Recrutement\Controller\RecrutementController@admin') . "'", "class" => "btn btn-sm bg-orange waves-effect pull-right")) !!}
                  <h2>
                    <p>Détail d'une annonce</p>   
                    <small>Éditer une annonce</small>
                  </h2>
                </div>               
                <div class="body">
                  <div class="row clearfix">
                      <div class="row clearfix">
                          <div class="col-xs-5 col-sm-4 col-md-2 form-control-label">
                              <label>Annonce en page d'accueil</label>
                          </div>
                          <div class="col-xs-7 col-sm-8 col-md-10">
                              <div class="form-group">                          
                                {!! Form::checkbox('accueil', 1, old('accueil'), array("id" => 'page_accueil', "class" => "filled-in chk-col-teal")) !!}<label for="page_accueil"></label>                        
                              </div>
                          </div>
                      </div>
                      <div class="col-xs-5 col-sm-4 col-md-2 form-control-label">
                          <label>Référence de l'annonce <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('reference', old('reference'), array("class" => "form-control", "placeholder" => "Référence de l'annonce", "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 l'annonce <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" => "Titre de l'annonce", "required")) !!}
                              </div>
                          </div>
                      </div>
                  </div>
                  <div class="row clearfix">
                      <div class="col-xs-5 col-sm-4 col-md-2 form-control-label">
                          <label>Date d'embauche <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">
                            {!! Form::text('embauche', old('embauche'), array("class" => "form-control datepicker", "placeholder" => "Date d'embauche", "required")) !!}
                           <small class="font-bold col-orange">Date affichée au format anglo-saxon</small></div>
                      </div>
                  </div>
                  <div class="row clearfix">
                      <div class="col-xs-5 col-sm-4 col-md-2 form-control-label">
                          <label>Type de contrat</label>
                      </div>
                      <div class="col-xs-7 col-sm-8 col-md-10">
                          <div class="form-group">
                              <div class="form-line">
                                {!! Form::text('type', old('type'), array("class" => "form-control", "placeholder" => "Type de contrat")) !!}
                              </div>
                          </div>
                      </div>
                  </div>
                  <div class="row clearfix">
                      <div class="col-xs-5 col-sm-4 col-md-2 form-control-label">
                          <label>Lieu de travail</label>
                      </div>
                      <div class="col-xs-7 col-sm-8 col-md-10">
                          <div class="form-group">
                              <div class="form-line">
                                {!! Form::text('lieu', old('lieu'), array("class" => "form-control", "placeholder" => "Lieu de travail")) !!}
                              </div>
                          </div>
                      </div>
                  </div>
                  <div class="col-xs-12 col-sm-6">
                      <div class="col-xs-5 col-sm-4 form-control-label">
                          <label>Date de publication <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">
                          <div class="form-group">
                            {!! Form::text('debut', old('debut'), array("class" => "form-control datepicker", "placeholder" => "Date de publication", "required")) !!}
                           <small class="font-bold col-orange">Date affichée au format anglo-saxon</small></div>
                      </div>
                  </div>
                  <div class="col-xs-12 col-sm-6">
                      <div class="col-xs-5 col-sm-4 form-control-label">
                          <label>Date d'expiration</label>
                      </div>
                      <div class="col-xs-7 col-sm-8">
                          <div class="form-group">
                            {!! Form::text('fin', old('fin'), array("class" => "form-control datepicker", "placeholder" => "Date d'expiration")) !!}
                           <small class="font-bold col-orange">Date affichée au format anglo-saxon</small></div>
                      </div>
                  </div>
                </div><!-- #END# .body -->
                <div class="header">
                  <h2>
                    <p>Description de l'annonce</p>
                  </h2>
                </div> 
                <div class="body"> 
                  {!! Form::textarea('description', old('description'), array("style" => "width: 100%", "class" => "editor")) !!}
                  <div class="clearfix">
                      <div class="pull-right">
                          {!! Form::reset('Annuler', array("onclick" => "window.location = '" . action('\Plugins\Recrutement\Controller\RecrutementController@admin') . "'", "class" => "btn btn-sm bg-orange m-t-15 waves-effect")) !!}
                          @if($annonce != null)
                          {!! Form::submit("Enregistrer et rester sur la page", array("class" => "btn btn-sm bg-teal waves-effect m-l-15 m-t-15 pull-right", "name" => "saveAndkeep")) !!}
                          @endif
                          <button type="submit" class="btn btn-sm bg-teal waves-effect m-l-15 m-t-15 pull-right">Enregistrer</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">
                  @if($annonce != null)
                  {!! Form::submit("Enregistrer et rester sur la page", array("class" => "btn btn-sm bg-teal waves-effect m-l-15 pull-right", "name" => "saveAndkeep")) !!}
                  @endif
                  <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('\Plugins\Recrutement\Controller\RecrutementController@admin') . "'", "class" => "btn btn-sm bg-orange waves-effect pull-right")) !!}
                  <h2>
                    <p>Détail d'une annonce</p>   
                    <small>Éditer une annonce</small>
                  </h2>
                </div>
                <div class="body">
                  <div class="row clearfix">
                      <div class="row clearfix">
                          <div class="col-xs-5 col-sm-4 col-md-2 form-control-label">
                              <label>Annonce en page d'accueil</label>
                          </div>
                          <div class="col-xs-7 col-sm-8 col-md-10">
                              <div class="form-group">                          
                               {!! Form::checkbox($langue->suffixe . '_accueil', getTranslation("Recrutement", "accueil", $annonce ? $annonce->id : null, $annonce ? $annonce->accueil : null, $langue->suffixe)) !!}<label for="page_accueil"></label>                        
                              </div>
                          </div>
                      </div>
                      <div class="col-xs-5 col-sm-4 col-md-2 form-control-label">
                          <label>Référence de l'annonce <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($langue->suffixe . '_reference', getTranslation("Recrutement", "reference", $annonce ? $annonce->id : null, $annonce ? $annonce->reference : null, $langue->suffixe), array("class" => "form-control", "placeholder" => "Référence de l'annonce")) !!}
                              </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 l'annonce <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($langue->suffixe . '_titre', getTranslation("Recrutement", "titre", $annonce ? $annonce->id : null, $annonce ? $annonce->titre : null, $langue->suffixe), array("class" => "form-control", "placeholder" => "Titre de l'annonce")) !!}
                              </div>
                          </div>
                      </div>
                  </div>
                  <div class="row clearfix">
                      <div class="col-xs-5 col-sm-4 col-md-2 form-control-label">
                          <label>Date d'embauche <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">
                            {!! Form::text($langue->suffixe . '_embauche', getTranslation("Recrutement", "embauche", $annonce ? $annonce->id : null, $annonce ? $annonce->embauche : null, $langue->suffixe), array("class" => "form-control datepicker", "placeholder" => "Date d'embauche")) !!}
                           <small class="font-bold col-orange">Date affichée au format anglo-saxon</small></div>
                      </div>
                  </div>
                  <div class="row clearfix">
                      <div class="col-xs-5 col-sm-4 col-md-2 form-control-label">
                          <label>Type de contrat</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 . '_type', getTranslation("Recrutement", "type", $annonce ? $annonce->id : null, $annonce ? $annonce->type : null, $langue->suffixe), array("class" => "form-control", "placeholder" => "Type de contrat")) !!}
                              </div>
                          </div>
                      </div>
                  </div>
                  <div class="row clearfix">
                      <div class="col-xs-5 col-sm-4 col-md-2 form-control-label">
                          <label>Lieu de travail</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 . '_lieu', getTranslation("Recrutement", "lieu", $annonce ? $annonce->id : null, $annonce ? $annonce->lieu : null, $langue->suffixe), array("class" => "form-control", "placeholder" => "Lieu de travail")) !!}
                              </div>
                          </div>
                      </div>
                  </div>
                  <div class="col-xs-12 col-sm-6">
                      <div class="col-xs-5 col-sm-4 form-control-label">
                          <label>Date de publication <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">
                          <div class="form-group">
                            {!! Form::text($langue->suffixe . '_debut', getTranslation("Recrutement", "debut", $annonce ? $annonce->id : null, $annonce ? $annonce->debut : null, $langue->suffixe), array("class" => "form-control datepicker", "placeholder" => "Date de publication")) !!}
                           <small class="font-bold col-orange">Date affichée au format anglo-saxon</small></div>
                      </div>
                  </div>
                  <div class="col-xs-12 col-sm-6">
                      <div class="col-xs-5 col-sm-4 form-control-label">
                          <label>Date d'expiration</label>
                      </div>
                      <div class="col-xs-7 col-sm-8">
                          <div class="form-group">
                            {!! Form::text($langue->suffixe . '_fin', getTranslation("Recrutement", "fin", $annonce ? $annonce->id : null, $annonce ? $annonce->fin : null, $langue->suffixe),array("class" => "form-control datepicker", "placeholder" => "Date d'expiration")) !!}
                           <small class="font-bold col-orange">Date affichée au format anglo-saxon</small></div>
                      </div>
                  </div>
                </div><!-- #END# .body -->
                <div class="header">
                  <h2>
                    <p>Description de l'annonce</p>
                  </h2>
                </div> 
                <div class="body">  
                    {!! Form::textarea($langue->suffixe . '_description', getTranslation("Recrutement", "description", $annonce ? $annonce->id : null, $annonce ? $annonce->description : null, $langue->suffixe), array('style' => 'width: 100%', "class" => "editor")) !!}
                  
                  
                  <div class="clearfix">
                      <div class="pull-right">
                          {!! Form::reset('Annuler', array("onclick" => "window.location = '" . action('\Plugins\Recrutement\Controller\RecrutementController@admin') . "'", "class" => "btn btn-sm bg-orange m-t-15 waves-effect")) !!}
                          @if($annonce != null)
                          {!! Form::submit("Enregistrer et rester sur la page", array("class" => "btn btn-sm bg-teal waves-effect m-l-15 m-t-15 pull-right", "name" => "saveAndkeep")) !!}
                          @endif
                          <button type="submit" class="btn btn-sm bg-teal waves-effect m-l-15 m-t-15 pull-right">Enregistrer</button>
                      </div>
                  </div>
                </div><!-- #END# .body -->  
                
                
                
              </div><!-- #END# tabs_{{ $langue->suffixe }} --> 
               @endif
              @endforeach
              @endif
            </div><!-- #END# tab-content -->    
        </div><!-- #END# tab-container -->
      </div>
    </div>
</div>  
 
      
{!! Form::hidden('id') !!}
{!! Form::close() !!}
@stop
@section('css')
    @parent
    {!! Html::style("css/datepicker.css") !!}
    {!! Html::style("css/jquery.tzCheckbox.css") !!}
    {!! Html::style("css/tabs.css") !!}
@stop

@section('js')
    @parent
    {!! Html::script("js/jquery-ui.1.12.1.min.js") !!} 
    {!! Html::script("js/jquery.ui.datepicker-fr.js") !!}

    {!! Html::script("js/tinymce/tinymce.min.js") !!}

    <script type="text/javascript">

        $(function () {      
            $(".datepicker").datepicker({
                    //dateFormat: 'DD dd MM yy',
                    dateFormat: 'yy-mm-dd'
                }
            );
        });
        
        
                
        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