@extends('layouts.default')
@section('css')
    @parent

    {!! Html::style('css/rrssb.css') !!}
    {!! Html::style('css/modules/webloca.css') !!}
    {!! Html::style("css/jquery-ui-timepicker-addon.css") !!}

@stop
@section('content')
<div id="info_produit_loca" class="container">
    
    <h1 class="produit_libelle">
            <span class="produit_prix">  € /</span>
    </h1>
        
    <div class="col-sm-8">
	{!! Form::open(array("class" => "form-horizontal form-group-sm")) !!}
        {!! Form::hidden('date_debut', "", array('id' => 'date_debut')) !!}
        {!! Form::hidden('date_fin', "", array('id' => 'date_fin')) !!}
        {!! Form::hidden('qte', 1, array('id' => 'qte')) !!}

                <div id="resa_produit_loca" class="clearfix">
                	
                    <h2 class="title">Je réserve</h2>
        
                    <div class="col-sm-6 half">            
                        <h2 class="form-group">Départ</h2>               
                        <div class="form-group date_debut">
                            <label for="LocaReservationDateDebut" class="col-sm-6 control-label">Date de début :</label>
                            <div class="col-sm-6">{!! Form::text('debut', old('date_debut'), array('class' => 'debut form-control', "onchange" => "updateDispo()")) !!}</div>
                        </div>                
                        <div class="form-group heure_debut">
                           <label for="LocaReservationHeureDebutHour" class="col-sm-6 control-label">Heure de début :</label>
                           <div class="heure_debut col-sm-6">{!! Form::text('heure_debut', "", array('class' => 'timepicker', 'id' => 'heure_debut')) !!}</div>
                        </div>
                    </div>
        
                    <div class="col-sm-6 half">
                        <h2 class="form-group">Retour</h2>
                        <div class="form-group date_fin">
                            <label for="LocaReservationDateFin" class="col-sm-6 control-label">Date de fin :</label>
                            <div class="col-sm-6">{!! Form::text('fin', old('date_fin'), array('class' => 'fin form-control', "onchange" => "updateDispo()")) !!}</div>
                        </div>
                        <div class="form-group heure_fin">
                            <label for="LocaReservationHeureFinHour" class="col-sm-6 control-label">Heure de fin :</label>
                            <div class="heure_fin col-sm-6">{!! Form::text('heure_fin', "", array('class' => 'timepicker', 'id' => 'heure_fin')) !!}</div>
                        </div>
                    </div>
        
                </div>
                <div id="dispo" class="col-sm-12">
                    	        
                </div>	
        
                <div class="row">
                <div class="fiche_details col-sm-12">
                
                    <div class="image-big col-md-6">
                			<br />
