@extends('layouts.admin')      

@section('css')
@parent
    <!-- Select Plugin Js -->
    {!! Html::style('adminbsb_plugins/bootstrap-select/css/bootstrap-select.min.css') !!}
    
    {!! Html::style('css/jquery-ui.1.12.1.min.css') !!} 
    {!! Html::style('css/jquery-ui.theme.min.css') !!}
    
    {!! Html::style("css/jquery-ui-timepicker-addon.css") !!}
    
    {!! Html::style('css/adminbsb/materialize.min.css') !!} 
        
@stop

@section('content')

<div class="block-header">
	<h2><i class="material-icons">local_hotel</i> Web Loca</h2>
</div>

{!! Form::model($reservation, array("class" => "form-horizontal")) !!}
<div class="row clearfix">
    <div class="col-xs-12">
      <div class="card">                
          <div class="header">
            @if($reservation){!! 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\Webloca\Controller\WeblocaController@admin') . "'", "class" => "btn btn-sm bg-orange waves-effect pull-right")) !!}
            <h2>
              <p>Détails d'une réservation</p>
              <small>Éditer une réservation</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>Catégorie</label>
                  </div>
                  <div class="col-xs-7 col-sm-8 col-md-6">
                      <div class="form-group">
                            {!! Form::select('loca_produit_id', $produits, old('loca_produit_id'), array("onchange" => "updateDispo()", "id" => "produit", "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>Date de début <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-4">
                      <div class="form-group">
                        <div class="form-line">
                        {!! Form::text('date_debut', old('date_debut'), array("id" => "date_debut", "class" => "form-control datepicker", "placeholder" => "Date de début", "required")) !!}
                        </div>
                        <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>Date de fin <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-4">
                      <div class="form-group">
                        <div class="form-line">
                        {!! Form::text('date_fin', old('date_fin'), array("id" => "date_fin", "class" => "form-control datepicker", "placeholder" => "Date de fin", "required")) !!}
                        </div>
                        <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>Heure de début <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-4">
                      <div class="form-group">
                        <div class="form-line">
                        {!! Form::text('heure_debut', old('heure_debut'), array("id" => "heure_debut", "class" => "form-control timepicker", "placeholder" => "Heure de début", "required")) !!}
                        </div>
                      </div>
                  </div>
              </div>   
              <div class="row clearfix">
                  <div class="col-xs-5 col-sm-4 col-md-2 form-control-label">
                      <label>Heure de fin <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-4">
                      <div class="form-group">
                        <div class="form-line">
                        {!! Form::text('heure_fin', old('heure_fin'), array("id" => "heure_fin", "class" => "form-control timepicker", "placeholder" => "Heure de fin", "required")) !!}
                        </div>
                      </div>
                  </div>
              </div>
              @if($reservation)
              <div class="row clearfix">
                  <div class="col-xs-5 col-sm-4 col-md-2 form-control-label">
                      <label>Disponibilité</label>
                  </div>
                  <div class="col-xs-7 col-sm-8 col-md-10">
                      <div class="form-group">
                          <div class="form-line">
                              <div class="form-control">
                                  <div id="dispo"></div>
                              </div>
                          </div>
                      </div>
                  </div>
              </div>
              @endif     
          </div>
          
          <div class="header">
            @if($reservation){!! 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\Webloca\Controller\WeblocaController@admin') . "'", "class" => "btn btn-sm bg-orange waves-effect pull-right")) !!}
            <h2>
              <p>Informations du réservataire</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</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")) !!}
                          </div>
                      </div>
                  </div>
              </div>
              <div class="row clearfix">
                  <div class="col-xs-5 col-sm-4 col-md-2 form-control-label">
                      <label>Prénom</label>
                  </div>
                  <div class="col-xs-7 col-sm-8 col-md-10">
                      <div class="form-group">
                          <div class="form-line">
                            {!! Form::text('prenom', old('prenom'), array("class" => "form-control", "placeholder" => "Prénom")) !!}
                          </div>
                      </div>
                  </div>
              </div>
              <div class="row clearfix">
                  <div class="col-xs-5 col-sm-4 col-md-2 form-control-label">
                      <label>Adresse</label>
                  </div>
                  <div class="col-xs-7 col-sm-8 col-md-10">
                      <div class="form-group">
                          <div class="form-line">
                            {!! Form::text('adresse', old('adresse'), array("class" => "form-control", "placeholder" => "Adresse")) !!}
                          </div>
                      </div>
                  </div>
              </div>
              <div class="row clearfix">
                  <div class="col-xs-5 col-sm-4 col-md-2 form-control-label">
                      <label>Code postal</label>
                  </div>
                  <div class="col-xs-7 col-sm-8 col-md-10">
                      <div class="form-group">
                          <div class="form-line">
                            {!! Form::text('cp', old('cp'), array("class" => "form-control", "placeholder" => "Code postal")) !!}
                          </div>
                      </div>
                  </div>
              </div>
              <div class="row clearfix">
                  <div class="col-xs-5 col-sm-4 col-md-2 form-control-label">
                      <label>Ville</label>
                  </div>
                  <div class="col-xs-7 col-sm-8 col-md-10">
                      <div class="form-group">
                          <div class="form-line">
                            {!! Form::text('ville', old('ville'), array("class" => "form-control", "placeholder" => "Ville")) !!}
                          </div>
                      </div>
                  </div>
              </div>
              <div class="row clearfix">
                  <div class="col-xs-5 col-sm-4 col-md-2 form-control-label">
                      <label>Téléphone</label>
                  </div>
                  <div class="col-xs-7 col-sm-8 col-md-10">
                      <div class="form-group">
                          <div class="form-line">
                            {!! Form::text('tel', old('tel'), array("class" => "form-control", "placeholder" => "Téléphone")) !!}
                          </div>
                      </div>
                  </div>
              </div>
              <div class="row clearfix">
                  <div class="col-xs-5 col-sm-4 col-md-2 form-control-label">
                      <label>Courriel</label>
                  </div>
                  <div class="col-xs-7 col-sm-8 col-md-10">
                      <div class="form-group">
                          <div class="form-line">
                            {!! Form::text('email', old('email'), array("class" => "form-control", "placeholder" => "Courriel")) !!}
                          </div>
                      </div>
                  </div>
              </div>
              <div class="row clearfix">
                  <div class="col-xs-5 col-sm-4 col-md-2 form-control-label">
                      <label>Quantité reservée</label>
                  </div>
                  <div class="col-xs-7 col-sm-2 col-md-1">
                      <div class="form-group resa_qte">
                            {!! Form::select('qte', $qtes, old('qte'), array("class" => "form-control show-tick")) !!}
                      </div>
                  </div>
              </div>
              
              <div class="clearfix">
                <div class="pull-right">
                   @if($reservation){!! Form::submit("Enregistrer et rester sur la page", array("name" => "saveAndkeep", "class" => "btn btn-sm bg-teal waves-effect m-t-15 m-l-15 pull-right")) !!}@endif
                  <button type="submit" class="btn btn-sm bg-teal waves-effect m-t-15 m-l-15 pull-right">Enregistrer</button>
                  {!! Form::reset('Annuler', array("onclick" => "window.location = '" . action('\Plugins\Webloca\Controller\WeblocaController@admin') . "'", "class" => "btn btn-sm bg-orange waves-effect m-t-15")) !!}
                </div>
              </div>
              
           </div>             
            
     </div>
  </div>
</div>

{!! Form::hidden('id') !!}
{!! Form::close() !!}
@stop

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

    {!! Html::script("js/jquery-ui.1.12.1.min.js") !!} 
    {!! Html::script("js/jquery.ui.datepicker-fr.js") !!}
    {!! Html::script("js/jquery-ui-timepicker-addon.js") !!}
        
    <script type="text/javascript">

        $(function () {
            $(".datepicker").datepicker({
                    //dateFormat: 'DD dd MM yy',
                    changeYear: true,
                    dateFormat: 'yy-mm-dd'
                }
            );
            $( "input.timepicker" ).timepicker({
                controlType: 'select',
                timeFormat: 'HH:mm',
                stepMinute: 15,
                onClose: function(dateText, inst) {
                    updateDispo();
                }

            });      
        });  

        function updateDispo(){
            var debut = $("#date_debut").val();
            var heure_debut = $("#heure_debut").val();
            var fin = $("#date_fin").val();
            var heure_fin = $("#heure_fin").val();
            var produit = $("#produit").val();
            if(debut != "" && heure_debut != "" && fin != "" && heure_fin != "" && produit != ""){
                $.post('{{ action('\Plugins\Webloca\Controller\WeblocaController@info_dispo') }}', {debut : debut, heure_debut: heure_debut, fin : fin, heure_fin: heure_fin, produit : produit}, function(data) {
                    if(data != "0"){
                        $("#dispo").html('<div class="disponibilite">' + data + '</div>');
                        $(".valid").show();
                        $(".info_resa").show();
                        updateQte(data);
                    }else{
                        $("#dispo").html('<div class="disponibilite">Aucune disponibilité</div>');
                        $(".valid").hide();
                        $(".info_resa").hide();
                    }
                });
            }
        }

        function updateQte(dispo){
            $.post('{{ action('\Plugins\Webloca\Controller\WeblocaController@admin_update_qte') }}', {dispo : dispo}, function(data) {
                $(".resa_qte").html(data);
            });
        }

        updateDispo();
    </script>
@stop