{% extends 'base.html.twig' %}

    {% block body_id 'configuratore3Dc4rgo' %}
    
    {% trans_default_domain 'configuratore' %}
    
    {% block quick_action %}{% endblock %}	
    {% block  c4rg0_menuleft %}{% endblock %}
    
    {% block loghi_testata %}
    
        {% include 'configuratore/blocchi/testata.html.twig' %}
    
    {% endblock %}	
    {% block modal %}
        {% include 'modal/message.html.twig' %}
        <div class="md-overlay"></div>
    {%  endblock %}
        
    
    {% block logo_cliente %}
        {% set urlpath = 'configurator_cover' %}
        {% include 'block/logocliente.html.twig'  with {'url': urlpath} %}		    
    {% endblock %}		
    
    {% block stylesheets %}
        {{ parent() }}
        <link rel="stylesheet" href="{{ asset('static/c4rg0_themes/assets/js/vendor/datatables/css/dataTables.bootstrap.css?v=' ~ cache_css) }}">
        <link rel="stylesheet" href="{{ asset('static/c4rg0_themes/assets/js/vendor/datatables/css/ColVis.css?v=' ~ cache_css) }}">
        <link rel="stylesheet" href="{{ asset('static/c4rg0_themes/assets/js/vendor/datatables/css/TableTools.css?v=' ~ cache_css) }}">
        <link rel="stylesheet" href="{{ asset('static/DataTables-1.11/datatables.min.css?v=' ~ cache_css) }}">
        <link rel="stylesheet" href="{{ asset('static/c4rg0_themes/assets/js/vendor/datepicker/css/bootstrap-datetimepicker.css?v=' ~ cache_css) }}">
        <link rel="stylesheet" href="{{ asset('static/c4rg0_themes/assets/js/vendor/owl-carousel/css/owl.carousel.min.css?v=' ~ cache_css) }}">
        <link rel="stylesheet" href="{{ asset('static/c4rg0_themes/assets/js/vendor/owl-carousel/css/owl.theme.default.css?v=' ~ cache_css) }}">
        <link rel="stylesheet" href="{{ asset('/static/css/3d_progress.css?v=' ~ cache_css) }}">
    {% endblock %}
    {% block stylesheets_last %}
        {{ parent() }}
        <link rel="stylesheet" type="text/css" href="{{ asset('static/configuratore/css/style.css?v=' ~ cache_css) }}">
        <link rel="stylesheet" type="text/css" href="{{ asset('static/configuratore/css/configuratore.css?v=' ~ cache_css) }}" />	
        <link rel="stylesheet" type="text/css" href="{{ asset('static/configuratore/css/configuratoe3d_c4rgo.css?v=' ~ cache_css) }}">
        <link rel="stylesheet" type="text/css" href="{{ asset('static/configuratore/configuratore3d/css/styles.css?v=' ~ cache_css) }}">
    
        <style>
            .grid {
                display: grid;
                grid-template-columns: 1fr 10px 1fr;
            }
            
            .gutter-col {
                grid-row: 1/-1;
                cursor: col-resize;
            }
            
            .gutter-col-1 {
                grid-column: 2;
            }
        </style>    
    {% endblock %}
    {% block title %}
        {{ 'Configurator'|trans }}
    {% endblock %}
    {% block body_class %}bg-configurator bg-9 tipocodice-{{ tipocodice}} no-zoom {% endblock %}
    
    {% block body %}
    

    
    
    <div id="blocco-lista" class="col-left blocco-generico blocco-lista hidden-element">
    
        {% if tipocodice == 'SO' %}
            {%set aliasurl = 'configuratore_so' %}
        {% elseif tipocodice == 'DO' %}
            {%set aliasurl = 'configuratore_do' %}
        {% else %}
            {%set aliasurl = 'configuratore_mo' %}
        {% endif %}
        <div class="codice-ordine tipo-alert"></div>
        <a href="{{ path(aliasurl, {'op':'emo','code':b64codice,'code':b64codice,'salvato':salvato}) }}">
            <div class="codice-ordine tipo-{{ tipocodice }}">{{ tipocodice }} - {{ codice }}</div>
        </a>	
        <div class="clear-both"></div>

        <div>
            {% if is_granted('ROLE_CONFIGURATORE_3D_CONTINUA_MAN') and stepByStep %}	  
                <a href="#" class="codice-ordine-continua tipo-{{ tipocodice }}">
                    <div class="codice-ordine-continua tipo-{{ tipocodice }}">{{ 'continue'|trans }}</div>
                </a>		  
                <a href="#" class="codice-ordine-continua-salva tipo-{{ tipocodice }}">
                    <div class="codice-ordine-continua-salva-1 tipo-{{ tipocodice }}">{{ 'ESPORTA CSV'|trans }}</div>
                </a>		  
            {% endif %}
        </div>
        <div class="clear-both"></div> 
      {#  {% set test01=listaContenitori(null, tipocodice ~ '-' ~ b64codice, init)%}
            <ul class="casse-test">
                <li> test01: {{ test01 }}</li>
                <li> nLista: {{ nLista }}</li>
                <li> slista_casse: {{ slista_casse }}</li>
                <li> slista_casse_ok: {{ slista_casse_ok }}</li>
            </ul>
        {% if lista_casse != null %}
            <ul class="casse-test">
            {% for cassa in lista_casse %}
                <li>
                    <div class="titolo">{{ cassa.nome }} [{{ cassa.id }}]</div>
                    <div class="titolo">Volume: {{ cassa.cvolume }} [{{ cassa.vvolume }}]</div>
                    <div class="titolo">Superfice: {{ cassa.csurface }} [{{ cassa.vsurface }}]</div>
                    <div class="titolo">Portata: {{ cassa.cportata }}</div>
                    <div class="titolo">Peso: {{ cassa.ipeso }} [{{ cassa.peso }}]</div>
                    <div class="titolo">Quantity: {{ cassa.TotQty }}</div>
                </li>
            {% endfor %}
            </ul>
        {% endif %} #}   

{#        {% include 'block/contenitore.html.twig'  with {'block_name':'blocco-trasporto','showpc':0,'showpcbar':1,'title_bar':1,'tipocodice':tipocodice,'codice':b64codice,'box':box, 'uid':uid, 'minimzed_class':'no-minimized','limite':1} %} #}
        
        {% include 'block/contenitore.html.twig'  with {'block_name':'blocco-trasporto','showpc':0,'showdata':1,'showpcbar':1,'title_bar':1,'tipocodice':tipocodice,'codice':b64codice,'box':box,'uid':uid,'limite':1, 'minimzed_class_container':'no-minimized', 'minimzed_class_info':'minimized'} %}
    
        {% include 'configuratore/blocchi/tab.ordine.ridotto.html.twig'  with {'nome': 'ordine_ridotto','items':items} %}	 
        <div id="msg"></div>
    </div>
    
    
    
    
    <div id="blocco-3D" class="col-right blocco-generico blocco-3D hidden-element">
        <div id="fp-view"></div>
    </div>
    
    {% endblock %}
    
    {% block primoblocco %}        
    <!-- Import maps polyfill -->
    <!-- Remove this when import maps will be widely supported -->
    <script async src="{{ asset('static/cloud.js/es-module-shims.js') }}"></script>
    
        <script type="importmap">
            {
                "imports": {
                    "three": "{{ asset('static/cloud.js/lib/three.js/three.module.js') }}",
                    "three/addons/": "{{ asset('static/cloud.js/lib/jsm/') }}"
                }
            }
        </script>    
        {{ parent() }}
    {% endblock %}
    {% block javascripts %}
        {{ parent() }}
        <script>  
         let _c4rgoAuto = null;
         const g_BoxId = {{ box }};
         const g_ProgId = {{ prog }};
         const _c4rgoAutoModule = {};
         const _configUrl = "{{ path('api_getconfigengine', {'tipocodice':tipocodice,'b64codice':b64codice, 'tipo':':::T'}) }}".replace(':::T', 'D');
        </script> 
        <script type="text/javascript" src="{{ asset('static/configuratore/js/config.js?v=' ~ cache_css) }}"></script>
        <script type="text/javascript" src="{{ asset('static/configuratore/js/split-grid/split-grid.js?v=' ~ cache_css) }}"></script>
        <script type="text/javascript" src="{{ asset('static/DataTables-1.11/datatables.min.js?v=' ~ cache_css) }}"></script>
        <script type="text/javascript" src="{{ asset('static/DataTables/dataTables.fixedHeader.min.js?v=' ~ cache_css) }}"></script>
        <script type="text/javascript" src="{{ asset('static/js/moment/moment.min.js?v=' ~ cache_css) }}"></script>
        <script type="text/javascript" src="{{ asset('static/js/datetime.js?v=' ~ cache_css) }}"></script>
        <script type="text/javascript" src="{{ asset('static/js/jquery.dataTables.rowReordering.js?v=' ~ cache_css) }}"></script>
        <script type="text/javascript" src="{{ asset('static/js/base64.js?v=' ~ cache_css) }}"></script>	
        <script type="text/javascript" src="{{ asset('static/js/number_format.js') }}"></script>

        <script src="{{ asset('static/configuratore/configuratore3d/js/build/FreightPacker-dev-dependencies.js?v=' ~ cache_css) }}" ></script>
        <script src="{{ asset('static/configuratore/configuratore3d/js/build/FreightPacker-dev.js?v=' ~ cache_css) }}" ></script>
        <script src="{{ asset('static/configuratore/configuratore3d/js/mockup/lib/dat.gui.js?v=' ~ cache_css) }}"></script>
        <script src="{{ asset('static/configuratore/configuratore3d/js/mockup/lib/datGUIExtensions.js?v=' ~ cache_css) }}"></script>
        <script src="{{ asset('static/configuratore/configuratore3d/js/mockup/lib/crel.js?v=' ~ cache_css) }}"></script>
        <script src="{{ asset('static/configuratore/configuratore3d/js/mockup/lib/FileSaver.js?v=' ~ cache_css) }}"></script>
        <script src="{{ asset('static/configuratore/configuratore3d/js/mockup/lib/houdini.js?v=' ~ cache_css) }}"></script>
        <script src="{{ asset('static/configuratore/configuratore3d/js/mockup/lib/JSONFormatter.js?v=' ~ cache_css) }}"></script>
        <script src="{{ asset('static/configuratore/configuratore3d/js/mockup/IO.js?v=' ~ cache_css) }}"></script>
        <script src="{{ asset('static/configuratore/configuratore3d/js/mockup/C4rgoAutoUI.js?v=' ~ cache_css) }}"></script>
        <script src="{{ asset('static/configuratore/configuratore3d/js/C4rgoAuto.js?v=' ~ cache_css) }}"></script>
    
        <script type="module">  
            let _defContainer = null;

            function myLog(s) {
                console.log(s);
            }
    
            function onWindowResize() {
                let _margin = 8;
                let _top = 48;
                let _left = _margin;
                let _width = window.innerWidth;
                let _height = window.innerHeight;
                let _widthLeft = (_width * 20) / 100;
                let _heightLeft = _height - _top - (_margin * 2);
    
                let _widthRightUp = _width - (_left + (_margin * 2) + _widthLeft);
                let _heightRightUp = _height  - _top - (_margin * 2); //(_height * 60) / 100;
                let _widthRightDown = ((_width - (_left + (_margin * 2) + _widthLeft)) / 2) - (_margin / 2);
                let _heightRightDown;
        
                $('.col-left').css({top: _top, left: _left, position: 'absolute'});
        
                $('.col-left').width(_widthLeft);
                $('.col-left').height(_heightLeft);
        
                _left = _left + _widthLeft + _margin;
                $('.col-right').css({top: _top, left: _left, position:'absolute'});
                $('.col-right').width(_widthRightUp);
                $('.col-right').height(_heightRightUp);
    
                $('#toolbar-oriz').css({top: _top + 10, left: _left + 10, position:'absolute'});
    
                
                $('#toolbar-fullscreen2').css({top: _top + (_heightRightUp * 0.80), left: _left + 10, position:'absolute'});
                $('#toolbar-fullscreen3').css({top: _top + (_heightRightUp * 0.80), left: _left + 10 + (_widthRightUp * 0.33), position:'absolute'});
                $('#toolbar-fullscreen4').css({top: _top + (_heightRightUp * 0.80), left: _left + 10 + (_widthRightUp * 0.66), position:'absolute'});
        
            }
        
            function onLoadGrid(v) {
                let upurl = "{{ path('api_gettrasporto', {'tipocodice':tipocodice,'codice':b64codice,'box':idBox|default(box|default(0)),'prog':prog,'uid':uid|default('--')}) }}";
                $.ajax({
                    'url': upurl,
                    'type': "GET",
                    'dataType': 'json',
                    'data': {}
                })
                .done(function(json) {
                    if (json.err === 0 && json.data.length > 0) {
                        _defContainer = json.data[0].container;
                        module.defContainer = _defContainer;    
                        let _objs = module.getData_ordine_ridotto();
                        let _r = '{{ retry }}';
                        let _retry = [];
                        if (_r !== '') {
                            _r = Base64.decode(_r);
                            _retry = JSON.parse(_r);    
                        }
                        g_CurSID = '{{ cursid }}';
                        _c4rgoAuto.loadCSVJobFromObj('{{ tipocodice }}', _objs, json.data[0].container, _retry);
                    }
                })
                .fail(function() {
                })
                .always(function() {
                });  



            }
        
            function _aggiornaBarre(a_Volume, a_VolumeEsclusi, a_Superficie, a_Peso, a_PesoTot, a_nItems, a_Conf) {
                if (typeof _ContenitoreVol !== "undefined" && typeof _ContenitorePortata !== "undefined" && typeof _ContenitoreSuperficie !== "undefined") {

                    let _nItems = a_nItems;
                    let _fissaggi = a_PesoTot - a_Peso;
                    let _cl = (_ContenitoreL - (ConfigConfiguratore.c_margineL.value * 2.0)) / 100.0;
                    let _cw = (_ContenitoreW - (ConfigConfiguratore.c_margineW.value * 2.0)) / 100.0;
                    let _ch = (_ContenitoreH - ConfigConfiguratore.c_margineSUP.value) / 100.0;
                    let _ContenitoreVol1 = _ContenitoreVol / (100.0 * 100.0 * 100.0);
                    let _ContenitoreSuperficie1 = _ContenitoreSuperficie / (100.0 * 100.0);
                    let _ContenitoreVolUtile = _cl * _cw * _ch;
                    let _ContenitoreSuperficieUtile = _cl * _cw;

                    let _pcVol1, _pcVol2, _pcSup1, _pcSup2, _pcPeso1, _pcPeso2, _tara = 0;


                    
                    _pcVol1 = Math.floor((a_Volume / _ContenitoreVolUtile) * 100.0) / 100.0; 
                    _pcSup1 = Math.floor((a_Superficie / _ContenitoreSuperficieUtile) * 100.0) / 100.0; 
                    _pcPeso1 = Math.floor((a_PesoTot  / _ContenitorePortata) * 100.0) / 100.0; 

                    _pcVol2 = Math.floor(_pcVol1 * 100.0); 
                    _pcSup2 = Math.floor(_pcSup1 * 100.0); 
                    _pcPeso2 = Math.floor(_pcPeso1 * 100.0); 

                    _pcVol1 = _pcVol1 * 100.0; 
                    _pcSup1 = _pcSup1 * 100.0; 
                    _pcPeso1 = _pcPeso1 * 100.0; 

                    _pcVol2 = (_pcVol2 > 100) ? 'E' : _pcVol2; 
                    _pcSup2 = (_pcSup2 > 100) ? 'E' : _pcSup2; 
                    _pcPeso2 = (_pcPeso2 > 100) ? 'E' : _pcPeso2; 
    
    
                    $('.blocco-pc .blocco-volume .valore').html(number_format(_pcVol1, 2, '.', ',') + '%');
                    $('.blocco-pc .blocco-superficie .valore').html(number_format(_pcSup1, 2, '.', ',') + '%');
                    $('.blocco-pc .blocco-peso .valore').html(number_format(_pcPeso1, 2, '.', ',') + '%');
    
                    $('.blocco-pc .blocco-volume .valore-completo').html('<div>[' + number_format(a_Volume, 3, '.', ',') + ' m<sup>3</sup>]</div>');
                    $('.blocco-pc .blocco-superficie .valore-completo').html('<div>[' + number_format(a_Superficie, 3, '.', ',') + ' m<sup>2</sup>]</div>');
                    $('.blocco-pc .blocco-peso .valore-completo').html('<div>[' + number_format(a_PesoTot / 1000.0, 2, '.', ',') + ' Kg]</div>');
    
                    $('.blocco-pc .blocco-volume .blocco-percentuale .barra').attr('value', _pcVol2);
                    $('.blocco-pc .blocco-superficie .blocco-percentuale .barra').attr('value', _pcSup2);
                    $('.blocco-pc .blocco-peso .blocco-percentuale .barra').attr('value',  _pcPeso2);
                    $('.blocco-datiaggiuntivi .nitems .value').html(_nItems);
                    $('.blocco-datiaggiuntivi .pesototitems .value').html(number_format(a_Peso / 1000.0, 2, '.', ',') +' Kg');
                    if (typeof _defContainer !== 'undefined' && _defContainer !== null) {
                        _tara = _defContainer.tara_con_fissaggi / 1000.0;
                    }
                    $('.blocco-datiaggiuntivi .pesototfissaggi .value').html(number_format(_fissaggi / 1000.0, 2, '.', ',') +' Kg');
                    $('.blocco-datiaggiuntivi .pesotottara .value').html(number_format(_tara, 2, '.', ',') +' Kg');
                    $('.blocco-datiaggiuntivi .pesocassa .value').html(number_format(_tara + a_PesoTot / 1000.0, 2, '.', ',') +' Kg');
                    
                    $('.blocco-datiaggiuntivi .volumetotitems .value').html(number_format(a_VolumeEsclusi + a_Volume, 3, '.', ',') +' m<sup>3</sup>');
                    $('.blocco-datiaggiuntivi .volumeitems .value').html(number_format(a_Volume, 3, '.', ',') +' m<sup>3</sup>');
                    $('.blocco-datiaggiuntivi .volumeutilecassa .value').html(number_format(_ContenitoreVolUtile, 3, '.', ',') +' m<sup>3</sup>');
                    $('.blocco-datiaggiuntivi .superficieutilecassa .value').html(number_format(_ContenitoreSuperficieUtile, 3, '.', ',') +' m<sup>2</sup>');
    
                }
            }

            function onUpdateFrom3D(a_Dati, a_Objects) {
                let _r = 0;
                let _Vol = 0.0, _Peso = 0.0, _Superficie = 0.0, _nItems = 0;
                if (typeof a_Dati !== "undefined" && a_Dati !== null) {
                    _r = module.setData_ordine_ridotto(a_Dati);                 
                }                


                if (typeof a_Objects !== "undefined" && a_Objects !== null && a_Objects.length > 0) {
                    for (let cc = 0; cc < a_Objects.length; ++cc) {
                        let _o = a_Objects[cc];
                        let _c4rgoData = null;
                        if (_o.userData.rimovibile === false) {
                            continue;
                        }
                        if (a_Last !== _o && typeof _o.userData.c4rgoData !== "undefined") {
                            _c4rgoData = _o.userData.c4rgoData;
                        }
                        if (_c4rgoData !== null) {
                            let _v3 = _o.userData.ObjectBB.min.clone();
                            let _l, _w, _h;
                            _v3.sub(_o.userData.ObjectBB.max);
                            _h = Math.abs(_v3.z);
                            _l = Math.abs(_v3.y)
                            _w = Math.abs(_v3.x)            
                            _Vol += _c4rgoData.Volume;
                            _Peso += _c4rgoData.NetWeight;
                            if (_c4rgoData.calcolaSuperficie === true) {
                                _Superficie += (_l * _w);        
                            }
                            _nItems++;
                        }
                    }
                }
                _aggiornaBarre(_Volume, 0, _Superficie, _Peso, _nItems, ConfigConfiguratore);

                return _r;
            }


            // jquery extend function
            $.extend(
            {
                redirectPost: function(location, args)
                {
                    var form = '';
                    $.each( args, function( key, value ) {
                        form += '<input type="hidden" name="'+key+'" value="'+value+'">';
                    });
                    $('<form action="'+location+'" method="POST">'+form+'</form>').appendTo('body').submit();
                }
            });

            let tipoContinua = 0;
            let tipoContinuaUrl = "";
            let tipoContinuaPar = "";
            let tipoContinuaHref = "";
            function eseguiContinua() {
                console.log("-----!");

            console.log(tipoContinua);
                console.log(tipoContinuaUrl);
                console.log(tipoContinuaPar);
                console.log(tipoContinuaHref);
                switch(tipoContinua) {
                    case 1:
                    $.redirectPost(tipoContinuaUrl, tipoContinuaPar);

                    break;
                    case 2:
                    location.href = tipoContinuaHref;
                    break;
                    case 3:
                    location.reload();
                    break;
                    case 4:
                    location.href = tipoContinuaHref;
                    break;
                }
            }
            {% if is_granted('ROLE_CONFIGURATORE_3D_CONTINUA_MAN') and stepByStep %}	
                function eseguiSalva() {
                    let _csv = "NOME;X;Y;Z;PESO;QUANTITA;STACK;ORIENTAMENTO;A TERRA;COLORE;DENSITA;AREA;TOT AREA;VOL;TOT VOL\n";
                    let today  = new Date(); 
                    let sToDay = `${today.getFullYear()}${today.getMonth()+1}${today.getDate()}${today.getHours()}${today.getMinutes()}${today.getSeconds()}`;
                    if (typeof _exportCSV1 !== "undefined") {
                        _csv = _csv + _exportCSV1.replaceAll('.', ',');
                    }                     
                    if (typeof _exportCSV2 !== "undefined") {
                        _csv = _csv + '=======================================================\n' + _exportCSV2.replaceAll('.', ',');;
                    }                     
                    if (typeof _exportCSV3 !== "undefined") {
                        _csv = _csv + '=======================================================\n' + _exportCSV3.replaceAll('.', ',');;
                    }                     
                    const content = _csv;
                    const link = document.createElement("a");
                    const file = new Blob([content], { type: 'text/csv' });
                    link.href = URL.createObjectURL(file);
                    link.download = `exportCSVTot_${sToDay}.csv`;
                    link.click();
                    URL.revokeObjectURL(link.href);                                                                        
                }
            {% endif %}




            function setTipoContinua(n) {
                tipoContinua = n;
                {% if is_granted('ROLE_CONFIGURATORE_3D_CONTINUA_MAN') and stepByStep %}	
                    $('.codice-ordine-continua').show();
                    $('.codice-ordine-continua-salva').show();
                    switch(tipoContinua) {
                        case 1:
                        $('div.codice-ordine-continua').html("{{ 'continua (soluzione scartata)'|trans }}");                
                        break;
                        case 2:
                        $('div.codice-ordine-continua').html("{{ 'continua'|trans }}");
                        break;
                        case 3:
                        $('div.codice-ordine-continua').html("{{ 'continua'|trans }}");
                        break;
                        case 4:
                        {% if not (is_granted('ROLE_CONFIGURATORE_3D_CONTINUA_MAN') and stepByStep) %}	{# Step By Step#}
                            $('#blocco-3D').removeClass('hide-3d');
                            $('#blocco-tab-ordine_ridotto').removeClass('hidden-element');
                            $('#info-blocco-trasporto').html($('.fp-view #blocco-trasporto-spin').html());
                            $('#fp-view #blocco-info-spin').html('');
                        {% endif %}


                        $('div.codice-ordine-continua').html("{{ 'continua (ultima)'|trans }}");
                        break;
                    }
                {% else %}
                    eseguiContinua();
                {% endif %}
            }

            function onSavedObj(a_Dati, a_Esclusi, tipo, id, uid, data) {
                let a1 = '{{ page }}';
                let a2 = '{{ curpage }}';
                let _nLista = {{ nLista }};
                let _totLista = {{ totLista }};
                let _next = false;

                let _r = module.getData_ordine_ridotto(); 
                let _changeOk = false;
                let _qty = 0;
                let _qtyIns = 0;
                let _qtyEsclusi = 0;
                let _Volume = 0, _VolumeEsclusi = 0, _Superficie = 0, _Peso = 0, _PesoTot = 0;
                for (let cc1 = 0; cc1 < _r.length; ++cc1) {
                    let _tmpQty = _r[cc1].oqty;
                    for (let cc2 = 0; cc2 < a_Dati.length; ++cc2) {
                        if (a_Dati[cc2].item_id === _r[cc1].cid && a_Dati[cc2].contenitore_id === _r[cc1].bid) {
                            if (_tmpQty > 0) {
                                _tmpQty--;
                            }
                            else {
                                _tmpQty = 0;
                            }
                            _changeOk = true;
                        }
                    }
                    _r[cc1].qty = _tmpQty;
                    _qty = _qty + _tmpQty;
                }
                module.setTabData_ordine_ridotto(_r);
                a_Dati.forEach(
                    function(obj) {
                        _Volume = _Volume + (
                              obj.r_lpackage
                            * obj.r_wpackage
                            * obj.r_hpackage
                        );
                        if (Math.floor((obj.position_z - (obj.r_hpackage / 2)) * 1000.0) < 5) { // Minore di 0.5 cm
                            _Superficie = _Superficie + (
                                  obj.r_lpackage
                                * obj.r_wpackage
                            );    
                        }
                        _Peso = _Peso + obj.weight;
                        _PesoTot = _PesoTot + (((100.0 + ConfigConfiguratore.maggiorazionePeso.value) * obj.weight) / 100.0); // La maggiorazione peso è percentule perciò divido per 100.0 per avere il valore
                        _qtyIns++;
                    }
                );
                a_Esclusi.forEach(
                    function(obj) {
                        _VolumeEsclusi = _VolumeEsclusi + (
                              obj.o_lpackage
                            * obj.o_wpackage
                            * obj.o_hpackage
                            * obj.quantity
                        );
                        _qtyEsclusi = _qtyEsclusi + obj.quantity;
                    }
                );
                _aggiornaBarre(_Volume, _VolumeEsclusi, _Superficie, _Peso, _PesoTot, _qtyIns, ConfigConfiguratore);
                if (tipo === false) {
                    return 0;
                }
                if (typeof data !== 'undefined' && data !== null) {
                    let _b64 = Base64.encode(JSON.stringify(data));
                    let _url; 
                    if (data.retry === 1) {
                        _url = "{{ path('page_configuratore3D', {'tipologia':tipologia,'tipocodice':tipocodice,'b64codice':b64codice,'trasporto':box,'prog':prog,'page':curpage,'items':items,'loadconstraints':loadconstraints}) }}";
                        _next = true;
                    }
                    else {
                        if (_nLista > 0) {
                            _url = "{{ path('page_configuratore3D', {'tipologia':tipologia,'tipocodice':tipocodice,'b64codice':b64codice,'trasporto':box,'prog':prog,'page':page,'items':items,'loadconstraints':loadconstraints}) }}";
                            _next = true;    
                        }
                    }
                    if (_next === true) {
                        tipoContinuaUrl     = _url;
                        tipoContinuaPar     = {'val':_b64};
                        setTipoContinua(1);
                        return;       
                    }
                }



                if (_changeOk) {
                    // salvataggio parziale
                    if (_qty > 0) {
                        {% if is_granted('ROLE_CONFIGURATORE_3D_CONTINUA_MAN') and stepByStep %}	
                            setTimeout(
                                function(v) {
                                    tipoContinuaHref = "{{ path('page_configuratore3D', {'tipologia':tipologia,'tipocodice':tipocodice,'b64codice':b64codice,'trasporto':box,'prog':prog,'page':1,'items':items,'loadconstraints':loadconstraints}) }}";
                                    setTipoContinua(2);
                                }
                                , 5000
                            );
                        {% else %}
                            tipoContinuaHref = "{{ path('page_configuratore3D', {'tipologia':tipologia,'tipocodice':tipocodice,'b64codice':b64codice,'trasporto':box,'prog':prog,'page':1,'items':items,'loadconstraints':loadconstraints}) }}";
                            setTipoContinua(2);
                        {% endif %}                           
                    }
                    else {
                        // salvataggio finale
                        tipoContinuaHref = "{{ path('configuratore3d_c4rgo_getsaved', {'uid':':::UID'}) }}".replace(':::UID', uid);
                        setTipoContinua(4);
                    }
                }
            }
    
            let g_Obj = null;
    
            function loadQrCodeDati() {
                let upurl = '{{ path('api_get_save', {'tipocodice': tipocodice, 'testata_id': testata_id}) }}';
                $('.fa-qrcode').hide();
                $.ajax({
                    'url': upurl,
                    'type': "GET",
                    'data': []
                })
                .done(function(data) {
                    if (data.err === 0) {
                        if (data.dati.length > 0) {
                            $('.fa-qrcode').data('msg', data.dati[0].qrcode);
                            $('.fa-qrcode').show();
                        }
                    }
                })
                .fail(function() {
                    alert("{{ 'An error occured'|trans }}");
                })
                .always(function() {
                });    
        
            }
        

            $(function() {
                {% if uid != null and uid != 'box' and uid != '--' and uid != '' %}
                    let url = "{{ path('api_getlistaitems', {'uid':uid,'tipocodice':tipocodice,'b64codice':b64codice,'box':-1,'prog':-1,'items':items})}}";
                {% else %}
                    let url = "{{ path('api_getlistaitems', {'uid':uid,'tipocodice':tipocodice,'b64codice':b64codice,'box':box,'prog':prog,'items':items})}}";
                {% endif %}
                let itemsCount = 0;
                let totQty = 0;

                {% if is_granted('ROLE_CONFIGURATORE_3D_CONTINUA_MAN') and stepByStep %}	
                    $('#blocco-lista').on('click', '.codice-ordine-continua', function(v) {
                        eseguiContinua();
                    });                  
                    $('#blocco-lista').on('click', '.codice-ordine-continua-salva', function(v) {
                        eseguiSalva();
                    });                  
                {% endif %}
                $('#blocco-tab-ordine_ridotto').on('click', '.dt-rimuovi-items', function(v) {
                    let _cid = $(this).closest('tr').data('cid');
                    let _n = 0;
                    if (confirm("{{ 'Confermi la rimozione di tutti gli items di questo tipo?'|trans }}") == true) {
                        _n = rimuoviItems(_cid);
                    }                
                });  
    
                $('#blocco-tab-ordine_ridotto').on('click', '.dt-seleziona-items', function(v) {
                    let _cid = $(this).closest('tr').data('cid');
                    let _n = 0;
                    _n = selezionaItems(_cid);
                    $('.dt-seleziona-items').removeClass('items-selected');
                    $(this).addClass('items-selected');
                });  
        
                window.addEventListener('resize', onWindowResize);   
                onWindowResize(); 
                $('.blocco-generico').removeClass('hidden-element');  
                if (typeof updateContenitore === "function") {
                    updateContenitore();
                }

                $('#blocco-lista').on('click', '.fa-qrcode', function(v) {
                    let _msg = '<img src="' + $(this).data('msg') + '">';
                    showGenericMsg("qrcode", _msg, null) ;
                });  

                loadQrCodeDati();
                $('.codice-ordine-continua').hide();
                $('.codice-ordine-continua-salva').hide();
                _loadConfigEngine3D(url);
                
            });
            let m_Url = null;
            function _loadConfigEngine3D(a_Url) {
                if (typeof a_Url !== 'undefined') {
                    m_Url = a_Url;
                }
                loadConfigEngine3D(_configUrl, 
                    function () {
                        {% if not (is_granted('ROLE_CONFIGURATORE_3D_CONTINUA_MAN') and stepByStep) %}	{# Step By Step #}
                            $('#blocco-3D').addClass('hide-3d');
                            $('#blocco-tab-ordine_ridotto').addClass('hidden-element');
                            $('#fp-view').append('<div class="blocco-info-spin"><div id="blocco-trasporto-spin">' + $('#info-blocco-trasporto').html() + '</div><div class="loading" style="margin: auto;">LOADING...</div></div>');
                            $('#info-blocco-trasporto').html('');
                        {% endif %}
                        _c4rgoAuto = new C4rgoAuto({'saveurl':"{{ path('salva_sol') }}", "onSavedObj": onSavedObj, "nLista": {{ nLista }}});
                        if (m_Url !== null) {
                            module.load_ordine_ridotto(m_Url, onLoadGrid);
                        }        
                    }
                );
            }
            _c4rgoAutoModule.loadConfigEngine3D = _loadConfigEngine3D;
        </script>
    
    {% endblock %}