@extends('layouts.admin')
@section('css')
@parent
    {!! Html::style('css/adminbsb/materialize.min.css') !!}
    {!! Html::style('adminbsb_plugins/bootstrap-select/css/bootstrap-select.min.css') !!}
@stop

@section('content')
   
<div class="block-header">
	<h2><i class="material-icons">shopping_cart</i> Gérer vos ventes en ligne</h2>
</div> 

{!! Form::model($port, array("class" => "form-horizontal")) !!}

<div class="row clearfix">
    <div class="col-xs-12">
        <div class="card"> 
            <div class="header">                  
                <button type="submit" class="btn btn-sm bg-teal waves-effect m-l-15 pull-right">Enregistrer les frais de port</button>
                {!! Form::reset('Annuler', array("onclick" => "window.location = '" . action('\Plugins\Vente\Controller\VenteController@ports', array('id' => $transporteur)) . "'", "class" => "btn btn-sm bg-orange waves-effect pull-right")) !!} 
                <h2>
                    <p>Paramètre des frais de port</p>
                </h2>
            </div>
            <div class="body"> 
                                <div class="row clearfix" id="rang">
                    <div class="col-xs-5 col-sm-4 col-md-2 form-control-label">
                        <label>Gamme de poids</label>
                    </div>
                    <div class="col-xs-7 col-sm-8 col-md-4">
                        <div class="form-group">
                            {!! Form::select('gamme_poids_id', $transporteur->poids()->get()->lists('full_range', 'id'), $port ? $port->gamme_poids_id : "", 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>Montant du port</label>
                      </div>
                      <div class="col-xs-7 col-sm-8 col-md-10">
                          <div class="form-group">
                              <div class="form-line">
                                {!! Form::text('montant', old('montant'), array("class" => "form-control", "placeholder" => "Montant du port")) !!}
                              </div>
                          </div>
                      </div>
                </div>
                <div class="row clearfix">
                    <div class="col-xs-5 col-sm-4 col-md-2 form-control-label">
                        <label>Zone de livraison</label>
                    </div>
                    <div class="col-xs-7 col-sm-8 col-md-4">       
                        <div class="form-group">
                              {!! Form::select('zone_id', $zones, old('zone_id'), array('onchange' => 'updatePays(this.value)', "class" => "form-control show-tick")) !!}
                        </div>           
                    </div>
                </div>
                <div class="row clearfix" id="pays" style="display:none">
                    <div class="col-xs-5 col-sm-4 col-md-2 form-control-label">
                        <label>Pays</label>
                    </div>
                    <div class="col-xs-7 col-sm-8 col-md-4">       
                        <div class="form-group">

                        </div>           
                    </div>
                </div>
                <div class="row clearfix" id="etat" style="display:none">
                    <div class="col-xs-5 col-sm-4 col-md-2 form-control-label">
                        <label>État/département</label>
                    </div>
                    <div class="col-xs-7 col-sm-8 col-md-4">       
                        <div class="form-group">

                        </div>           
                    </div>
                </div>
            </div>
      </div><!--END CARD-->
    </div><!--END COL-->
</div><!--END ROW-->
{!! Form::hidden('id') !!}
{!! Form::hidden('transporteur', $transporteur->id) !!}
{!! Form::hidden('type', 1) !!}
{!! Form::close() !!}

@stop

@section('js')
    @parent
    <script>
        function nothing() {
            console.log('Nothing append');
        }

        function sleep(functionName, param, timeInMS) {
            if (functionName === '') {
                functionName = 'nothing';
            }

            var s = functionName + '("' + param + '")';
            setTimeout(s, timeInMS);
        }

        function updateType(type){
            var port = {{ $port ? $port->id : 0 }}
            $.post('{{ action('\Plugins\Vente\Controller\VenteController@update_type') }}', {
                type : type,
                transporteur: '{{ $transporteur->id }}',
                port: port
            }, function(data) {
                $("#rang").html(data);
            });
        }

        function updatePays(zone){
            if(zone != "") {
                var port = {{ $port ? $port->id : 0 }}
                $.post('{{ action('\Plugins\Vente\Controller\VenteController@update_pays') }}', {
                    zone: zone,
                    port: port
                }, function (data) {
                    $("#pays").html(data);
                    $("#pays").show();
                    $("#etat").html("");
                    $("#etat").hide();

                });
            }else{
                $("#pays").html("");
                $("#pays").hide();
                $("#etat").html("");
                $("#etat").hide();
            }
        }

        function updateEtat(pays){
            if(pays != "") {
                var port = {{ $port ? $port->id : 0 }}
                $.post('{{ action('\Plugins\Vente\Controller\VenteController@update_etat') }}', {
                    pays: pays,
                    port: port
                }, function (data) {
                    $("#etat").html(data);
                    $("#etat").show();
                });
            }else{
                $("#etat").html("");
                $("#etat").hide();
            }
        }
        @if($port)
        sleep('updatePays', '{{ $port->zone_id }}', 100);
        sleep('updateEtat', '{{ $port->pays_id }}', 200);
        @endif

    </script>
@stop