<b>Warning</b>:  sizeof(): Parameter must be an array or an object that implements Countable in <b>/home/trutinauto/public_html/resources/views/plugins/web_loca/fiche.blade.php</b> on line <b>63</b><br />
                        <div class="col-xs-12">{{ trans("coral.Photo non disponible") }}</div>
                                          </div>
                
                
                      
                    <div id="produit_description"></div>
                
                    <div id="formulaire_resa" class="info_resa"  style="display: none;" >
                    
                    <h3 class="title_fiche_resa">Informations de la réservation :</h3>
                                                                                                                                                                                  
                        <div class="resa_nom form-group">
                          <label for="LocaReservationNom" class="col-sm-6 col-md-4 control-label">Nom :*</label>
                          <div class="col-sm-6 col-md-8">{!! Form::text('nom', old('nom'), array('class' => 'form-control')) !!}</div>
                        </div>
                        <div class="resa_prenom form-group">
                           <label for="LocaReservationPrenom" class="col-sm-6 col-md-4 control-label">Prénom :*</label>
                          <div class="col-sm-6 col-md-8">{!! Form::text('prenom', old('prenom'), array('class' => 'form-control')) !!}</div>
                        </div>
                        <div class="resa_adress form-group">
                           <label for="LocaReservationAdresse" class="col-sm-6 col-md-4 control-label">Adresse :</label>
                          <div class="col-sm-6 col-md-8">{!! Form::text('adresse', old('adresse'), array('class' => 'form-control')) !!}</div>
                        </div>
                        <div class="resa_cp form-group">
                           <label for="LocaReservationCp" class="col-sm-6 col-md-4 control-label">Code postal :</label>
                          <div class="col-sm-6 col-md-8">{!! Form::text('cp', old('cp'), array('class' => 'form-control')) !!}</div>
                        </div>
                        <div class="resa_ville form-group">
                           <label for="LocaReservationVille" class="col-sm-6 col-md-4 control-label">Ville :</label>
                          <div class="col-sm-6 col-md-8">{!! Form::text('ville', old('ville'), array('class' => 'form-control')) !!}</div>
                        </div>
                        <div class="resa_tel form-group">
                           <label for="LocaReservationTel" class="col-sm-6 col-md-4 control-label">Téléphone :*</label>
                          <div class="col-sm-6 col-md-8">{!! Form::text('tel', old('tel'), array('class' => 'form-control')) !!}</div>
                        </div>
                        <div class="resa_param1 form-group">
                           <label for="LocaReservationParam_loca_1" class="col-sm-6 col-md-4 control-label">Param locale 1 :</label>
                          <div class="col-sm-6 col-md-8">{!! Form::text('param_loca_1', old('param_loca_1'), array('class' => 'form-control')) !!}</div>
                        </div>
                        <div class="resa_email form-group">
                           <label for="LocaReservationEmail" class="col-sm-6 col-md-4 control-label">E-mail :*</label>
                          <div class="col-sm-6 col-md-8">{!! Form::text('email', old('email'), array('class' => 'form-control')) !!}</div>
                        </div>
                        <div class="resa_qte form-group">
                           <label for="LocaReservationQte" class="col-sm-6 col-md-4 control-label">Quantité :*</label>
                          <div class="col-sm-6 col-md-8">{!! Form::select('quantite', $qtes, old('qte'), array('onchange' => "setQuantite()", "id" => "quantite")) !!}</div>
                        </div>
                        <div class="mentionRGPD text-info">
                          <label for="rgpd"><input name="rgpd" type="checkbox" value="1" required="required" id="rgpd">&nbsp;{{ $module->rgpd }}</label>
                        </div>
                        <em>* champs obligatoires</em>
                        {!! Form::submit('Réserver', array('class' => 'btn btn-danger pull-right')) !!}
                        {!! Form::hidden('loca_produit_id', $produit->id) !!}
                        {!! Form::hidden('loca_produit_libelle', $produit->libelle) !!}
                        {!! Form::hidden('dispo', $dispo) !!}
                                      

                    </div>
                    
                    @include('elements.partage_social')
                </div>
                </div>

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

        
    </div>


  <aside class="col-sm-4">  
    @include('widget.widget_contact')
  </aside>
  
</div>
@stop
@section('js')
    @parent
    {!! Html::script('js/rrssb.min.js') !!}
    {!! Html::script("js/jquery-ui-timepicker-addon.js") !!}
    <script type="text/javascript">
        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->id }}";
            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">Disponibilité : ' + 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@update_qte') }}', {dispo : dispo}, function(data) {
                $(".resa_qte").html(data);
                $("#qte").val(1);
            });
        }

        function setQuantite(){
            var quantite = $("#quantite").val();
            $("#qte").val(quantite);

        }

        $(document).ready(function(){

            $("[data-fancybox]").fancybox({
              loop: true
            });

            $(function() {
                $(".debut").datepicker(
                        {
                            dateFormat: 'DD dd MM yy',
                            altFormat: 'yy-mm-dd',
                            altField: "#date_debut",
                            onSelect: function(dateText, inst) {
                                updateDispo();
                            }
                        },
                        $.datepicker.regional["fr"]
                );
                $(".fin").datepicker(
                        {
                            dateFormat: 'DD dd MM yy',
                            altFormat: 'yy-mm-dd',
                            altField: "#date_fin",
                            onSelect: function(dateText, inst) {
                                updateDispo();
                            }
                        },
                        $.datepicker.regional["fr"]
                );
                $( "input.timepicker" ).timepicker({
                    controlType: 'select',
                    timeFormat: 'HH:mm',
                    stepMinute: 15,
                    onClose: function(dateText, inst) {
                        updateDispo();
                    }

                });
            });
        });
    </script>
@stop