@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">send</i> Formulaires</h2>
</div>

{!! Form::model($champs, array("action" => "FormulaireController@save_champs", "class" => "form-horizontal")) !!}
<div class="row clearfix">
    <div class="col-xs-12">

      {!! Form::hidden('id') !!}
      {!! Form::hidden('formulaire_id', $formulaire->id) !!}
      <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 m-l-15 pull-right">Enregistrer</button>                                       
                  {!! Form::reset('Annuler', array("onclick" => "window.location = '" . action('FormulaireController@champs', array('formulaire' => $formulaire->id)) . "'", "class" => "btn btn-sm bg-orange waves-effect pull-right")) !!}
                  <h2>
                    <p>Édition d'un champ</p>
                    <small>Éditer un champ pour le formulaire <strong>{{ $formulaire->nom }}</strong></small>
                  </h2>
                </div>
                <div class="body">
                  <div class="row clearfix">
                      <div class="col-xs-5 col-sm-4 col-md-2 form-control-label">
                          <label>Nom du champ <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></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" => "Nom du champ", "required")) !!}
                              </div>
                          </div>
                      </div>
                  </div>
                  <div class="row clearfix">
                      <div class="col-xs-5 col-sm-4 col-md-2 form-control-label">
                          <label>Class du champ</label>
                      </div>
                      <div class="col-xs-7 col-sm-8 col-md-10">
                          <div class="form-group">
                              <div class="form-line">
                                {!! Form::text('class', old('class'), array("class" => "form-control", "placeholder" => "Class du champ")) !!}
                              </div>
                          </div>
                      </div>
                  </div>
                  <div class="row clearfix">
                      <div class="col-xs-5 col-sm-4 col-md-2 form-control-label">
                          <label>Type du champ</label>
                      </div>
                      <div class="col-xs-7 col-sm-8 col-md-4">
                          <div class="form-group">
                              {!! Form::select('type', $types, old('type'), array("class" => "form-control show-tick")) !!}
                          </div>
                      </div>
                  </div>
                  <div class="row clearfix">
                      <div class="col-xs-5 col-sm-4 col-md-2 form-control-label">
                          <label>Affichage label</label>
                      </div>
                      <div class="col-xs-7 col-sm-8 col-md-10">
                          <div class="form-group">
                                {!! Form::checkbox('label', 1, $champs && $champs->label ? true : false, array("id" => "label", "class" => "filled-in chk-col-teal")) !!}
                                <label for="label"></label>
                          </div>
                      </div>
                  </div>
                  <div class="row clearfix">
                      <div class="col-xs-5 col-sm-4 col-md-2 form-control-label">
                          <label>Affichage placeholder</label>
                      </div>
                      <div class="col-xs-7 col-sm-8 col-md-10">
                          <div class="form-group">
                                {!! Form::checkbox('placeholder', 1, $champs && $champs->placeholder ? true : false, array("id" => "placeholder", "class" => "filled-in chk-col-teal")) !!}
                                <label for="placeholder"></label>
                          </div>
                      </div>
                  </div>
                  <div class="row clearfix">
                      <div class="col-xs-5 col-sm-4 col-md-2 form-control-label">
                          <label>Liste des choix (un par ligne)</label>
                      </div>
                      <div class="col-xs-7 col-sm-8 col-md-10">
                        {!! Form::textarea('liste_selection', $champs ? str_replace("|", "\r\n", $champs->liste_selection) : "", array("rows" => 3, "class" => "form-control")) !!}
                      </div>
                  </div>
                  <div class="row clearfix">
                      <div class="col-xs-5 col-sm-4 col-md-2 form-control-label">
                          <label>Rang du champ</label>
                      </div>
                      <div class="col-xs-7 col-sm-8 col-md-4">
                          <div class="form-group">
                              {!! Form::selectRange('rang', 1, 20, old('rang'), array("class" => "form-control show-tick")) !!}
                          </div>
                      </div>
                  </div>
                  <div class="row clearfix">
                      <div class="col-xs-5 col-sm-4 col-md-2 form-control-label">
                          <label>Champ obligatoire</label>
                      </div>
                      <div class="col-xs-7 col-sm-8 col-md-10">
                          <div class="form-group">
                                {!! Form::checkbox('requis', 1, $champs && $champs->requis ? true : false, array("id" => "requis", "class" => "filled-in chk-col-teal")) !!}
                                <label for="requis"></label>
                          </div>
                      </div>
                  </div>
                  <div class="row clearfix">
                      <div class="col-xs-5 col-sm-4 col-md-2 form-control-label">
                          <label>Champ email</label>
                      </div>
                      <div class="col-xs-7 col-sm-8 col-md-10">
                          <div class="form-group">
                                {!! Form::checkbox('email', 1, $champs && $champs->email ? true : false, array("id" => "email", "class" => "filled-in chk-col-teal")) !!}
                                <label for="email"></label>
                          </div>
                      </div>
                  </div>
                  <div class="row clearfix">
                      <div class="col-xs-5 col-sm-4 col-md-2 form-control-label">
                          <label>Champ numérique uniquement</label>
                      </div>
                      <div class="col-xs-7 col-sm-8 col-md-10">
                          <div class="form-group">
                                {!! Form::checkbox('numerique', 1, $champs && $champs->numerique ? true : false, array("id" => "numerique", "class" => "filled-in chk-col-teal")) !!}
                                <label for="numerique"></label>
                          </div>
                      </div>
                  </div>
                  <div class="row clearfix">
                      <div class="col-xs-5 col-sm-4 col-md-2 form-control-label">
                          <label>Nombre de caractères maximal</label>
                      </div>
                      <div class="col-xs-7 col-sm-8 col-md-10">
                          <div class="form-group">
                              <div class="form-line">
                                {!! Form::text('nb_caractere', old('nb_caractere'), array("class" => "form-control", "placeholder" => "Nombre de caractères maximal")) !!}
                              </div>
                          </div>
                      </div>
                  </div>
                  <div class="clearfix">
                    <button type="submit" class="btn btn-sm bg-teal waves-effect m-l-15 m-t-15 pull-right">Enregistrer</button>                                       
                    {!! Form::reset('Annuler', array("onclick" => "window.location = '" . action('FormulaireController@champs', array('formulaire' => $formulaire->id)) . "'", "class" => "btn btn-sm bg-orange waves-effect m-t-15 pull-right")) !!}
                  </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 m-l-15 pull-right">Enregistrer</button>                                       
                        {!! Form::reset('Annuler', array("onclick" => "window.location = '" . action('FormulaireController@champs', array('formulaire' => $formulaire->id)) . "'", "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>Nom du champ</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("Champ", "nom", $champs ? $champs->id : null, $champs ? $champs->nom : null, $langue->suffixe), array("class" => "form-control", "placeholder" => "Nom du champ")) !!}
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="row clearfix">
                      <div class="col-xs-5 col-sm-4 col-md-2 form-control-label">
                          <label>Class du champ</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 . 'class', old('class'), array("class" => "form-control", "placeholder" => "Class du champ")) !!}
                              </div>
                          </div>
                      </div>
                  </div>
                  <div class="row clearfix">
                      <div class="col-xs-5 col-sm-4 col-md-2 form-control-label">
                          <label>Type du champ</label>
                      </div>
                      <div class="col-xs-7 col-sm-8 col-md-4">
                          <div class="form-group">
                              {!! Form::select($langue->suffixe . '_type', $types, array("class" => "form-control show-tick")) !!}
                          </div>
                      </div>
                  </div>
                  <div class="row clearfix">
                      <div class="col-xs-5 col-sm-4 col-md-2 form-control-label">
                          <label>Affichage label</label>
                      </div>
                      <div class="col-xs-7 col-sm-8 col-md-10">
                          <div class="form-group">
                                {!! Form::checkbox($langue->suffixe . '_label', 1, $champs && $champs->label ? true : true, array("id" => $langue->suffixe . '_label', "class" => "filled-in chk-col-teal")) !!}
                                <label for="{{ $langue->suffixe }}_label"></label>
                          </div>
                      </div>
                  </div>
                  <div class="row clearfix">
                      <div class="col-xs-5 col-sm-4 col-md-2 form-control-label">
                          <label>Affichage placeholder</label>
                      </div>
                      <div class="col-xs-7 col-sm-8 col-md-10">
                          <div class="form-group">
                                {!! Form::checkbox($langue->suffixe . '_placeholder', 1, $champs && $champs->placeholder ? true : false, array("id" => $langue->suffixe . '_placeholder', "class" => "filled-in chk-col-teal")) !!}
                                <label for="{{ $langue->suffixe }}_placeholder"></label>
                          </div>
                      </div>
                  </div>
                  <div class="row clearfix">
                      <div class="col-xs-5 col-sm-4 col-md-2 form-control-label">
                          <label>Liste des choix (un par ligne)</label>
                      </div>
                      <div class="col-xs-7 col-sm-8 col-md-10">
                        {!! Form::textarea($langue->suffixe . '_liste_selection', $champs ? str_replace("|", "\r\n", getTranslation("Champ", "liste_selection", $champs ? $champs->id : null, $champs ? $champs->nom : null, $langue->suffixe)) : "", array("rows" => 3, "class" => "form-control")) !!}
                      </div>
                  </div>
                  <div class="row clearfix">
                      <div class="col-xs-5 col-sm-4 col-md-2 form-control-label">
                          <label>Rang du champ</label>
                      </div>
                      <div class="col-xs-7 col-sm-8 col-md-4">
                          <div class="form-group">
                              {!! Form::selectRange($langue->suffixe . '_rang', 1, 20, $champs ? $champs->rang : 1, array("class" => "form-control show-tick")) !!}
                          </div>
                      </div>
                  </div>
                  <div class="row clearfix">
                      <div class="col-xs-5 col-sm-4 col-md-2 form-control-label">
                          <label>Champ obligatoire</label>
                      </div>
                      <div class="col-xs-7 col-sm-8 col-md-10">
                          <div class="form-group">
                                {!! Form::checkbox($langue->suffixe . '_requis', 1, $champs && $champs->requis ? true : false, array("id" => $langue->suffixe . '_requis', "class" => "filled-in chk-col-teal")) !!}
                                <label for="{{ $langue->suffixe }}_requis"></label>
                          </div>
                      </div>
                  </div>
                  <div class="row clearfix">
                      <div class="col-xs-5 col-sm-4 col-md-2 form-control-label">
                          <label>Champ email</label>
                      </div>
                      <div class="col-xs-7 col-sm-8 col-md-10">
                          <div class="form-group">
                                {!! Form::checkbox($langue->suffixe . '_email', 1, $champs && $champs->email ? true : false, array("id" => $langue->suffixe . '_email', "class" => "filled-in chk-col-teal")) !!}
                                <label for="{{ $langue->suffixe }}_email"></label>
                          </div>
                      </div>
                  </div>
                  <div class="row clearfix">
                      <div class="col-xs-5 col-sm-4 col-md-2 form-control-label">
                          <label>Champ numérique uniquement</label>
                      </div>
                      <div class="col-xs-7 col-sm-8 col-md-10">
                          <div class="form-group">
                                {!! Form::checkbox($langue->suffixe . '_numerique', 1, $champs && $champs->numerique ? true : false, array("id" => $langue->suffixe . '_numerique', "class" => "filled-in chk-col-teal")) !!}
                                <label for="{{ $langue->suffixe }}_numerique"></label>
                          </div>
                      </div>
                  </div>
                  <div class="row clearfix">
                      <div class="col-xs-5 col-sm-4 col-md-2 form-control-label">
                          <label>Nombre de caractères maximal</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 . '_nb_caractere', $champs ? $champs->nb_caractere : 0, array("class" => "form-control", "placeholder" => "Nombre de caractères maximal")) !!}
                              </div>
                          </div>
                      </div>
                  </div>
                    
                    <div class="clearfix">
                      <button type="submit" class="btn btn-sm bg-teal waves-effect m-l-15 m-t-15 pull-right">Enregistrer</button>                                       
                      {!! Form::reset('Annuler', array("onclick" => "window.location = '" . action('FormulaireController@champs', array('formulaire' => $formulaire->id)) . "'", "class" => "btn btn-sm bg-orange waves-effect m-t-15 pull-right")) !!}
                    </div>
                  </div><!-- #END# .body -->
                  
              </div><!-- #END# #tabs_{{ $langue->suffixe }} -->
              @endif
              @endforeach
              @endif
                
            </div<!-- #END# tab-content -->
        </div><!-- #END# tab-container -->
        
        <div class="header">                                        
          <h2>
            <p>Scripts personnalisés</p>
          </h2>
        </div>
        <div class="body">
          @foreach($scripts as $script)
          <div class="row clearfix">
              <div class="col-xs-5 col-sm-4 col-md-2 form-control-label">
                  <label>{{ $script->nom }}</label>
              </div>
              <div class="col-xs-7 col-sm-8 col-md-10">
                  <div class="form-group">
                        <input type="checkbox" name="scripts[]" id="scripts{{ $script->id }}[]" value="{{ $script->id }}" {{ $champs && $champs->scripts->contains($script->id) ? "checked" : "" }} class="filled-in chk-col-teal">
                        <label for="scripts{{ $script->id }}[]"></label>
                  </div>
              </div>
          </div>
          @endforeach   
        </div>
        
      </div>
      {!! Form::close() !!}
    </div>
</div>


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