@extends('layouts.master')
@section('title', 'Page accueil')
@section('titlePageHeading', '')

    @section('content')
    
    @include('partials.course_info')

    <fieldset >     
        <legend>Liste des commandes selectionnés
        <a style="font-size: 80%;padding: 0;" class="btn btn-link" data-toggle="collapse" href="#bloc_2" role="button" aria-expanded="false" aria-controls="bloc_2">
            <i class="fa fa-plus-square" aria-hidden="true" onclick="$('#m_bloc_2').show();$('#p_bloc_2').hide()" style="display: none" id="p_bloc_2"></i>
            <i class="fa fa-minus-square" aria-hidden="true" onclick="$('#p_bloc_2').show();$('#m_bloc_2').hide()" id="m_bloc_2" ></i>
        </a>     
        </legend>    
        <div class="collapse show" id="bloc_2">
            <div class="quote">{!! $liste_courses_details !!}</div> 
        </div> 
    </fieldset>
    

    
    @canany(['magasinier', 'caissier'],'') 
        @if($course->courses_statuts_id==2)
        <fieldset >     
            <legend>Colisage
            <a style="font-size: 80%;padding: 0;" class="btn btn-link" data-toggle="collapse" href="#bloc_magasinier" role="button" aria-expanded="false" aria-controls="bloc_magasinier">
                <i class="fa fa-plus-square" aria-hidden="true" onclick="$('#m_bloc_magasinier').show();$('#p_bloc_magasinier').hide()" style="display: none" id="p_bloc_magasinier"></i>
                <i class="fa fa-minus-square" aria-hidden="true" onclick="$('#p_bloc_magasinier').show();$('#m_bloc_magasinier').hide()" id="m_bloc_magasinier" ></i>
            </a>     
            </legend>           
            <div class="panel panel-default">
            <div class="panel-body">  
                <div class="collapse show" id="bloc_magasinier">
                    
                    <form id="formMagasinier"  action="{{ url('magasiniers/courses_save/') }}" method="post" >
                        {{	csrf_field() }} 
                        <input id="courses_id" name="courses_id" readonly type="hidden" class="form-control form-control-sm" value="{{ $course->id }}">
                        <div class="form-group row">
                            <div class="col-md-2">
                                Date ramassage 
                            </div>
                            <div class="col-md-4">
                                <input readonly type="text"  class="form-control form-control-sm" value="">
                            </div>
                            <div class="col-md-2">
                                Date expédition 
                            </div>
                            <div class="col-md-4">
                                <input readonly type="text"  class="form-control form-control-sm" value="{{ $course->date_expedition->format('d/m/Y G:i') }}">
                            </div>
                        </div>
                        @can('caissier','') 
                            <div class="form-group row">
                                <label for="colFormLabelSm" class="col-sm-2 col-form-label col-form-label-sm font-weight-bold">Autorisation caissier</label>
                                <div class="col-sm-1">
                                    <input {{ ($course->paiement_autorise == 1) ? 'disabled checked' : '' }} class="form-control form-control-sm" type="checkbox" value="" id="paiement_autorise" name="paiement_autorise" required>
                                </div>
                                <div class="col-sm-3"> 
                                    Expédition autorisée                                
                                </div>
                                <div class="form-group col-md-3">
                                </div>
                                <div class="form-group col-md-3">                                
                                    @if(session('action_editable') && $course->paiement_autorise == 0)
                                    <input type="submit" class="btn btn-primary btn-sm btn-block" formaction="{{ url('magasiniers/expedition_autorisee/') }}"  value="Expédition autorisée">
                                    @endif
                                </div>
                            </div>
                        @endcan
                        @can('magasinier','') 
                        <div class="form-group row">
                            <label for="colFormLabelSm" class="col-sm-2 col-form-label col-form-label-sm font-weight-bold">Autorisation caissier</label>
                            <div class="col-sm-1">
                                <input disabled {{ ($course->paiement_autorise == 1) ? 'checked' : '' }} class="form-control form-control-sm" type="checkbox" value="" required>
                            </div>
                            <div class="col-sm-3">
                                Expédition autorisée 
                            </div>
                            <div class="form-group col-md-3">
                            </div>
                            <div class="form-group col-md-3">                                
                                @if(session('action_editable'))
                                <input {{ ($course->paiement_autorise == 0) ? 'disabled' : '' }} type="submit" class="btn btn-primary btn-sm btn-block" formaction="{{ url('magasiniers/expedition_livree/') }}"  value="Expedition livrée">
                                @endif
                            </div>
                        </div>
                        @endcan
                    </form>

                </div>
            </div>
            </div>
        </fieldset>
        @endif
    @endcanany

    <div class="form-row">
        @can('magasinier','') 
            <a class="col-md-3 btn btn-primary btn-sm btn-block" href="{{ url('/magasiniers/livraisons_tabs') }}" class="btn btn-default">Retour</a>
        @elsecan('caissier','') 
            <a class="col-md-3 btn btn-primary btn-sm btn-block" href="{{ url('/caissiers/caissiers_tabs') }}" class="btn btn-default">Retour</a>
        @endcan
    </div>

    <script>

        function grid_onload_courses_details(){

            var option = {
            /*style: 'percent',*/
            minimumFractionDigits: 2,
            maximumFractionDigits: 2
            };
            var option_percent = {
            style: 'percent',
            minimumFractionDigits: 2,
            maximumFractionDigits: 2
            };

            var formatter = new Intl.NumberFormat("de-DE",option);
            var formatter_percent = new Intl.NumberFormat("de-DE",option_percent);
            var grid 		= 	$("#liste_courses_details");         
            prix_ttc_total 	= 	grid.jqGrid('getCol', 'prix_ttc_total')[0]*1; 
            poids_total 	= 	grid.jqGrid('getCol', 'poids_total')[0]*1; 
            volume_total 	= 	grid.jqGrid('getCol', 'volume_total')[0]*1; 
            grid.jqGrid('footerData','set', { 
                prix_total: '' + formatter.format(prix_ttc_total*1.0)
                ,poids: '' + formatter.format(poids_total*1.0)
                ,volume: '' + formatter.format(volume_total*1.0)
            }, false);

        }

        
        
        
        function do_onselect_commandes(ids){ 
        var CSRF_TOKEN = $('meta[name="csrf-token"]').attr('content');
        $.ajax({
            type: 'POST',
            url: "/magasiniers/add_commandes_details/"+ids,
            data: {_token: CSRF_TOKEN},
            dataType: 'JSON',
            success: function (results) {
                var grid = jQuery("#liste_courses_details"); 
                grid.trigger("reloadGrid",[{jqgrid_page:1,current:true}]);
                
                var grid_commandes = jQuery("#liste_commandes"); 
                grid_commandes.trigger("reloadGrid",[{jqgrid_page:1,current:true}]);

                //console.log(results);
                $('#chauffeurs_id').empty();
                $('#chauffeurs_id').append('<option value="" disable="true" selected="true">=== Select chauffeur ===</option>');

                $.each(results, function(index, chauffeur){
                    $('#chauffeurs_id').append('<option value="'+ chauffeur.id +'">'+ chauffeur.libelle +'</option>');
                }); 
            }
        });
        }

        
        
        function do_deselect_commandes(ids){ 
        var CSRF_TOKEN = $('meta[name="csrf-token"]').attr('content');
        $.ajax({
            type: 'POST',
            url: "/magasiniers/del_commandes_details/"+ids,
            data: {_token: CSRF_TOKEN},
            dataType: 'JSON',
            success: function (results) {
                var grid = jQuery("#liste_courses_details"); 
                grid.trigger("reloadGrid",[{jqgrid_page:1,current:true}]);

                
                var grid_commandes = jQuery("#liste_commandes"); 
                grid_commandes.trigger("reloadGrid",[{jqgrid_page:1,current:true}]);

                //console.log(results);
                $('#chauffeurs_id').empty();
                $('#chauffeurs_id').append('<option value="" disable="true" selected="true">=== Select chauffeur ===</option>');

                $.each(results, function(index, chauffeur){
                    $('#chauffeurs_id').append('<option value="'+ chauffeur.id +'">'+ chauffeur.libelle +'</option>');
                }); 

                 
            }
        });
        }

        function load_select_chaufeur(ids){ 
            var CSRF_TOKEN = $('meta[name="csrf-token"]').attr('content');
            $.ajax({
                type: 'POST',
                url: "/magasiniers/load_select_chaufeur/"+ids,
                data: {_token: CSRF_TOKEN},
                dataType: 'JSON',
                success: function (results) {
                    results.success  
                }
            });
        }
    </script>

@endsection