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

    @section('content')
        @if($commande->commandes_statuts_id>1)
            @include('partials.commande_info')
        @endif

        <fieldset >     
            <legend>Liste des produits 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_commandes_details !!}</div> 
            </div> 
        </fieldset>
                 
        @can('magasinier','')
            @if($commande->commandes_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/commandes_save/') }}" method="post" >
                                {{	csrf_field() }}                    
                                <div class="form-group row">
                                    <label for="colFormLabelSm" class="col-sm-2 col-form-label col-form-label-sm font-weight-bold">Poids (Kg)</label>
                                    <div class="col-sm-4">
                                    <input required id="poids" name="poids" type="number" step="any" class="form-control form-control-sm" value="{{ $commande->poids }}">
                                    </div>
                                    
                                    <label for="colFormLabelSm" class="col-sm-2 col-form-label col-form-label-sm font-weight-bold">Volume (m3)</label>
                                    <div class="col-sm-4">
                                    <input required id="volume" name="volume" type="number" step="any" class="form-control form-control-sm" value="{{ $commande->volume }}" >
                                    </div>
                                </div>

                                <div class="form-group row">
                                    <label for="colFormLabelSm" class="col-sm-2 col-form-label col-form-label-sm font-weight-bold">Date commande prête</label>
                                    <div class="col-sm-4">
                                    <input disabled required class="form-control form-control-sm" value="{{ $commande->date_commande_prete->format('d/m/Y H:i') }}">
                                    </div>
                                    
                                    <label for="colFormLabelSm" class="col-sm-2 col-form-label col-form-label-sm font-weight-bold">Commentaire</label>
                                    <div class="col-sm-4">
                                        <textarea class="form-control form-control-sm" readonly rows="1">{{ $commande->commentaire }}</textarea>
                                    </div>
                                </div>
                                @if(session('action_editable'))
                                <div class="form-group row">
                                    <div class="col-sm-6">
                                    </div>
                                    <div class="form-group col-md-3">
                                        <input type="button" onclick="regression({{ $commande->id }})" class="btn btn-warning  btn-sm btn-block" value="Régression">
                                    </div>
                                    <div class="form-group col-md-3">
                                        <input id="commandes_id" name="commandes_id" readonly type="hidden" class="form-control form-control-sm" value="{{ $commande->id }}">
                                        <input type="submit" class="btn btn-primary btn-sm btn-block" formaction="{{ url('magasiniers/commandes_save/3') }}"  value="Commande prête">
                                    </div>
                                </div>
                                @endif
                            </form>
                        </div>
                    </div>
                    </div>
                </fieldset>
            @endif
        @endcan
        




 
        <div class="form-row">
            <a class="col-md-3 btn btn-primary btn-sm btn-block" href="{{ URL::previous() }}" class="btn btn-default">Retour</a>
        </div>

        <script>
            function grid_onload_commandes_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_commandes_details");         
                prix_ttc_total 	= 	grid.jqGrid('getCol', 'prix_ttc_total')[0]; 
                grid.jqGrid('footerData','set', { 
                    prix_total_net: '' + formatter.format(prix_ttc_total*1.0)
                }, false);

            } 
            
            function do_onselect_produits(ids){
                //alert(ids);
                Swal.fire({
                        title: 'Quantité commandée',
                        input: 'number',         
                        inputValue: '1',
                        inputAttributes: {
                            autocapitalize: 'off'                    
                        },
                        showCancelButton: true,
                        confirmButtonText: 'Valider',
                        showLoaderOnConfirm: true,
                        preConfirm: (qte) => {
                                var CSRF_TOKEN = $('meta[name="csrf-token"]').attr('content');

                                $.ajax({
                                    type: 'POST',
                                    url: "/magasiniers/add_produits_details/"+ids+"?qte="+qte,
                                    data: {_token: CSRF_TOKEN},
                                    dataType: 'JSON',
                                    success: function (results) {
                                        var grid = jQuery("#liste_commandes_details"); 
                                        grid.trigger("reloadGrid",[{jqgrid_page:1,current:true}]);                                
                                        if (results.success === true) {
                                        }else{                                    
                                            Swal.fire({
                                                title: '',
                                                html: "Merci de verifié votre commande ?!",
                                                timer: 6000,
                                                timerProgressBar: true
                                            });
                                        }
                                    }
                                });
                        },
                        allowOutsideClick: () => !Swal.isLoading()
                        });
            }
            
            function regression(id){
                    Swal.fire({
                    title: 'Info régression',
                    type: 'question',
                    html:   '<div class="form-group row">'+
                            '<input disabled placeholder="Date régression" id="regression_date" value="{{ $commande->date_commande_prete->format('d/m/Y H:i') }}" class="form-control swal2-input" readonly>'+
                            '<textarea placeholder="Commentaire" id="regression_commentaire" class="form-control swal2-input" rows="2"></textarea>'+
                            '</div>',
                    customClass: 'swal2-overflow',
                    onOpen:function(){
                    },
                    confirmButtonText: 'Valider',
                    cancelButtonText: 'Retour',
                    showCancelButton: true,
                    showCloseButton: true
                    }).then(function(result) {
                        if(result.value){
                            //alert(	$('#regression_date').val()+" - "+$('#regression_commentaire').val()	);

                            var regression_date = $('#regression_date').val();
                            var regression_commentaire = $('#regression_commentaire').val();
                            if(regression_date==""){
                                alert('Date regression obligatoire');
                                regression(id);                        
                                return false;
                            }

                            var CSRF_TOKEN = $('meta[name="csrf-token"]').attr('content');
                            $.ajax({
                                type: 'POST',
                                url: "/magasiniers/commandes_regression/"+id,
                                data: {_token: CSRF_TOKEN,regression_date: regression_date+"",regression_commentaire: regression_commentaire+""},
                                dataType: 'JSON',
                                success: function (results) {
                                    window.location.href="/magasiniers/commandes_tabs/" ; 
                                }
                            });
                        }
                    });

                    }
        </script>

    @endsection