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

{% trans_default_domain 'configuratore' %}

{% block quick_action %}{% endblock %}	
{% block  c4rg0_menuleft %}{% endblock %}

{% block loghi_testata %}

	{% include 'configuratore/blocchi/testata.html.twig' %}

{% endblock %}	


{% block logo_cliente %}
	{% set urlpath = 'configurator_cover' %}
	{% include 'block/logocliente.html.twig'  with {'url': urlpath} %}		
	
	{% endblock %}		

{% block body_id 'do-configuratore-items' %}
{% block stylesheets %}
	{{ parent() }}
	<link rel="stylesheet" href="{{ asset('static/c4rg0_themes/assets/js/vendor/datatables/css/dataTables.bootstrap.css') }}">
	<link rel="stylesheet" href="{{ asset('static/c4rg0_themes/assets/js/vendor/datatables/css/ColVis.css') }}">
	<link rel="stylesheet" href="{{ asset('static/c4rg0_themes/assets/js/vendor/datatables/css/TableTools.css') }}">
	<link rel="stylesheet" href="{{ asset('static/DataTables-1.11/datatables.min.css') }}">
	<link rel="stylesheet" href="{{ asset('static/c4rg0_themes/assets/js/vendor/datepicker/css/bootstrap-datetimepicker.css') }}">
	<link rel="stylesheet" href="{{ asset('static/c4rg0_themes/assets/js/vendor/owl-carousel/css/owl.carousel.min.css') }}">
	<link rel="stylesheet" href="{{ asset('static/c4rg0_themes/assets/js/vendor/owl-carousel/css/owl.theme.default.css') }}">
	<link rel="stylesheet" href="{{ asset('/static/css/3d_progress.css?v=20200415') }}">

{% endblock %}
{% block stylesheets_last %}
	{{ parent() }}
	<link rel="stylesheet" href="{{ asset('static/configuratore/css/style.css?v=20200415') }}">
    <link rel="stylesheet" type="text/css" href="{{ asset('static/configuratore/css/configuratore.css?v=202309211822') }}" />	
	<link rel="stylesheet" href="{{ asset('static/configuratore/css/do.css?v=20200415') }}">
{% endblock %}
{% block title %}
	{{ 'Configurator'|trans }}
{% endblock %}
{% block body_class %}bg-configurator bg-{{ tipocodice}} page-{{ tipocodice}}{% endblock %}
{% block modal %}
	{% include 'modal/item.html.twig' with {'enablesave': true} %}
	{% include 'modal/modale3d.html.twig' %}
	{% include 'modal/contenitori.html.twig' %}
	{% include 'modal/message.html.twig' %}
	{% include 'modal/attendere.html.twig' %}
	{% include 'configuratore/modali/ordini.html.twig' %}
	{% include 'configuratore/modali/salvataggi.html.twig' %}
	{% include 'modal/configengine.html.twig' %}
	<div class="md-overlay"></div>
	<!-- the overlay element -->
{%  endblock %}
{% block body %}
	<script>

		if (window.history.replaceState) {
window.history.replaceState(null, null, window.location.href);
}
	</script>
	<!-- content main container -->
	{% set currentPath = path(app.request.attributes.get('_route'), app.request.attributes.get('_route_params')) %}


	{% if form != null %}


		<div id="content" class="col-md-12">
			{{ form_start(form) }}
			{{ form_widget(form.AssignedOp) }}
			<div
				class="main">


				<!-- row -->
				<div
					class="row">


					<!-- col 12 -->
					<div class="col-md-12">


						<!-- tile -->
						<!--   <section class="tile transparent"> -->


							<section id="configurator-msg-result" class="tile transparent"> <div class="{{ msgclass|raw }}">
								{{ msg|raw }}
							</div>

						</section>

						{% if op == 'menu' %}
							<section id="configuratore-menu" class="tile transparent">
								<div class="main-menu">
									<section class="tile transparent col-md-2"></section>
									<section class="tile transparent col-md-8" id="block-new-order">
										<div class="tile-body color transparent-black rounded-corners box-import">
											<div class="text" style="margin-bottom: 10px;">
												<h4>
													<strong>{{ 'D.O.'|trans }}</strong>
												</h4>
											</div>
											<div class="col-sm-12">
												<table>
													<tr>
														<td>{{ form_label(form.TipoMezzi) }}</td>
														<td>
															<span class="validate-error">{{ form_errors(form.TipoMezzi) }}</span>
														</td>
													</tr>
												</table>
												<div class="input-group input-main">
													{{ form_widget(form.TipoMezzi) }}
												</div>
											</div>											
											<div class="col-sm-4">
												<div class="col-sm-12">
													<table>
														<tr>
															<td>{{ form_label(form.OrderCode) }}</td>
															<td>
																<span class="validate-error">{{ form_errors(form.OrderCode) }}</span>
															</td>
														</tr>
													</table>
													<div class="input-group input-main">
														{{ form_widget(form.OrderCode) }}
													</div>
												</div>


												<div class="col-sm-4 btn-esegui-2 btn-sel-import">
													<span class="input-group-btn">
														<span class="btn btn-primary btn-go btn-new-mo" data-op="add-from-mo">
															{{ 'New From M.O.'|trans }}
															{{ form_widget(form.MoveOrderList) }}
														</span>
													</span>		
													
												{#	<span class="input-group-btn">
														<span class="btn btn-primary btn-go btn-new-so" data-op="add-items-file">
															{{ 'New From S.O.'|trans }}
														</span>
													</span>													
												#}
													

												</div>





												<div class="col-sm-12">

													<table>
														<tr>
															<td>{{ form_label(form.OrderList2) }}</td>
															<td>
																<span class="validate-error">{{ form_errors(form.OrderList2) }}</span>
															</td>
														</tr>
													</table>
													<div class="input-group input-main">
														<span class="input-group-btn">
															<span class="btn btn-primary btn-file">
																<i class="fa fa-upload"></i>
																{{ form_widget(form.OrderList2) }}
															</span>
														</span>
														<input type="text" class="form-control" readonly id="order-list">
													</div>
													{{ form_help(form.OrderList2) }}
												</div>
												<div class="col-sm-12">
													<table>
														<tr>
															<td>{{ form_label(form.OrderListForceEmpty) }}</td>
															<td>
																<span class="validate-error">{{ form_errors(form.OrderListForceEmpty) }}</span>
															</td>
														</tr>
													</table>
													<div class="input-group">
														<span class="input-group-btn">
															{{ form_widget(form.OrderListForceEmpty) }}
														</span>
													</div>
													{{ form_help(form.OrderListForceEmpty) }}
												</div>
	
											</div>
											<div class="contenitore-immagine-testata col-md-4">
												<img class="immagine-testata" src="{{ asset('/static/configuratore/images/blocks/HP_Base_DX_Load_Conf_LAND.png') }}">
												<img class="immagine-testata-logo" src="{{ asset('/static/images/loghi_aziende/DS-C4RGO-logo.png') }}">
											</div>
											<div class="col-sm-4">
												<div class="col-sm-12">
													<table>
														<tr>
															<td>{{ form_label(form.Destinazione) }}</td>
															<td>
																<span class="validate-error">{{ form_errors(form.Destinazione) }}</span>
															</td>
														</tr>
													</table>
													<div class="input-group input-main">
														{{ form_widget(form.Destinazione) }}
													</div>
													{{ form_help(form.Destinazione) }}
												</div>
												<div class="col-sm-12">
													<table>
														<tr>
															<td>{{ form_label(form.DataSpedizione) }}</td>
															<td>
																<span class="validate-error">{{ form_errors(form.DataSpedizione) }}</span>
															</td>
														</tr>
													</table>
													<div class="input-group input-main">
														{{ form_widget(form.DataSpedizione) }}
													</div>
													{{ form_help(form.DataSpedizione) }}
												</div>
											</div>
											<div class="col-sm-12">
												<div class="col-sm-6" id="import-model">
													<a href="{{ asset('/static/model/configuratore_import_model.csv') }}" download="configuratore_import_model">
														<i class="fa fa-download"></i>
														{{ 'Download csv model'|trans }}</a>
												</div>
												<div class="col-sm-6 btn-esegui">

													<span class="input-group-btn">
														<span class="btn btn-primary btn-add-items-file btn-go" data-op="add-items-file">
															{{ 'New'|trans }}
														</span>
													</span>													
													

												</div>
											</div>

											<div class="col-sm-12">
												&nbsp;
											</div>
											<div class="col-sm-12">
												<div class="col-sm-6">

							&nbsp;

												</div>
												<div class="col-sm-6 btn-esegui">
													<span class="input-group-btn">
														<span id="go-search" class="btn btn-primary btn-go">
															{{ 'Search'|trans }}
														</span>
													</span>
												</div>
											</div>




										</div>

									</section>
									<section class="tile transparent col-md-2"></section>


								</div>
							</section>


						{% else %}


							<section class="tile transparent col-md-3" id="block-manage-items">
								<div class="tile-header color transparent-black rounded-corners">
									<div class="controls">
										<a href="#" class="refresh">
											<i class="fa fa-refresh fa-2x"></i>
										</a>
									</div>
								</div>
								<div class="tile-body color transparent-black rounded-corners box-2D">
									<div class="form-group col-sm-12">
										<div class="col-sm-12">
											<table>
												<tr>
													<td>{{ form_label(form.OrderCode) }}</td>
													<td>
														<span class="validate-error">{{ form_errors(form.OrderCode) }}</span>
													</td>
												</tr>
											</table>
											<div class="input-group">
												{{ form_widget(form.OrderCode) }}
												<span class="input-group-btn">
													<span class="btn btn-primary btn-assign-order {% if codice_set %}assign-order-remove{% else %}assign-order-add{% endif %}">
														{% if codice_set %}
															<div style="font-size: 2vmin; height: 36px;">&nbsp;</div>															
														{% else %}
															<i class="fa fa-plus"></i>
														{% endif %} 
													</span>
												</span> 
											</div>
											{{ form_help(form.OrderCode) }}


										</div>
										{% if codice_set %}
											<div class="col-sm-8">
												<table>
													<tr>
														<td>{{ form_label(form.OrderItem) }}</td>
														<td>
															<span class="validate-error">{{ form_errors(form.OrderItem) }}</span>
														</td>
													</tr>
												</table>
												<div class="">
													{{ form_widget(form.OrderItem) }}
												</div>
												{{ form_help(form.OrderItem) }}
											</div>
											<div class="col-sm-4">
												<table>
													<tr>
														<td>{{ form_label(form.OrderItemQty) }}</td>
														<td>
															<span class="validate-error">{{ form_errors(form.OrderItemQty) }}</span>
														</td>
													</tr>
												</table>
												<div class="input-group">
													{{ form_widget(form.OrderItemQty) }}
													<span class="input-group-btn">
														<span class="btn btn-primary btn-add-item" data-op="add-item">
															<i class="fa fa-plus"></i>
														</span>
													</span>
												</div>
												{{ form_help(form.OrderItemQty) }}
											</div>
											{% include 'block/tot_and_counter.html.twig'  with {'block_name':'blocco-totali','showpc':0,'tipocodice':tipocodice,'b64codice':b64codice,'ap':'0'} %}	

											{#<div class="col-sm-12">

												<table>
													<tr>
														<td>{{ form_label(form.OrderList) }}</td>
														<td>
															<span class="validate-error">{{ form_errors(form.OrderList) }}</span>
														</td>
													</tr>
												</table>
												<div class="input-group">
													<span class="input-group-btn">
														<span class="btn btn-primary btn-file">
															<i class="fa fa-upload"></i>
															{{ form_widget(form.OrderList) }}
														</span>
													</span>
													<input type="text" class="form-control" readonly id="order-list">
													<span class="input-group-btn">
														<span class="btn btn-primary btn-add-items-file" data-op="add-items-file">
															<i class="fa fa-plus"></i>
														</span>
													</span>
												</div>
												{{ form_help(form.OrderList) }}
											</div>
											<div class="col-sm-12">
												<table>
													<tr>
														<td>{{ form_label(form.OrderListForceEmpty) }}</td>
														<td>
															<span class="validate-error">{{ form_errors(form.OrderListForceEmpty) }}</span>
														</td>
													</tr>
												</table>
												<div class="input-group">
													<span class="input-group-btn">
														{{ form_widget(form.OrderListForceEmpty) }}
													</span>
												</div>
												{{ form_help(form.OrderListForceEmpty) }}
											</div>
											<div class="col-sm-12" id="import-model">
												<a href="{{ asset('/static/model/configuratore_import_model.csv') }}" download="configuratore_import_model">
													<i class="fa fa-download"></i>
													{{ 'Download csv model'|trans }}</a>
											</div> #}
										{% endif %}
									</div>
								</div>
							</section>



							<section class="tile transparent col-md-6" id="block-manage-total">
								<div class="tile-header color transparent-black rounded-corners">
									<div class="controls">
										<a href="#" class="refresh">
											<i class="fa fa-refresh fa-2x"></i>
										</a>
									</div>
								</div>
								<div class="tile-body color transparent-black rounded-corners box-layer">
									<div class="body">
										{% if codice_set %}
											{% include 'block/contenitore.html.twig'  with {'block_name':'blocco-trasporto','showpc':0,'showpcbar':0,'tipocodice':tipocodice,'codice':codice} %}	
										{% endif%}
									</div>
									{% if not salvato|default(0) in [1, 2, 3]%}
										<div class="col-md-12" style="position: absolute; bottom: 10px; margin-top: 10px; text-align: center; margin-top: 10px; margin-bottom: 10px">
											<div class="col-md-4">
												<span class="input-group-btn">
													<span class="btn btn-primary btn-run-mo btn-run-single-mo" id="btn-run-single-mo" data-op="run-mo" style="width: 100%;">
														<div>{{ 'Load Simulation'|trans }}</div>
													</span>
												</span>
											</div>
											{#<div class="col-md-4">
												<span class="input-group-btn">
													<span class="btn btn-primary btn-run-mo 
													btn-run-multi-mo" id="btn-run-multi-mo" data-op="run-mo" style="width: 100%;">
														<div>{{ 'Calculate Multi Layer'|trans }}</div>
													</span>
												</span>
											</div> #}
											<div class="col-md-4">
												<span class="input-group-btn">
													<span class="btn btn-primary btn-box-mo" id="btn-box-mo" data-op="box-mo" style="width: 100%;">
														<div>{{ 'Truck'|trans }}</div>
													</span>
												</span>
											</div>
										</div>
									{% endif %}
								</div>
							</section>
							
							<section class="tile transparent col-md-3" id="block-manage-3d">
								<div class="tile-header color transparent-black rounded-corners">
									<div class="controls">
										<a href="#" class="enlarge">
											<i class="modale-3d fa fa fa-arrows-alt fa-2x"></i>
										</a>
										<a href="#" class="refresh">
											<i class="fa fa-refresh fa-2x"></i>
										</a>
									</div>
								</div>
								<div class="tile-body color transparent-black rounded-corners container-box-3D">


									<ul class="tile-navbar bg-transparent-black-3 select-3d">
										{% if is_granted('ROLE_3DOBJ_TYPE') %}
											<li class="select-3d obj-type">
												<a id="id-point" class="btn btn-blue choose-obj" href="#">{{ "SHOW POINT"|trans }}</a>
											</li>

											<li class="select-3d obj-type">
												<a id="id-inbound" class="btn btn-hotpink choose-obj" href="#">{{ "IN BOUND"|trans }}</a>
											</li>
											<li class="select-3d obj-type">
												<a id="id-package" class="btn btn-dutch choose-obj" href="#">{{ "PACKAGE"|trans }}</a>
											</li>
											<li class="select-3d obj-type">
												<a id="id-surface" class="btn btn-blue choose-obj" href="#">{{ "SURFACE"|trans }}</a>
											</li>
											<li class="select-3d obj-type">
												<a id="id-v-shape" class="btn btn-greensea choose-obj" href="#">{{ "V - SHAPE"|trans }}</a>
											</li>
										{% endif %}


										<li class="select-3d">
											<a id="id-view-top" href="#" class="page-menu-btn no-select choose-display" style=""></a>
										</li>
										<li class="select-3d">
											<a id="id-view-front" href="#" class="page-menu-btn no-select choose-display" style=""></a>
										</li>
										<li class="select-3d">
											<a id="id-view-back" href="#" class="page-menu-btn no-select choose-display" style=""></a>
										</li>
										<li class="select-3d">
											<a id="id-view-left" href="#" class="page-menu-btn no-select choose-display" style=""></a>
										</li>
										<li class="select-3d">
											<a id="id-view-right" href="#" class="page-menu-btn no-select choose-display" style=""></a>
										</li>
										<li class="select-3d">
											<a id="id-cube" href="#" class="page-menu-btn no-select choose-display" style="">
												<i class="fa fa-cube" title="Isometric"></i>
											</a>
										</li>
										<li class="select-3d">
											<a id="id-camera1" href="#" class="page-menu-btn no-select choose-display" style="">
												<i class="fa fa-camera" title="Isometric"></i>
											</a>
										</li>
										<li class="select-3d">
											<a id="id-camera2" href="#" class="page-menu-btn no-select choose-display" style="">
												<i class="fa fa-camera-retro" title="Isometric"></i>
											</a>
										</li>
									</ul>


									<div id="box-3D" class="box-3D watermarked" data-content="">
										<i class="material-icons refresh3D">&#xe84d;</i>
									</div>
								</div>
							</section>							
							
							<section class="tile transparent col-md-12" id="box-items-list">
								<div class="tile-header color transparent-black rounded-corners">
									<div class="controls">
										<a href="#" class="minimize">
											<i class="fa fa-chevron-down fa-2x"></i>
										</a>
										<a href="#" class="refresh">
											<i class="fa fa-refresh fa-2x"></i>
										</a>
									</div>
								</div>
								<div class="tile-body color transparent-black rounded-corners">
									<div class="table-responsive">
										<div class="tile-body color transparent-black rounded-corners">
											<div class="tab-obj table-responsive">
												<div id="id-error-msg" class="error-red"></div>
												<table id="items-result" class="tab-order-items display search-result table-datatable master" style="width:100%">
													<thead>
														<tr data-src="0">
															<th width="40" style="width: 2%; min-width: 100px; text-align: center;"></th>
															<th width="80" class="sort-alpha identify-detail first-col" style="width: 10%;text-align: center;">
																<h3 style="vertical-align: bottom;">{{ 'Code'|trans }}</h3>
															</th>
															<th width="80" class="sort-alpha identify-detail" style="width: 5%; text-align:center;">
																<h3>{{ 'Qty'|trans }}</h3>
															</th>
															<th width="80" class="sort-numeric" style="min-width: 10%; text-align: center;">
																<h3>{{ 'Weight / carrying capacity'|trans }} {{ '[Kg]'|trans }}</h3>
															</th>
															<th width="80" class="sort-numeric" style="min-width: 10%; text-align: center;">
																<h3>{{ 'Volume / Int. Volume'|trans }} {{ '[m3]'|trans }}</h3>
															</th>
															<th width="80" class="sort-numeric" style="min-width: 10%; text-align: center;">
																<h3>{{ 'Surface / Int. Surface'|trans }} {{ '[m2]'|trans }}</h3>
															</th>
															<th width="80" class="sort-numeric identify-detail" style="width: 5%; text-align:center;">
																<h3></h3>
															</th>
															<th width="80" class="sort-alpha identify-detail" style="width: 5%; text-align:center;">
																<h3></h3>
															</th>
															<th width="50" class="text-center" style="min-width: 7%; text-align: center;"><br></th>
															<th width="50" class="text-center" style="min-width: 14%; width: 800px;text-align: center;">

															<div class="salvataggi">
																{% if salvato|default(0) > 0 %}

																<a id="trash-all" href="#">
																	<div class="cmd-reset cmd-exec-reset tipo-R" 
																		style="border: 1px solid white; border-radius: 8px; margin-bottom: 12px; display: inline-block; margin-left: 10px;">
																		<i class="fa fa-refresh"></i>
																		<div class="th-label">{{ 'Reset'|trans }}</div>
																		</div>
																</a>
																{% endif %}
																<a class="disabled" href="{{ path('configuratore_do',{'op':'emo','code':b64codice}) }}">
																	<div class="cmd-salvati cmd-exit tipo-0 disabled" 
																		style="border: 1px solid white; border-radius: 8px; margin-bottom: 12px; display: inline-block; margin-left: 10px;">
																		<i class="fa fa-pencil disabled"></i>
																		<div class="th-label disabled">Modify</div>
																	</div>
																</a>
																{% if is_granted('ROLE_3DAUTO') and salvato != 3 %}
																	<a href="{{ path('configuratore_do',{'op':'emo','code':b64codice,'salvato':3}) }}">
																		<div class="cmd-salvati cmd-2d-aut tipo-3">
																			<img class="cmd-order" src="{{ asset('/static/configuratore/images/icons/ico_2D_aut_trasp.png') }}">
																		</div>
																	</a>
																{% endif %}
																{% if is_granted('ROLE_3DAUTO') and salvato != 2 %}
																	<a href="{{ path('configuratore_do',{'op':'emo','code':b64codice,'salvato':2}) }}">
																		<div class="cmd-salvati cmd-3d-aut tipo-2">
																			<img class=\"cmd-order\" src="{{ asset('/static/configuratore/images/icons/ico_3D_aut_trasp.png') }}">
																		</div>
																	</a>
																{% endif %}
																{% if is_granted('ROLE_3DMAN') and salvato != 1 %}
																	<a href="{{ path('configuratore_do',{'op':'emo','code':b64codice,'salvato':1}) }}">
																		<div class="cmd-salvati cmd-3d-man tipo-1">
																			<img class="cmd-order" src="{{ asset('/static/configuratore/images/icons/ico_3D_man_trasp.png') }}">
																		</div>
																	</a>
																{% endif %}
																<a href="#">
																	<div class="cmd-salvati config-3D tipo-0" 
																		style="border: 1px solid white; border-radius: 8px; margin-bottom: 12px; display: inline-block; margin-left: 10px;">
																		<i class="fa fa-gear"></i>
																		<div class="th-label">Settings</div>
																		</div>
																</a>
															</div>
		

															</th>
														</tr>
													</thead>
												</table>
											</div>
										</div>
									</div>

<!-- Inizio Vecchia tabella -->
{#
									<div class="tab-obj table-responsive">
										<table
											class="table table-datatable table-custom tabella-pesata no-row-select tab-order-items" id="tab-order-items">
											<!--end - Advanced table TOP-->
											<thead>
												<tr data-src="0">
													<th width="80" class="sort-alpha identify-detail first-col" style="width: 10%;text-align: center;">
														<h3 style="vertical-align: bottom;">{{ 'Item'|trans }}</h3>
														<div class="btn sel-obj" style="border: 1px solid white; border-radius: 8px; margin-bottom: 12px; display: inline-block; margin-left: 10px;">
															<i class="fa fa-remove fa-2x"></i>
															<div class="th-label">Unselect all</div>
														</div>
													</th>
													<th width="80" class="sort-alpha identify-detail" style="width: 5%; text-align:center;">
														<h3></h3>
													</th>
													<th width="80" class="sort-alpha identify-detail" style="width: 5%; text-align:center;">
														<h3></h3>
													</th>
													<th width="80" class="sort-alpha identify-detail" style="width: 5%; text-align:center;">
														<h3>{{ 'Qty'|trans }}</h3>
													</th>
													<th width="80" class="sort-alpha" style="min-width: 10%; text-align: center;">
														<h3>[Kg]<br><br>{{ 'Weight'|trans }}</h3>
													</th>
													<th width="80" class="sort-numeric" style="min-width: 10%; text-align: center;">
														<h3>[Mc]<br><br>{{ 'Volume'|trans }}</h3>
													</th>
													<th width="50" class="text-center" style="min-width: 7%; text-align: center;"><br></th>
												</tr>
											</thead>
											<tbody>
												{% for riga in elenco %}
													<tr id="rigaitem-{% if riga.exp_id != null and riga.exp_id != '' %}{{ riga.exp_id }}{% else %}0{% endif %}" data-id="{{ riga.cid }}" data-l="{{ riga.LPackage }}" data-w="{{ riga.WPackage }}" data-h="{{ riga.HPackage }}" data-qty="{{ riga.qty }}" data-pos="{{ loop.index }}" data-src-old="{% if riga.exp_id != null and riga.exp_id != '' %}{{ riga.exp_id }}{% else %}0{% endif %}">
														<td>
															<div class="cell-code {% if  riga.ID != null %}dati-loader{% endif %} {% if riga.ID is null %}bg-red{% else %}bg-normal{% endif %}" style="padding: 6px; border-radius: 10px; min-width: 500px; width: 10%;text-align: center;">
																{% if riga.ID != null %}
																	<a href="#" onclick="javascript:showItemInfo('{{ riga.obj_code }}', 'ID{{ riga.ID }}', null);">
																		<h3>{{ riga.cobj_code }}</h3>
																	</a>
																	{% if riga.IID != null and riga.nudo_vestito == 0 %}
																		<i class="sel-obj fas fa-box fa-2x index-col color-cell"></i>
																	{% else %}
																		<i class="sel-obj fas fa-box fa-2x index-col color-cell"></i>
																	{% endif %}
																{% else %}
																	<div>
																		<h3>{{ riga.cobj_code }}</h3>
																	</div>
																	<i class="fa fa-exclamation-triangle fa-3x" aria-hidden="true"></i>
																{% endif %}
															</div>
														</td>
														<td width="80" class="" style="width: 5%;text-align: center;">
															<h3></h3>
														</td>
														<td width="80" class="" style="width: 5%;text-align: center;">
															<h3>
																{% if riga.IID != null and riga.IID == riga.ID %}
																	<img src="{{ asset('static/images/loghi_aziende/Oracle_Corporation_logo.svg') }}">
																	{% else %}
																{% endif %}
															</h3>
														</td>
														<td width="80" class="" style="width: 5%;text-align: center;">
															<h3>{{ riga.qty }}</h3>
														</td>

														<td width="80" class="" style="min-width: 10%; text-align: center;">
															<h3>{{ riga.NetWeight|number_format(3, ',', '.') }}</h3>
														</td>
														<td width="80" class="" style="min-width: 10%; text-align: center;">
															<h3>{{ riga.Volume|number_format(3, ',', '.') }}</h3>
														</td>
														<!--  <td width="80" class="sort-numeric" style="min-width: 10%; text-align: center;"><h3>{{ riga.HPackage|number_format(2, ',', '.') }}</h3></td>
																																																																						                                                            <td width="80" class="sort-numeric" style="min-width: 10%; text-align: center;"><h3>{{ riga.WPackage|number_format(2, ',', '.') }}</h3></td>
																																																																						                                                            <td width="80" class="sort-numeric" style="min-width: 10%; text-align: center;"><h3>{{ riga.LPackage|number_format(2, ',', '.') }}</h3></td>-->
														<!-- <td width="50" class="text-center" style="min-width: 7%; text-align: center;"><h3><a class="edit" href="#"><i class="fa fa-pencil-square-o fa-2x"></i></a></h3></td> -->
														<td width="50" class="text-center delete-item" style="min-width: 7%; text-align: center;">
															<h3>
																<i class="fa fa-trash fa-2x" style="color: red;"></i>
															</h3>
														</td>
													</tr>
												{% endfor %}
											</tbody>
										</table>
									</div>
									#}
<!-- Fine Vecchia tabella -->					
								
								</div>
							</section>
						{% endif %}

						<!-- </section> -->
					</div>

				</div>
				{% if op == 'menu' or op == 'mmo' %}
					<div
						class="row">
						<!-- col 12 -->
						<div class="col-md-12">
							<section id="search-mo-result" class="tile transparent col-md-12">
								<div class="tile-header color transparent-black rounded-corners">
									<div class="controls">
										<a href="#" class="minimize">
											<i class="fa fa-chevron-down fa-2x"></i>
										</a>
										<a href="#" class="refresh">
											<i class="fa fa-refresh fa-2x"></i>
										</a>
									</div>
								</div>
								<div class="tile-body color transparent-black rounded-corners">
									<div class="table-responsive">

										<div id="id-error-msg" class="error-red"></div>
										<table id="searchresult" class="display search-result table-datatable" style="width:100%">
											<thead>
												<tr>
													<th width="40" style="width: 2%; min-width: 100px; text-align: center;"></th>
													<th>{{ "global.Date"|trans }}</th>
													<th>{{ "form.DeliveryOrderCode"|trans }}</th>
													<th style="text-align: center;">{{ "form.configuratore.NrItems"|trans }}</th>
													<th style="text-align: center;">{{ "global.Operator"|trans }}</th>
													<th style="text-align: center;">{{ "global.Destination"|trans }}</th>
													<th style="text-align: center;">{{ "global.DeliveryDate"|trans }}</th>
													<th>{{ "global.Status"|trans }}</th>
													<th>&nbsp;</th>
													<th>
														&nbsp;



													</th>
												</tr>
											</thead>
										</table>
									</div>
								</div>
							</section>
						</div>

					</div>
				{% endif %}
			</div>

			{{ form_row(form._token) }}
			{# ... #}
			{{ form_end(form, {'render_rest': false}) }}

		</div>


	{% endif %}


<div id="tab-detail-model" class="hidden-element">
	<div class="sub-table-responsive">
		<div id="id-error-msg-<!--ID-->" class="error-red"></div>
		<table id="items-result-box-<!--ID-->" class="display search-result table-datatable child-tab detail" style="width:100%">
			<thead>
				<tr data-src="0">
					<th class="text-center" style="text-align: center;"><br></th>
					<th class="sort-alpha identify-detail first-col" style="text-align: center;">
						<h3 style="vertical-align: bottom;">{{ 'Code'|trans }}</h3>
					</th>
					<th class="sort-numeric" style="text-align: center;">
						<h3>{{ 'M.O.'|trans }}</h3>
					</th>
				{#	<th class="sort-numeric identify-detail" style="text-align: center; min-width: 240px;">
						<h3>{{ 'Quantity'|trans }}</h3>
					</th>#}
					<th class="sort-numeric" style="text-align: center;">
						<h3>{{ 'Weight'|trans }}&nbsp;{{ '[Kg]'|trans }}</h3>
					</th>
					<th class="sort-numeric" style="text-align: center;">
						<h3>{{ 'Volume'|trans }}&nbsp;{{ '[Mc]'|trans }}</h3>
					</th>
					<th class="sort-numeric" style="text-align: center;">
						<h3>{{ 'Surface'|trans }}&nbsp;{{ '[Mq]'|trans }}</h3>
					</th>


					<th class="sort-alpha identify-detail" style="text-align:center;">
						<h3>&nbsp;</h3>
					</th>
					<th class="sort-alpha identify-detail" style="text-align:center;">
						<h3></h3>
					</th>
					<th class="text-center" style="text-align: center;"><br></th>
				</tr>
			</thead>
		</table>
	</div>
</div>

<div id="tab-salvati-model" class="hidden-element">
	<div class="sub-table-responsive">
		<div id="id-error-salvati-msg-<!--ID-->" class="error-red"></div>
		<table id="salvati-result-<!--ID-->" class="display search-result table-datatable child-tab salvati-detaglio" style="width:100%">
			<thead>
				<tr data-src="0">
					<th class="sort-alpha identify-detail first-col" style="text-align: center;">
						<h3 style="vertical-align: bottom;">0</h3>
					</th>
<!-- 					<th class="sort-numeric identify-detail" style="text-align: center; min-width: 240px;">
						<h3>{{ 'Quantity'|trans }}</h3>
					</th>
					<th class="sort-numeric" style="text-align: center;">
						<h3>{{ 'Weight'|trans }}&nbsp;{{ '[Kg]'|trans }}</h3>
					</th>
					<th class="sort-numeric" style="text-align: center;">
						<h3>{{ 'Volume'|trans }}&nbsp;{{ '[Mc]'|trans }}</h3>
					</th>
					<th class="sort-numeric" style="text-align: center;">
						<h3>{{ 'Surface'|trans }}&nbsp;{{ '[Mq]'|trans }}</h3>
					</th>


					<th class="sort-alpha identify-detail" style="text-align:center;">
						<h3>&nbsp;</h3>
					</th>
					<th class="sort-alpha identify-detail" style="text-align:center;">
						<h3></h3>
					</th>
					<th class="text-center" style="text-align: center;"><br></th>
					-->
				</tr>
			</thead>
		</table>
	</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 type="text/javascript" src="{{ asset('static/configuratore/js/config.js') }}"></script>
	<script type="text/javascript" src="{{ asset('static/c4rg0_themes/assets/js/vendor/justgage/justgage.js') }}"></script>
	<script type="text/javascript" src="{{ asset('static/c4rg0_themes/assets/js/vendor/parsley/parsley.min.js') }}"></script>
	<script type="text/javascript" src="{{ asset('static/DataTables-1.11/datatables.min.js') }}"></script>
	<script type="text/javascript" src="{{ asset('static/DataTables/dataTables.fixedHeader.min.js') }}"></script>
	<script type="text/javascript" src="{{ asset('static/js/moment/moment.min.js') }}"></script>
	<script type="text/javascript" src="{{ asset('static/js/datetime.js') }}"></script>
	<script type="text/javascript" src="{{ asset('bundles/pugxautocompleter/js/autocompleter-jqueryui.js') }}"></script>
	<script type="text/javascript" src="{{ asset('static/c4rg0_themes/assets/js/vendor/owl-carousel/owl.carousel.min.js') }}"></script>
	<script type="text/javascript" src="{{ asset('/static/js/3d_progress.js') }}"></script>
	<script src="//mpryvkin.github.io/jquery-datatables-row-reordering/1.2.3/jquery.dataTables.rowReordering.js"></script>

	<script type="text/javascript" src="{{ asset('static/js/base64.js') }}"></script>		


<script type="text/javascript">

var globalDati = null;


let _testTab = null;
let _testTab2 = null;
let _locale = 'it-IT';
let _maxFracDigits = 3;

let _alert_msg = {{ alert_msg|json_encode|raw }};
let _caratteristiche_shortcut = {{ caratteristiche_shortcut|json_encode|raw }};

var info = new Array();
var tmp;


function myLog(s) {
    console.log(s);
}


$.fn.serializeObject = function() {
    var o = {};
    var a = this.serializeArray();
    $.each(a, function() {
        if (o[this.name]) {
            if (!o[this.name].push) {
                o[this.name] = [o[this.name]];
            }
            o[this.name].push(this.value || '');
        } else {
            o[this.name] = this.value || '';
        }
    });
    return o;
}; 
</script> 
<script type="module">


    import {
        start,
        switchView,
        loadPCD,
        changeView,
        changeObj3D
    } from "{{ asset('static/cloud.js/viewer_3d.js') }}";
var container = document.getElementById("box-3D");
var itemsCount = 0;
var table = null;
var table2 = null;
var maxL = -1;
var totQty = 0;
var curRow;
var totRighe = 0;
var rows = new Array();
var dragSrcRow = null;  // Keep track of the source row
var selectedRows = null;   // Keep track of selected rows in the source table
var srcTable = '';  // Global tracking of table being dragged for 'over' class setting
var enc = new TextEncoder();

let gridSelection = new Array();

function confirmSupp(id) {

}
/*
					const colors_names = {
						aqua: "#00ffff",
						azure: "#f0ffff",
						beige: "#f5f5dc",
						black: "#000000",
						blue: "#0000ff",
						brown: "#a52a2a",
						cyan: "#00ffff",
						darkblue: "#00008b",
						darkcyan: "#008b8b",
						darkgrey: "#a9a9a9",
						darkgreen: "#006400",
						darkkhaki: "#bdb76b",
						darkmagenta: "#8b008b",
						darkolivegreen: "#556b2f",
						darkorange: "#ff8c00",
						darkorchid: "#9932cc",
						darkred: "#8b0000",
						darksalmon: "#e9967a",
						darkviolet: "#9400d3",
						fuchsia: "#ff00ff",
						gold: "#ffd700",
						green: "#008000",
						indigo: "#4b0082",
						khaki: "#f0e68c",
						lightblue: "#add8e6",
						lightcyan: "#e0ffff",
						lightgreen: "#90ee90",
						lightgrey: "#d3d3d3",
						lightpink: "#ffb6c1",
						lightyellow: "#ffffe0",
						lime: "#00ff00",
						magenta: "#ff00ff",
						maroon: "#800000",
						navy: "#000080",
						olive: "#808000",
						orange: "#ffa500",
						pink: "#ffc0cb",
						purple: "#800080",
						red: "#ff0000",
						silver: "#c0c0c0",
						white: "#ffffff",
						yellow: "#ffff00"
					};            
					*/
const colors_value = [
    "#00ffff",
    "#f0ffff",
    "#ff8c00",
    "#0000ff",
    "#a52a2a",
    "#00ffff",
    "#00008b",
    "#ff00ff",
    "#a9a9a9",
    "#006400",
    "#bdb76b",
    "#8b008b",
    "#556b2f",
    "#9932cc",
    "#8b0000",
    "#e9967a",
    "#9400d3",
    "#ffd700",
    "#008000",
    "#4b0082",
    "#f0e68c",
    "#add8e6",
    "#e0ffff",
    "#008b8b",
    "#90ee90",
    "#d3d3d3",
    "#ffb6c1",
    "#ffffe0",
    "#00ff00",
    "#ff00ff",
    "#800000",
    "#000080",
    "#808000",
    "#ffa500",
    "#ffc0cb",
    "#800080",
    "#f5f5dc",
    "#ff0000",
    "#c0c0c0",
    "#ffffff",
    "#ffff00"
];

function rimuoviSalvataggi(a_Url) {
	$.ajax({
		'url': a_Url,
		'type': "DELETE",
		'data': []
	})
	.done(function(data) {
		checkUrlAndGo("{{ path('configuratore_do',{'op':'emo','code':b64codice}) }}", this); 
	})
	.fail(function() {
		alert("{{ 'An error occured'|trans }}");
	})
	.always(function() {
	});   
}


function checkData(data) {
	let _anomalie = 0;
	if ($(data).closest('tr').length > 0) {
		_anomalie = $(data).find(":not([data-anomalia='0'])").length;
	}
	else {
		_anomalie = $("#items-result [data-boxid='0']").find(":not([data-anomalia='0'])").length;
	}
	return true; //(_anomalie === 0);
}
function checkUrlAndGo(url, data) {
	let _checkOk = checkData(data);
	if (_checkOk === false) {
		showGenericMsg("{{ 'Error'|trans }}", "{{ 'Unable to continue, incomplete data'|trans }}", null);
	}
	else {
		location.href = url;
	}
}


function switchViewToModal(acontainer) {
    switchView(acontainer, true);
}

// initialize file upload button function
$('#configuratore-main').on('change', '.btn-file :file', function() {
    var input = $(this),
        numFiles = input.get(0).files ? input.get(0).files.length : 1,
        label = input.val().replace(/\\/g, '/').replace(/.*\//, '');
    input.trigger('fileselect', [numFiles, label]);
});

function resetDati() {
	itemsCount = 0;
	maxL = -1;
	totQty = 0;	
	info = new Array();
	totRighe = 0;
	globalDati.forEach( function(el, idx, d) {
		totRighe = totRighe + el.data.length;
	});	

}
function initDati() {
	resetDati();
  	$(container).html('<div class="progressbar-wrapper"><div class="progressbar"><div class="side front"><div class="bar"></div></div><div class="side back"><div class="bar"></div></div><div class="side top"><div class="bar"></div></div><div class="side bottom"><div class="bar"></div></div><div class="side left"></div></div></div>');
}



function alertById(v) {
	let _msg = '';
	for (let c = 0; c < v.length; ++c) {
		let _iVal = parseInt(v[c]);
		if (v[c] !== '') {
			if (!isNaN(_iVal)) {
				_msg = _msg + _alert_msg[_iVal].termine + '<br />';
			}
		}
	}
	showGenericMsg("{{ 'Error'|trans }}", _msg, null);
}

function isInSelection(v) {

}

function changeObj(v) {
    let ret = 0;
    if (v !== 'N') {
        if ($.inArray(v, gridSelection) >= 0) {
            let locGridSelection = new Array();
            for (var c = 0; c < gridSelection.length; ++c) {
                if (gridSelection[c] !== v) {
                    locGridSelection.push(gridSelection[c]);
                }
            }
            gridSelection = locGridSelection;
        } else {
            gridSelection.push(v);
        }
        ret = ($.inArray(v, gridSelection) >= 0) ? 1 : ((gridSelection.length === 0) ? 0 : -1);
    } else {
        gridSelection = new Array();
    }
	changeObj3D(gridSelection);
    return ret;
}



// initialize file upload button function
$('#items-result').on('click', '.alert-container-on', function() {
	let _sCodici = $(this).closest('div.alert-container-on').data('alert');
	console.log(_sCodici);
	debugger;
	if (_sCodici !== '') {
		alertById(_sCodici.split(','));
	}
});

function loadDati(index, subidx, data) {
	var v_ret = 0;
	if (data.exp_id) {
		var curL = parseFloat(data.LPackage);
		totQty = totQty + data.qty;
		if (curL > maxL) {
			maxL = curL;
		}
		var request = $.ajax({

			xhr: function() {
				var xhr = new window.XMLHttpRequest();
				xhr.upload.addEventListener("progress", function(evt) {
					if (evt.lengthComputable) {
						var percentComplete = evt.loaded / evt.total;
						console.log(percentComplete);
						$('.progress').css({
							width: percentComplete * 100 + '%'
						});
						console.log("......" + percentComplete * 100 + '%');
						if (percentComplete === 1) {
							$('.progress').addClass('hide');
						}
					}
				}, false);
				xhr.addEventListener("progress", function(evt) {
					console.log("++++" + evt.lengthComputable * 100 + '%');
					if (evt.lengthComputable) {
						var percentComplete = evt.loaded / evt.total;
						console.log(percentComplete);
						$('.progress').css({
							width: percentComplete * 100 + '%'
						});
					}
				}, false);
				return xhr;
			},

			url: "{{ path('item_info', {'tipocodice':tipocodice, 'objcode':0,'id':'::ID'}) }}".replace('::ID', data.cid),
			method: "GET",
			dataType: "json"
		}).done(function(msg) {
			var n;
			if (typeof msg.img3d !== "undefined") {
				msg.img = new Array();
				msg.img.push({'img':"{{ path('get_image', {'id':'::ID','tipo':'::TIPO'}) }}".replace('::ID', data.ID).replace('::TIPO', 'F')});
				msg.img.push({'img':"{{ path('get_image', {'id':'::ID','tipo':'::TIPO'}) }}".replace('::ID', data.ID).replace('::TIPO', 'F')});
				for (n = 0; n < msg.img3d.length; ++n) {
					var o = msg.img3d[n];
					switch (o.tipo) {
						case 1:
							tmp = o.img3d;
							if (o.img3d !== '') {
								msg.pcd = loadPCD(enc.encode(o.img3d), 'pc_' + data.exp_id);
							} else {
								msg.pcd = null;
							}
							break;
					/*	case 2:
							tmp = o.img3d;
							if (o.img3d !== '') {
								msg.pcd = loadPCD(enc.encode(o.img3d), 'pc_' + data.exp_id);
							} else {
								msg.pcd = null;
							}
							break;*/
					}
				}
			}
			let _tipo = 'bdo';
			info.push({
				'pos': index,
				'subpos': subidx,
				'id': data.cid,
				'uid': _tipo + '-' + data.bid + '-' + data.box_id + '-' + data.box_prog + '-' + data.cid,
				'bid': data.bid,
				'exp_id': data.exp_id,
				'box_id': data.box_id,
				'qty': data.qty,
				'L': msg.L,
				'W': msg.W,
				'H': msg.H,
				'detail_url': "{{ path('detail_item_nedit',{'id':'::ID','tipo':'BDO'}) }}".replace('::ID', data.ID),
				'color': data.item_color,
				'val': msg
			});
/*			for (n = 0; n < data.qty; ++n) {
				if (n === 0) {
					info[info.length - 1].val.push(msg);
				}
				else {
					info[info.length - 1].val.push(msg);
				}
			}*/
			let pp = Math.round((itemsCount * 100) / totRighe);
			itemsCount++;	
		//	console.log(itemsCount + ' ----- ' +  totRighe);
	//		console.log(info);
			if (itemsCount >= totRighe) {
				info.sort((e1, e2) => {
					if (e1.pos < e2.pos) {
						return -1;
					}
					if (e1.pos > e2.pos) {
						return 1;
					} 
					else  {
						if (e1.subpos < e2.subpos) {
							return -1;
						}
						if (e1.subpos > e2.subpos) {
							return 1;
						} 
					}
					return 0;
				});
				var numDiv = Math.trunc(Math.sqrt(totQty * 1.0));
				numDiv = ((numDiv * numDiv) === totQty) ? numDiv : numDiv + 1;
				pp = 100;
				closeAttendereMsg();
				start(container, info, maxL, numDiv, null, null, null, myLog);
			}
			$(".bar").width(String(pp) + '%');
			$(".front .bar").text(String(pp) + '%');
		}).fail(function(jqXHR, textStatus) { 
			alert("Request failed: " + textStatus);
		}).always(function(jqXHR, textStatus) { 
		//	alert("Request failed: " + textStatus);
		});
	} else {
		itemsCount++;
		if (info.length === 0 && (itemsCount >= totRighe)) {			
			$(container).html('<i class="material-icons refresh3D no-data-3D">&#xe84d;</i>');
		}
	}
	return v_ret;

}

$(function() {
    itemsCount = 0;
    totQty = 0;
    /*
    			var colors = [];
    			while (colors.length < 100) {
    				do {
    					var color = Math.floor((Math.random()*1000000)+1);
    				} while (colors.indexOf(color) >= 0);
    				colors.push("#" + ("000000" + color.toString(16)).slice(-6));
    			}*/

    initModal3d(switchViewToModal);
    $('.modale-3d').on('click', function(v) {
        showModal3d('3D');
    });
    $('ul.select-3d').on('click', '.choose-display', function(v) {
        changeView(this.id);
    });
    $('ul.select-3d').on('click', '.choose-obj', function(v) {
        changeView(this.id);
    });

	$('.btn-next').on('click',
		function(v) {
			let ok = 0;
			let _nOk = 0;
			let _nNoEx = 0;
			let _nIncompl = 0;
			globalDati.forEach(function(v) { 
				ok = ok + v.anomalia; 
				v.data.forEach(function(u) {
					if (exp_id === null) {
						if (qid === null) {
							_nNoEx++;
						}
						else {
							_nIncompl++;
						}
					}
					else {
						_nOk++	
					}
				});
			});
			if (_nIncompl > 0 || _nNoEx > 0) {				
				showGenericMsg("{{ 'Error'|trans }}", "{{ 'Incomplete data'|trans }}", function (v) {
					location.href = '{{ path('page_configuratore', {'codice':codice}) }}';
				});
			}
		}
	)







    $('.tab-obj').on('click', 'div.sel-dettaglio, .child-tab td:not(.not-click)', function(v) {
        var o = $(this).parents('tr.sel-dettaglio');
		if (typeof o === 'undefined' || o.length === 0) {
			o = $(this);
		}
		if (o.hasClass('sel-dettaglio')) {
			var v1 = o.data('selcode');	
		//	console.log(o);
		//	console.log(v1);
			if (typeof v1 !== 'undefined') {
				var n = changeObj(v1);
				if (n > 0) {
					o.addClass('rowselected');
				} else {
					if (n === 0) {
						$('.tab-obj .child-tab tr').removeClass('rowselected');
					}
					else {
						o.removeClass('rowselected');
					}
				}	
			}	
		}
	});


    $('.tab-obj').on('click', 'div.open-all', function(v) {

		table2.rows().every(function() {
			let _d = this.data();
			var _id = _d['box_id'];
			var _prog = _d['box_prog'];
			var _bp = _d['bp'];
			this.child(format(_bp)).show();
			populateTab(_id, _prog, _bp, _d['data']);
		});


	});

    $('.tab-obj').on('click', 'div.close-all', function(v) {
		table2.rows().every(function() {
			let _d = this.data();
            this.child.hide();
            $(this).removeClass('shown');
		});
	});


	$('.tab-obj').on('dblclick', '.child-tab td.double-click', function(e) {
		let oldval = $(this).closest('tr').find('.valore-originale').data('valore');
		$('.valore-originale').removeClass('hidden-element');
		$('.valore-editor').addClass('hidden-element');
		$(this).closest('tr').find('.valore-editor input').val(oldval);
		$(this).closest('tr').attr('draggable', 'false');
		$(this).closest('tr').addClass('modalita-edit');
		$(this).closest('tr').find('.valore-originale').addClass('hidden-element');
		$(this).closest('tr').find('.valore-editor').removeClass('hidden-element');
	});

	$('.tab-obj').on('click', '.child-tab td i.valore-editor.fa.fa-close', function(e) {
		$(this).closest('tr').attr('draggable', 'true');
		$(this).closest('tr').removeClass('modalita-edit');
		$(this).closest('tr').find('.valore-originale').removeClass('hidden-element');
		$(this).closest('tr').find('.valore-editor').addClass('hidden-element');
	});


	$('.tab-obj').on('click', '.child-tab td i.valore-editor.fa.fa-check', function(e) {

		let valore = $(this).closest('td').find('.valore-editor input').val();
		let upurl = "{{ path('update_qty') }}"; 
		let configurazione_id = $(this).closest('tr').data('id');
		let box_id = $(this).closest('tr').data('bid');
		let container_id = $(this).closest('tr').data('box_id');
		let originale = $(this).closest('tr').data('qty_originale');
		//alert('- ' + valore + ' - ' + originale + ' - ' + item_id + ' - ' + box_id + ' - ' + container_id);
		$.ajax({
			'url': upurl,
			'type': "PUT",
			'data': {
				  "configurazione_id"		:configurazione_id
				, "box_id"					:box_id 
				, "container_id"			:container_id
				, "valore"					:valore
				, "originale"				:originale
				, "tipo"					:'do'
			}
		})
		.done(function(data) {
			console.log(data);
			if (data.err === 0) {
			}
		})
		.fail(function() {
			alert("{{ 'An error occured'|trans }}");
		})
		.always(function() {
			$(this).closest('td').find('.valore-originale').data('valore', valore);
			$(this).closest('tr').attr('draggable', 'true');
			$(this).closest('tr').removeClass('modalita-edit');
			$(this).closest('tr').find('.valore-originale').removeClass('hidden-element');
			$(this).closest('tr').find('.valore-editor').addClass('hidden-element');	
			updateGrid(true, true, false);
		});



/*



		let dom = $(this);
		let tr = dom.closest('tr');
		if (tr.length > 0) {
			let tr1 = tr[0];
			let cat_id = dom.data('cat_id');
			let item_id = dom.data('item_id');
			let valore = dom.data('valore');
			let configurazione_id = $(tr1).data('id');
			let exp_id = $(tr1).data('exp_id');
			let item_code = $(tr1).data('codice_item');
			if (valore !== "1" && valore !== 1) {
				valore = "1";
			}
			else {
				valore = "0";
			}
			dom.closest('.shortcut-container').find('.shortcut').addClass('hidden-element');
			dom.closest('.shortcut-container').find('.shortcut-spinner').removeClass('hidden-element');
			console.log(
				{
					  "cat_id"		:cat_id
					, "item_id"		:item_id 
					, "valore"		:valore
					, "id"			:configurazione_id
					, "exp_id"		:exp_id
					, "item_code"	:item_code
			  }
			);


		}

*/









	});



    // $('#form_OrderItem').autocompleter({url_list: "{{ path('ac_search') }}", url_get: "{{ path('ac_get') }}"});


    var tags = [
        "c++",
        "java",
        "php",
        "coldfusion",
        "javascript",
        "asp",
        "ruby"
    ];
    $("#form_OrderItem").autocomplete({
        source: "{{ path('ac_search') }}"
    });

    //$(container).html('<div></div>');
    // $("#" + id3D + " h1").html("3D<span class=\"progress-3d-text\"> - 0%</span>");
    $(".bar").width('0%');
    $(".front .bar").text("0%");


	function MyLog() {
		alert('ok');
	}



    $('#items-result').on('click', '.delete-item .fa-trash', function(event) {
		var _id = $(this).closest('tr').data('id');
		var _bid = $(this).closest('tr').data('bid');
		var _tab = $('#items-result').DataTable();
		var _row = _tab.row($(this).closest('tr'));
		let delurl = "{{ path('manage_order_do', { 'obj':'i','id':'::BID' }) }}".replace('::BID', _bid); 
		//console.log(delurl);
		if (confirm("{{ 'Confirm deletion?'|trans }}")) {
			$.ajax({
                url: delurl,
                type: "DELETE",
                success: function(data) {
					console.log(delurl);
					console.log(data);
                  //  alert(data.msg);
                    if (data.err === 0) {
						//_tab.row(_row).remove().draw();
						updateGrid(true, true, false);
                    } else {}
                },
                error: function(data) {
                    alert("{{ 'An error occured'|trans }}");
                }
            });
        }
    });

	function deleteOrder(id, a_Row) {
		let delurl = "{{ path('manage_order_do', { 'obj':'m','id':'::ID' }) }}".replace('::ID', id); 
		$.ajax({
			url: delurl,
			type: "DELETE",
			success: function(data) {
				console.log(delurl);
				console.log(data);
				if (data.err === 0) {
					table.row(a_Row).remove().draw();
				} else {
					
				}
			},
			error: function(data) {
				alert("{{ 'An error occured'|trans }}");
			}
		});
	}

/*
	$('#searchresult').on('click', '.show-saved-solution', function(event) {
		let _codice = $(this).closest('tr').data('b64codice');
		if (typeof showConfiguratorSavedLog === 'function') {
			showConfiguratorSavedLog(_codice);
		}
		else {
			alert('{{ 'Not supported!'|trans }}');
		}
	});*/

    $('#searchresult').on('click', '.delete-order', function(event) {
		let _tr = $(this).closest('tr');
		let _id = _tr.data('id');		
		if (confirm("{{ 'Confirm deletion?'|trans }}")) {			
			deleteOrder(_id, _tr);
        }
    });


    $('#items-result').on('click', '.delete-item .fa-upload', function(event) {
		let _tab = $(this).closest('table').DataTable();
		let _row = _tab.row($(this).closest('tr'));
		let _d = _row.data();
		let _id  = (typeof _d.cid === 'undefined') ? 0 : _d.cid;
		let _bid = (typeof _d.bid === 'undefined') ? 0 : _d.bid;
		let _box_id  = _d.box_id;
		let _box_prog = _d.box_prog;
		let delurl = "{{ path('manage_order_do', { 'obj':'m' }) }}"; 
		if (_bid === 0) {
			_bid = new Array();
			for (let c = 0; c < _d.data.length; ++c) {
				if (typeof _d.data[c].bid !== 'undefined') {
					_bid.push(_d.data[c].bid);
				}
			}
		}
		//console.log(delurl);
		if (confirm("{{ 'Confirm remove?'|trans }}")) {
			$.ajax({
                url: delurl,
                type: "PUT",
				data: {"ids":_bid,"box_id":_box_id,"box_prog":_box_prog},
                success: function(data) {
                   // alert(data.msg);
                    if (data.err === 0) {
						updateGrid(true, true, false);
                    } else {}
                },
                error: function(data) {
                    alert("{{ 'An error occured'|trans }}");
                }
            });
        }
    });


	let aaaaa = 0;
	function updateGridLocal(a_DrawGrid) {
		let _data = globalDati; //table2.data();
		let c1;
		let c2;
		for (c1 = 0; c1 < _data.length; ++c1) {
			_data[c1].qty = 0;
			_data[c1].TotNetWeight = 0.0;
			_data[c1].TotVolume = 0.0;
			for (c2 = 0; c2 < _data[c1].data.length; ++c2) {
				_data[c1].qty += _data[c1].data[c2].qty;
				_data[c1].TotNetWeight += _data[c1].data[c2].TotNetWeight;
				_data[c1].TotVolume += _data[c1].data[c2].TotVolume;
			}
		}
		if (a_DrawGrid) {
			let _curTab = table2.rows();
			let _openRows = new Array();

			table2.rows().every(function(){
				if (this.child.isShown()) {
					let _d = this.data();
					_openRows.push(_d.bp);
				}
			});





/*
    // Add event listener for opening and closing details
    $('#items-result').on('click', 'td.dt-control', function () {
        var _tr = $(this).closest('tr');
		var _tab = $('#items-result').DataTable();
		var _row = _tab.row(_tr);
 
        if (_row.child.isShown()) {
            // This row is already open - close it
            _row.child.hide();
            _tr.removeClass('shown');
        }
        else {
            // Open this row
			var _d = _row.data();
			var _id = _d['box_id'];
			var _prog = _d['box_prog'];
			var _bp = _d['bp'];
            _row.child(format(_bp)).show();
            _tr.addClass('shown');
			populateTab(_id, _prog, _bp, _d['data']);
        }
    });
*/


			table2.clear();
			table2.rows.add(_data).draw();

			_curTab = table2.rows();

			table2.rows().every(function() {
				let _d = this.data();
				if (_openRows.includes(_d.bp)) {
					var _id = _d['box_id'];
					var _prog = _d['box_prog'];
					var _bp = _d['bp'];
					this.child(format(_bp)).show();
//					_tr.addClass('shown');
					populateTab(_id, _prog, _bp, _d['data']);
				}
			});


		}
	}

	function updateGrid(a_Reload, a_DrawGrid, a_Reload3D) {
		showAttendereMsg("", "{{ 'Wait...'|trans }}", null);
		if (!a_Reload) {
			updateGridLocal(a_DrawGrid);
			closeAttendereMsg();
		}
		else {
			let url = "{{ path('manage_order_do', {'obj':'o','id':'::ID','salvato':salvato}) }}".replace('::ID', $('#form_OrderCode').val());
			$.ajax({
				'url': url,
				'type': "GET",
				'data': {}
			})
			.done(function(data) {
				globalDati = data.data;	
				gridSelection = new Array();
				changeObj3D(gridSelection);
				updateGridLocal(a_DrawGrid);
				if (a_Reload3D) {
					updateInfo();
				}
			})
			.fail(function() {
				alert("{{ 'An error occured'|trans }}");
			})
			.always(function() {
				closeAttendereMsg();
			});
		}
	}

	$('#box-items-list .controls .refresh').on(
		'click',
		function(ev) {
			updateGrid(true, true, false);
		}
	);


	function updateInfo() {
		if (globalDati !== null) {
			let _data = globalDati;
			let c1;
			let c2;
			let initOk = true;
			if (_data !== null) {
				showAttendereMsg("", "{{ 'Wait...'|trans }}", null);
				_data.forEach(
					function(v) {
						if (v.data !== null) {
							v.data.forEach(
								function(u) {
									if (initOk) {
										initDati();
										initOk = false;
									}
									loadDati(c1 + 1, c2 + 1, u);	
								}
							);
						}	
					}
				);
			}
		}

	}
	

	function updateItemDetail() {

			updateGrid(true, true, false);
			//
		//	alert('aaa   ------ ' );
		//	MyLog();
	}
		

    $('#items-result').on('click', '.apri-dettaglio', function(event) {

		let _tab = $(this).closest('table.detail').DataTable();
		let _data = _tab.row($(this).closest('tr')).data();
		if (typeof _data === 'object') {
			let _uid;	
			let _cid = _data.cid;
			let _descr = _data.descrizione;
			let _codice = _data.cobj_code;
			let _tipo = 'bdo';
			let _realcodice = _data.stipo_contenitore;
			_uid = _tipo + '-' + _data.bid + '-' + _data.box_id + '-' + _data.box_prog + '-' + _cid;
			if (typeof _descr !== 'undefined' && _descr !== null && _descr.toUpperCase() !== _codice.toUpperCase()) {
				showItemInfo(_realcodice + ' - ' + _descr, _uid, updateItemDetail);
			}
			else {
				showItemInfo(_realcodice, _uid, updateItemDetail);
			}	
			
		}
    });



	$('#block-manage-3d .controls .refresh').on(
		'click',
		function(ev) {
			updateInfo();
		}
	);


	$('#items-result').on(

		'click', '.icon-short:not(.disabled)', function(event) {
			let dom = $(this);
			let tr = dom.closest('tr');
			if (tr.length > 0) {
				let tr1 = tr[0];
				let cat_id = dom.data('cat_id');
				let item_id = dom.data('item_id');
				let valore = dom.data('valore');
				let configurazione_id = $(tr1).data('id');
				let exp_id = $(tr1).data('exp_id');
				let item_code = $(tr1).data('codice_item');
				let bid = $(tr1).data('bid');
				let upurl = "{{ path('update_cat') }}"; 
				if (valore !== "1" && valore !== 1) {
					valore = "1";
				}
				else {
					valore = "0";
				}
				dom.closest('.shortcut-container').find('.shortcut').addClass('hidden-element');
				dom.closest('.shortcut-container').find('.shortcut-spinner').removeClass('hidden-element');
		/*		console.log(
					{
						  "cat_id"		:cat_id
						, "item_id"		:item_id 
						, "valore"		:valore
						, "id"			:configurazione_id
						, "exp_id"		:exp_id
						, "item_code"	:item_code
				  }
				);*/
				$.ajax({
					'url': upurl,
					'type': "PUT",
					'data': {
						  "cat_id"		:cat_id
						, "item_id"		:item_id 
						, "valore"		:valore
						, "id"			:configurazione_id
						, "exp_id"		:exp_id
						, "item_code"	:item_code
						, "bid"			:bid
					}
				})
				.done(function(data) {
					if (data.err === 0) {
						let _tabDetail = tr.closest('table.detail');
						let _tabDetailDT = _tabDetail.DataTable()
						let _rowDetailDT = _tabDetailDT.row(tr);						
						let c = dom.data("n");
						//dom.data('item_id', data.last);
						_rowDetailDT.data().caratteristiche1[c].valore = data.valore;
						_rowDetailDT.data().caratteristiche1[c].iid = data.last;
						let _data = _tabDetailDT.data();
						_testTab = _rowDetailDT;

						_tabDetailDT.clear();
						_tabDetailDT.rows.add(_data).draw();
						updateGrid(true, true, false);
		

					}
				})
				.fail(function() {
					alert("{{ 'An error occured'|trans }}");
				})
				.always(function() {
					dom.closest('.shortcut-container').find('.shortcut').removeClass('hidden-element');
					dom.closest('.shortcut-container').find('.shortcut-spinner').addClass('hidden-element');
				});


	
			}
		}
	);

	function format(a_id) {
		// `d` is the original data object for the row
		var _tab = $('#tab-detail-model').html();
		_tab = _tab.replaceAll('<!--ID-->', a_id);
		return _tab;
	}

	function formatSalvati(a_id) {
		// `d` is the original data object for the row
		var _tab = $('#tab-salvati-model').html();
		_tab = _tab.replaceAll('<!--ID-->', a_id);
		return _tab;
	}

		
	let editor;

	
	function populateTabSalvati(a_codice, a_data) {
		var _tab = $('#salvati-result-' + a_codice).DataTable({
			"autoWidth": true,
			"data": a_data,
			"paging": false, 
			"searching": false, 
			"dom": '<"toolbar">frtip',
			"language": {
				"search": "{{ 'Filter records'|trans }}:"
			},
			"fixedHeader": false,
			"lengthMenu": [
				25,
				50,
				100,
				200,
				500
			],
			"deferRender": true,
			"drawCallback": function () {
			}, 
			"columns": [
				
				{"data": "SheetInfoDecode.box.nome"}
				
			],
			"language": {"infoEmpty": "{{ 'No records available'|trans }}","info": "{{ 'Showing _TOTAL_ entries'|trans }}"},
			"order": [
					[0, "asc"]
				],			
			"columnDefs": [],
			"createdRow": function(row, data, index) {
				row.setAttribute("data-tipocodice", '{{ tipocodice }}');
				row.setAttribute("data-codice", data.codice);
				row.setAttribute("data-uuid", data.Uuid);
				$(row).addClass('riga-log-salvati');
			},
			buttons: []
		});
		_tab.columns.adjust().draw();
	}

	function populateTab(a_id, a_prog, a_bp, a_data) {


		$('#items-result-box-' + a_bp).data('boxid', a_id);
		$('#items-result-box-' + a_bp).data('boxprog', a_prog);


		var _tab = $('#items-result-box-' + a_bp).DataTable({
			"autoWidth": true,
			"data": a_data,
			"paging": false, 
			"searching": false, 
			"dom": '<"toolbar">frtip',
			"language": {
				"search": "{{ 'Filter records'|trans }}:"
			},
			"fixedHeader": false,
			"lengthMenu": [
				25,
				50,
				100,
				200,
				500
			],
			"deferRender": true,
			"drawCallback": function () {
				// Add HTML5 draggable event listeners to each row
		//		console.log('............ 3a OK');
			{% if not base_flag_ridotto %}

				var _r = document.querySelectorAll('#items-result-box-' + a_bp + '  tbody tr');
				rows.push(_r);
				  [].forEach.call(_r, function(row) {
					row.addEventListener('dragstart', handleDragStart, false);
					row.addEventListener('dragenter', handleDragEnter, false)
					row.addEventListener('dragover', handleDragOver, false);
					row.addEventListener('dragleave', handleDragLeave, false);
					row.addEventListener('drop', handleDrop, false);
					row.addEventListener('dragend', handleDragEnd, false);
				  });
			{% endif %}
			}, 
			"columns": [
				{
"className":      '{% if not base_flag_ridotto %}dt-select{% endif %} text-center select-item',
					"orderable":      false,
					"data":           null,
					"width": "1%",
					"defaultContent":  
								  ' <h3>'
								+ ' </h3>'
				},
				{"data": "obj_code", "width": "1%", className:"not-click"},
				{"data": "mocodice", "width": "1%", className: "text-center not-click"},
			//	{"data": "qty", "width": "1%", className: "text-center not-click"},
				{"data": "TotNetWeight", "width": "1%", className: "text-center"},
				{"data": "TotVolume", "width": "1%", className: "text-center"},
				{"data": "TotSurface", "width": "1%", className: "text-center"},
				{"data": null, className: "text-center not-click shortcut-container", "width":"100%"},
				{"data": null},
				{
					"className":      'dt-trash text-center delete-item',
					"orderable":      false,
					"data":           null,
					"width": "1%",
					"defaultContent": '' {# 
								  ' <h3>'
									{% if salvato == null %} + '  <i class="fas fa-upload" style="color: yellow;"></i>' {% endif %}
									+ '  <i class="fa fa-trash fa-2x" style="color: red;"></i>'
									+ ' </h3>' #}
				}
			],
			"language": {"infoEmpty": "{{ 'No records available'|trans }}","info": "{{ 'Showing _TOTAL_ entries'|trans }}"},
			"order": [
					[1, "asc"]
				],			
			"columnDefs": [
				{
					"render": function(data, type, row) {
						let image_url = "{{ path('get_image', {'id':'::ID','tipo':'::TIPO'}) }}".replace('::ID', row.ID).replace('::TIPO', 't');

					//	let image_url = "{{ asset('/static/images/box/IMG-BHGE-CASSA') }}" + row.snome + '_P.png';			
						return '<div class="box-img"><img src="' + image_url + '"></div><div class="box-info"></div>';

					},
					"targets": 0
				},
				{
					"render": function(data, type, row) {
						//var url = "{{ path('configuratore_mo', {op:'emo',code:':::MO'}) }}".replace(':::MO', row.cobj_code);
						var classi_aggiuntive = '';
				//		console.log(JSON.stringify(row));
			//			console.log(JSON.stringify(data));
			//			console.log(JSON.stringify(type));
						if (row.ID !== null) {
							classi_aggiuntive = ' dati-loader bg-normal ';
							return '<div class="cell-code ' + classi_aggiuntive + '" style="padding: 6px; border-radius: 10px; min-width: 500px; width: 10%;text-align: center;" id="send-cmd-' 
							+ row.cobj_code 
							+ '" data-id="' + row.cobj_code + '">'
							+ '<a class="apri-dettaglio" data-dtcode="' + row.cobj_code + '" data-dtid="' + row.exp_id + '" data-dtrealcode="' + row.stipo_contenitore + ' ' + row.snome + '" data-dtdescr="' + row.descrizione 
							+ '" data-dtboxid="' + row.box_id 
							+ '" data-dtcid="' + row.cid + '" href="#">'
							+ '<h3>' + row.stipo_contenitore + ' ' + row.snome + '</h3>'
							+ '</a>'
							+ ((row.nudo_vestito) ? '<i class="sel-obj fas fa-box index-col color-cell"></i>' : '<i class="sel-obj fas fa-box index-col color-cell"></i></div>')
							;
						}
						else {
							classi_aggiuntive = 'bg-red';
							if (row.qid !== null) {
								classi_aggiuntive = 'bg-border-red';
							}
							return '<div class="cell-code ' + classi_aggiuntive + '" style="padding: 6px; border-radius: 10px; min-width: 500px; width: 10%;text-align: center;" id="send-cmd-' 
							+ row.cobj_code 
							+ '" data-id="' 
							+ row.cobj_code + '"><div>' + row.cobj_code + '</div><i class="fa fa-exclamation-triangle fa-3x" aria-hidden="true"></i></div>';
							}
					},
					"orderable": true,
					"targets": 1
				},
				{
					/*"createdCell": function (td, cellData, rowData, row, col) {
						console.log(cellData);
						if (rowData.box_id > 0) {
							$(td).removeClass('no-double-click');
							$(td).addClass('double-click');
						}
						else {
							$(td).removeClass('double-click');
							$(td).addClass('no-double-click');
						}
					},					
					"render": function(data, type, row) {
						if (row.box_id === 0) {
							return '<div class="valore-originale" data-valore="' + row.qty + '">' + row.qty + '</div>';
						}
						else {
							className: "double-click";
							return '<div class="data-editor valore-originale" data-valore="' + row.qty + '">' + row.qty + '</div><div class="data-editor valore-editor input hidden-element"><input type="number" min="0" value="' + row.qty + '"></div><i class="data-editor valore-editor hidden-element fa fa-check"></i><i class="data-editor valore-editor hidden-element fa fa-close"></i>';

						}
					},
					"targets": 2*/
				},

				{
					"render": function(data, type, row) {
						let _d = parseFloat(data);
						if (isNaN(_d)) {
							return '';
						}
						else {
							return _d.toLocaleString(_locale, {minimumFractionDigits: 1, maximumFractionDigits: _maxFracDigits}) ;
						}
					},
					"targets": 3
				},
				{
					"render": function(data, type, row) {
						let _d = parseFloat(data);
						if (isNaN(_d)) {
							return '';
						}
						else {
							return _d.toLocaleString(_locale, {minimumFractionDigits: 1, maximumFractionDigits: _maxFracDigits}) ;
						}
					},
					"targets": 4
				},				
				{
					"render": function(data, type, row) {
						let _d = parseFloat(data);
						if (isNaN(_d)) {
							return '';
						}
						else {
							return _d.toLocaleString(_locale, {minimumFractionDigits: 1, maximumFractionDigits: _maxFracDigits}) ;
						}
					},
					"targets": 5
				},				

				{
					"render": function(data, type, row) {
						var carat = data.caratteristiche1;
						var c;
						var s = '';
			//			console.log('caratteristiche');
		//				console.log(data);
						for (c = 0; c < carat.length; ++c) {
							let ca = carat[c];
			//				console.log(ca);
							let p = "{{ asset('/static/configuratore/images/check') }}";
							let icon_status = '';
							let color = '';
							let iVal = parseInt(ca.valore);
							let cat_id = ca.cid;
							let iid = (ca.iid !== null) ? ca.iid : 0;
							let valore = 0;
							let icon_on = p + "/" + ca.icon_on;
							let icon_off = p + "/" + ca.icon_off;
							
							if (typeof _caratteristiche_shortcut[cat_id] !== 'undefined') {
								icon_on = _caratteristiche_shortcut[cat_id].b64_icon_on;
								icon_off = _caratteristiche_shortcut[cat_id].b64_icon_off;
								if (icon_off === '') {
									icon_off = icon_on;
								}
							}						
							if (iVal === 1) {
								p = icon_on;
								icon_status = 'icon-on';
								color = 'background-color: ' + ca.color_on + ';';
								valore = 1;
							}
							else {
								p = icon_off;
								icon_status = 'icon-off';
								color = 'background-color: ' + ca.color_off + ';';
								valore = 0;
							}
					//		console.log("1--" + icon_on + "--");
					//		console.log("2--" + icon_off + "--");
							{% if not base_flag_ridotto %}
							s = s + ('<div id="id-' + cat_id + "-" + a_id + "-" + data.cid + '" data-cat_id="' + cat_id + '" data-n="' + c + '" data-item_id="' + iid + '" data-valore="' + valore + '" class="icon-short disabled ' + icon_status + '" style="' + color + '"><img class="icone-caratteristiche" src="' + p + '" ></div>');
							{% endif %}
						}
						if (true || data.ID !== null) {
							return '<div class="shortcut-spinner hidden-element"><div class="loading">Loading...</div></div><div class="shortcut">' + s + '</div>';
						}
						else {
							return "";
						}
					},
					"targets": 6
				},
				{
					"render": function(data, type, row) {
						return "<h3></h3>";
					},
					"targets": 7
				},
				{
					"render": function(data, type, row) {
						if (row.box_id !== 0) {
							return  ' <h3>'
								{#+ '  <i class="fas fa-upload" style="color: yellow;"></i>' #}
								+ '  <i class="fa fa-trash fa-2x" style="color: red;"></i>' 
								+ ' </h3>'

						  }
						else {
							return ' <h3>'
								+ '  <i class="fa fa-trash fa-2x" style="color: red;"></i>'
								+ ' </h3>'
						}
	


					},
					"targets": 8
				}

			],
			"createdRow": function(row, data, index) {
				$(row).attr('draggable', 'true');
				$(row).attr('id', 'id-' +  a_id + '-' + data.cid);
				$(row).addClass("tab-row");
				$(row).addClass("tab-row-new");
				//$(row).addClass("sel-dettaglio");
				$(row).addClass("index-" + index);
				$(row).find('.color-cell').css("color", data.item_color);
				row.setAttribute("data-index", index);
				row.setAttribute("data-id", data.cid);
				row.setAttribute("data-exp_id", (data.exp_id === null) ? 0 : data.exp_id);
				row.setAttribute("data-box_id", data.box_id);
				row.setAttribute("data-bid", data.bid);
				row.setAttribute("data-selcode", data.bid + '-' + data.box_id + '-' + data.box_prog + '-' + data.cid);		
				row.setAttribute("data-codice_item", data.b64_cobj_code);		
				row.setAttribute("data-n", data.n);		
				row.setAttribute("data-qty_originale", data.qty);		
		//		console.log(data);		
			},
			buttons: [
				{ extend: "create", editor: editor },
				{ extend: "edit",   editor: editor },
				{ extend: "remove", editor: editor }
			]
		});
		_tab.columns.adjust().draw();

	}


	function handleDragStart(e) {

		if (srcTable === 'items-result' || $(this).hasClass('modalita-edit')) {
			e.preventDefault();
			return false;
		}

	//	e.preventDefault();

	// this / e.target is the source node.
		console.log('start');
		dragSrcRow = this;
		srcTable = this.parentNode.parentNode.id

		// Set the source row opacity
		this.style.opacity = '0.4';
		
		// Keep track globally of the source row and source table id
		
		// Keep track globally of selected rows
		selectedRows = $('#' + srcTable).DataTable().rows( { selected: true } );
		
		// Allow moves
		e.dataTransfer.effectAllowed = 'move';
		
		// Save the source row html as text
		e.dataTransfer.setData('text/plain', JSON.stringify($('#' + srcTable).DataTable().row(this).data()));		
	}	

	function handleDragOver(e) {
		console.log('over');
		e.preventDefault();
		//e.dataTransfer.dropEffect = 'copy'; 	
	}

	function handleDragEnter(e) {
		console.log('enter');

		e.preventDefault();

		// this / e.target is the current hover target.  
		
		// Get current table id
		var currentTable = this.parentNode.parentNode.id
		
		// Don't show drop zone if in source table
		if (currentTable !== srcTable) {
			this.classList.add('over');
//			this.classList.add('operazione-negata');  
		}
	}



	function handleDragLeave(e) {
		console.log('leave');

		e.preventDefault();

		// this / e.target is previous target element.
		
		// Remove the drop zone when leaving element
		this.classList.remove('over');  
	//	this.classList.remove('operazione-negata');  
	}
		
	function getValoreCaratteristica(a_Nome, a_Caratteristiche) {
		let ret = new Array();
		if (a_Nome.length > 0) {
			for (let c = 0; c < a_Caratteristiche.length; ++c) {
				let _caratteristica = a_Caratteristiche[c];
				if (a_Nome.includes(_caratteristica.nome)) {
					ret[_caratteristica.nome] = _caratteristica.valore;
				}
			}	
		}
		return ret;
	} 

	function checkCaratteristica(a_Accumulatore, a_Nome, a_Caratteristica) {
		if (typeof a_Caratteristica[a_Nome] !== 'undefined') {
			let _iV = parseInt(a_Caratteristica[a_Nome]);
			if (!isNaN(_iV) && _iV === 1) {
				return a_Accumulatore + 1;						
			}
		}
		return a_Accumulatore;
	}

	function handleDrop(e) {
		// this / e.target is current target element.
		let _mainTab = $('#items-result').DataTable();
		let _rowChild = null;
		let _trChild = null;
		console.log('drop');
		if (e.stopPropagation) {
		  e.stopPropagation(); // stops the browser from redirecting.
		}
	  
		// Get destination table id, row
		let dstTable = $(this.closest('table')).attr('id');
		// No need to process if src and dst table are the same
		if (srcTable !== dstTable) {
			console.log('drop a');
		  
	/*	  // If selected rows and dragged item is selected then move selected rows
		  if (selectedRows.count() > 0 && $(dragSrcRow).hasClass('selected')) {
			console.log('drop b');
	  
			// Add row to destination Datatable
			$('#' + dstTable).DataTable().rows.add(selectedRows.data()).draw();
	  
			// Remove row from source Datatable
			$('#' + srcTable).DataTable().rows(selectedRows.indexes()).remove().draw();
			
		  } else {  // Otherwise move dragged row*/
		    console.log('drop c');
	  
			// Get source transfer data
			let srcData = JSON.parse(e.dataTransfer.getData('text/plain'));
	  
			// Add row to destination Datatable
			if (dstTable === 'items-result') {
				let nextDetail = $(this).next();
				if (nextDetail.hasClass('tabella-dettaglio')) {
					dstTable = nextDetail.find('table').attr('id');
					console.log('drop d1');
				}
				else {
					_trChild = $(this);
					_rowChild = _mainTab.row(_trChild);
					let _d = _rowChild.data();
					let _id = _d['box_id'];
					let _prog = _d['box_prog'];
					let _bp = _d['bp'];
					_rowChild.child(format(_bp), 'tabella-dettaglio').show();
					_trChild.addClass('shown');
					populateTab(_id, _prog, _bp, _d['data']);
					nextDetail = $(this).next();
					console.log('drop d2');
					if (nextDetail.hasClass('tabella-dettaglio')) {
						dstTable = nextDetail.find('table').attr('id');
						console.log('drop d3');
					}	
					else {
						return;
					}				
				}
		//		console.log('drop 1 - ' + dstTable);
		//		console.log('drop 2 - (' + dstTable + ') ' + $(this).attr('id'));
			}
			let _domTab = $('#' + dstTable);
			let _tab = _domTab.DataTable();
			let _data = _tab.rows().data();
			let _idbox = _domTab.data('boxid');
			let _progbox = _domTab.data('boxprog');

			let _updateOk = false;
			let _op = '-';
			let _idsrc = 0;
			let _iddest = 0;
			let _qty = 0;
			let dropOk = true;
			let _datiTabDest = _tab.data();
			let _msg = '';
			if (_idbox > 0 && _datiTabDest.length > 0) {
				let _dogana = 0;
				let _pericoloso = 0;
				let _singolo = 0;
				let _srcDogana = 0;
				let _srcPericoloso = 0;
				let _srcSingolo = 0;
				let _v = getValoreCaratteristica(['singolo', 'dogana', 'pericoloso'], srcData.caratteristiche1);
				_srcSingolo = checkCaratteristica(_srcSingolo, 'singolo', _v);
				_srcDogana = checkCaratteristica(_srcDogana, 'dogana', _v);
				_srcPericoloso = checkCaratteristica(_srcPericoloso, 'pericoloso', _v);
				for (let c = 0; c < _datiTabDest.length; ++c) {
					_v = getValoreCaratteristica(['singolo', 'dogana', 'pericoloso'], _datiTabDest[c].caratteristiche1);
					_singolo = checkCaratteristica(_singolo, 'singolo', _v);
					_dogana = checkCaratteristica(_dogana, 'dogana', _v);
					_pericoloso = checkCaratteristica(_pericoloso, 'pericoloso', _v);
				}
				if (_srcSingolo > 0 || _singolo > 0) {
					dropOk = false;
					if (_msg.length === 0) {
						_msg = _alert_msg[30].termine;
					}
					else {
						_msg = _msg + '<br />' + _alert_msg[30].termine;
					}
				}
				if (!((_srcDogana > 0 && _dogana > 0) || (_srcDogana === 0 && _dogana === 0))) {
					dropOk = false;
					if (_msg.length === 0) {
						_msg = _alert_msg[32].termine;
					}
					else {
						_msg = _msg + '<br />' + _alert_msg[32].termine;
					}
				}
				if (!((_srcPericoloso > 0 && _pericoloso > 0) || (_srcPericoloso === 0 && _pericoloso === 0))) {
					dropOk = false;
					if (_msg.length === 0) {
						_msg = _alert_msg[31].termine;
					}
					else {
						_msg = _msg + '<br />' + _alert_msg[31].termine;
					}
				}
	
			}

			if (dropOk) {
				if (srcData.exp_id === null) {
					for (let c = 0; c < _data.length; ++c)  {
						if (srcData.cobj_code === _data[c].cobj_code) {
							_data[c].qty = _data[c].qty + srcData.qty;
							_tab.clear();
							_tab.rows.add(_data);
							_iddest = _data[c].bid; 
							_updateOk = true;
							break;	
						}
					};	
				}
				else {
					for (let c = 0; c < _data.length; ++c)  {
						if (srcData.exp_id === _data[c].exp_id) {
							_data[c].qty = _data[c].qty + srcData.qty;
							_iddest = _data[c].bid; 
							_updateOk = true;
							break;	
						}
					};	
				}
				if (_updateOk) {
					_tab.clear();
					_tab.rows.add(_data).draw();
					_op = 'U';
				}
				else {
					_tab.row.add(srcData).draw();
					_op = 'I';
				}
				_idsrc = srcData.bid;
				_qty = srcData.qty;
				// Remove row from source Datatable
				$('#' + srcTable).DataTable().row(dragSrcRow).remove().draw();
				_progbox = (_progbox > 0) ? _progbox : 1;
				updateBox(_op, _idsrc, _iddest, _idbox, _progbox, _qty, true);	
			}
			else {
				showGenericMsg("{{ 'Operation not permitted'|trans }}", _msg, null);
			}
//		  }
	  
		}
		if (_rowChild !== null && _trChild !== null) {
            _rowChild.child.hide();
            _trChild.removeClass('shown');
		}
		return false;
	}
	  
	function handleDragEnd(e) {
		console.log('end');
		e.preventDefault();

		// this/e.target is the source node.
		
		// Reset the opacity of the source row
		this.style.opacity = '1.0';
	  
		// Clear 'over' class from both tables
		// and reset opacity
		[].forEach.call(rows, function (_tab) {
			var _t = _tab;
			[].forEach.call(_t, function(_row) {
				_row.classList.remove('over');
				_row.style.opacity = '1.0';
			});
		});	  
	}

	function updateBox(a_op, a_idsrc, a_iddest, a_idbox, a_progbox, a_qty, update) {
		$.ajax({
			url: "{{ path('update_box') }}",
			type: "PUT",
			data: {
				"op": a_op,
				"idsrc": a_idsrc,
				"iddest": a_iddest,
				"idbox": a_idbox,
				"progbox": a_progbox,
				"qty": a_qty,
			},
			// contentType: 'application/json; charset=utf-8',
			dataType: 'json',
			success: function(data) {
			//	alert(JSON.stringify(data));
				if (data.err === 0) {
					if (update === true) {
						updateGrid(true, true, false);					
					}
				} else {

				}
			},
			error: function(data) {
				alert("{{ 'An error occured'|trans }}");
			}
		});		
	}


	function updateContainer(id, src) {

		let geturl = "{{ path('get_contenitore') }}";

		if (typeof src === 'undefined') {
			src = 0;
		}
		$.ajax({
			'url': geturl,
			'type': "PUT",
			'data': {"id":id,"codice":"{{ codice }}","selezione":gridSelection,"src":src, "tipocodice":"{{ tipocodice }}"}
		})
		.done(function(data) {
			if (data.err === 0) {
		//		console.log(data);
		//		console.log(data.dati);
				let _dd = table2.data();
				//_dd.push(data.dati);
		//		console.log(_dd);

				//table2.clear();
			//	_tabDetailDT.rows.add(_data).draw();				

				table2.rows.add(data.dati).draw();
				if (typeof closeContenitori === 'function') {
					closeContenitori();
				} else {
					alert("{{ 'Not available'|trans }}");		
				}
				updateContenitore();
			}
			else {
				alert("{{ 'An error occurred'|trans }}");		
			}
		})
		.fail(function() {
			alert("{{ 'An error occured'|trans }}");
		})
		.always(function() {
			updateGrid(true, true, false);
		});


	}

	function updateContainerCalc(id) {
		updateContainer(id);
	//	alert('2. ' + id);
	}

    // Add event listener for opening and closing details
	
	$('#searchresult').on('click', '.salvati-detaglio td:not(.no-link)', function () {
		let _tr = $(this).closest('tr');
		let _tipocodice = _tr.data('tipocodice');
		let _codice = _tr.data('codice');
		let _b64codice = Base64.encode(_codice);
		let _uuid = _tr.data('uuid');
		let _url = "{{ path('page_c4rgo2dauto', {'tipocodice':':::TIPOCODICE','b64codice':':::B64CODICE','tipo':'I','uuid':':::UUID'}) }}"
				.replace(':::TIPOCODICE', _tipocodice)
				.replace(':::B64CODICE', _b64codice)
				.replace(':::UUID', _uuid);
		location.href = _url;
//		alert('a');
	});
    $('#items-result').on('click', 'td.dt-control', function () {
        var _tr = $(this).closest('tr');
		var _tab = $('#items-result').DataTable();
		var _row = _tab.row(_tr);
 
        if (_row.child.isShown()) {
            // This row is already open - close it
            _row.child.hide();
            _tr.removeClass('shown');
        }
        else {
            // Open this row
			let _d = _row.data();
			let _id = _d['box_id'];
			let _prog = _d['box_prog'];
			let _bp = _d['bp'];
            _row.child(format(_bp), 'tabella-dettaglio').show();
            _tr.addClass('shown');
			populateTab(_id, _prog, _bp, _d['data']);
        }
    });

    $('#searchresult').on('click', 'tr:not(.data-empty) td.dt-control', function () {
        var _tr = $(this).closest('tr');
		var _tab = $('#searchresult').DataTable();
		var _row = _tab.row(_tr);
 
        if (_row.child.isShown()) {
            _row.child.hide();
            _tr.removeClass('shown');
        }
        else {
			let _d = _row.data();
			let _codice = _d['b64codice'];
			let _id = _d['id'];
            _row.child(formatSalvati(_id), 'tabella-log-salvati').show();
            _tr.addClass('shown');
			populateTabSalvati(_id, _d['data']);
        }
    });


    $('.btn-add-item').on('click', function(event) {
        var code = $('#form_OrderCode').val();
        var item = $('#form_OrderItem').val();
        var sQty = $('#form_OrderItemQty').val();
        var qty = parseInt(sQty);
        if (code !== '' && !isNaN(qty) && String(qty) === sQty) {
			showAttendereMsg("", "{{ 'Wait...'|trans }}", null);
            $.ajax({
                url: "{{ path('manage_order_do', {'obj':'i'}) }}",
                type: "PUT",
                data: {
                    "OrderCode": code,
                    "OrderItem": item,
                    "OrderItemQty": qty
                },
                // contentType: 'application/json; charset=utf-8',
                dataType: 'json'
            })
			.done(function (data) {
				if (data.err === 0) {
					$('#form_OrderList').val(null);
					$('#order-list').val(null);
					$('#form_OrderItem').val(null);
					updateGrid(true, true, true);
				} else {
					showGenericMsg("{{ 'Error'|trans }}", "{{ 'An error occured'|trans }}", null);
				}
			})
			.fail(function(jqXHR, textStatus) { 
				showGenericMsg("{{ 'Error'|trans }}", "{{ 'An error occured'|trans }}", null);
			}).always(function(jqXHR, textStatus) { 
				closeAttendereMsg();
			});
		}
		else {
			showGenericMsg("{{ 'Error'|trans }}", "{{ 'Item code or quantity not set'|trans }}", null);
		}
    });


	$('.btn-new-mo').on('click', function(event) {
//		showConfiguratorCaricaOrdini(null);
		ordini_module.showConfiguratorCaricaOrdini(null, loadMO);
	});
	$('.btn-new-so').on('click', function(event) {
		ordini_module.showConfiguratorCaricaOrdini(null, loadMO);
	});


	function loadMO(event) {
        $('#form_AssignedOp').val($(this).data('op'));
        var code = $('#form_OrderCode').val();
		var molist = $("#form_MoveOrderList").val();
		var dest = $("#form_Destinazione").val();
		var datam = $("#form_DataSpedizione_month").val();
		var datad = $("#form_DataSpedizione_day").val();
		var datay = $("#form_DataSpedizione_year").val();
		if (code.trim() === '' || molist === '') {
			let errMsg = '';
			if (code.trim() === '') {
				errMsg += "{{ 'Delivery order cannot be empty'|trans }}";
			}
			if (molist === '') {
				if (errMsg !== '') {
					errMsg += "<br />";
				}
				errMsg += "{{ 'M.O. List cannot be empty'|trans }}";
			}
			showGenericMsg("{{ 'Error'|trans }}", errMsg, null);
			$('#form_OrderCode').focus();
		}
		else {

			var forceEmpty = ($('#form_OrderListForceEmpty').is(":checked")) ? 1 : 0;
			var formData = new FormData();
			formData.append("MoveOrderList", molist);
			formData.append("OrderCode", code);
			formData.append("ForceEmpty", forceEmpty);
			formData.append("dest", dest);
			formData.append("datam", datam);
			formData.append("datad", datad);
			formData.append("datay", datay);
			showAttendereMsg("", "{{ 'Wait...'|trans }}", null);
			$.ajax({
				url: "{{ path('manage_order_do', {'obj':'m'}) }}",
				type: "POST",
				data: formData,
				processData: false,
				contentType: false,
				cache: false,
				dataType: "json"
			})
			.done(function (data) {
				if (data.err === 0) {
				/*	$('#form_OrderList').val(null);
					$('#order-list').val(null);
					$('#form_OrderItem').val(null);
					updateGrid(true, true, true);*/
					document.location.href = "{{ path('configuratore_do', {'op':'nmo','code':'::CODE'}) }}".replace('::CODE', data.b64code);
				} else {
					showGenericMsg("{{ 'Error'|trans }}", "{{ 'An error occured'|trans }}", null);
				}
			})
			.fail(function(jqXHR, textStatus) { 
				showGenericMsg("{{ 'Error'|trans }}", "{{ 'An error occured'|trans }}", null);
			}).always(function(jqXHR, textStatus) { 
				closeAttendereMsg();
			});	


		}
    }

    $('.btn-add-items-file').on('click', loadMO);

    /* $('.btn-file #form_OrderList').on('change', function (event) {
    							 $('#form_AssignedOp').val('add-items-file');
    							 var form = $('#configuratore-main');
    							 var url = form.attr('action');
    							 var formData = new FormData(form);
    							 form.submit();
    							 $.ajax({
    							 type: "POST",
    							 url: url,
    							 data: formData, // serializes the form's elements.
    							 success: function (data)
    							 {
    							 location.reload(); // alert('ok'); // show response from the php script.
    							 }
    							 });
    							 });
    							 */

    $('.btn-assign-order').on('click', function(event) {
        $('#form_AssignedOp').val('none');
        if ($(this).hasClass('assign-order-remove')) {
			location.href = "{{ path('configuratore_do', {op:'nmo'}) }}";
/*            $('#form_AssignedOp').val('remove');
            $.get("{{ path('configuratore_mo', {op:'clr'}) }}", function(data) {
                location.reload();
            });*/
        }
        if ($(this).hasClass('assign-order-add')) {
            $('#form_AssignedOp').val('add');
			let code = $('#form_OrderCode').val();
			if ($('#form_AssignedOp').val() !== 'none') {
				if ($('#configuratore-main').parsley().isValid()) {
					if (code !== '') {
						$.ajax({
							url: "{{ path('manage_order_do', {'obj':'i'}) }}",
							type: "POST",
							data: {
								"OrderCode": code,
								"OrderItem": 0,
								"OrderItemQty": 0
							},
							// contentType: 'application/json; charset=utf-8',
							dataType: 'json',
							success: function(data) {
								if (data.err === 0) {
								//	alert(data.code);
									document.location.href = "{{ path('configuratore_do', {op:'nmo', code:'::CODE'}) }}".replace('::CODE', data.code);
								} else {}
							},
							error: function(data) {
								alert("{{ 'An error occured'|trans }}");
							}
						});
					}
			



			/*		var form = $('#configuratore-main');
					// form[0].submit();
					var url = form.attr('action');
					var formData = form.serialize();
					$.ajax({
						type: "POST",
						url: url,
						data: formData, // serializes the form's elements.
						success: function(data) {
							var aa = data;
							location.reload(); // alert('ok'); // show response from the php script.
						},
						error: function(data) {
							var aa = data;
							//    location.reload(); // alert('ok'); // show response from the php script.
						}
					});*/
				} else {
					alert('not valid');
				}
			}
        }

    });
    $('#btn-run-single-mo').on('click', function(event) {
  		let ok = 0;
		globalDati.forEach(function(v) { 
			ok = ok + v.anomalia; 
		});
		let _nOk = 0;
		let _nNoEx = 0;
		let _nIncompl = 0;
		globalDati.forEach(function(v) { 
			ok = ok + v.anomalia; 
			v.data.forEach(function(u) {
				if (u.exp_id === null) {
					if (u.qid === null) {
						_nNoEx++;
					}
					else {
						_nIncompl++;
					}
				}
				else {
					_nOk++	
				}
			});
		});
		if (_nIncompl > 0 || _nNoEx > 0) {				
			showGenericMsg("{{ 'Error'|trans }}", "{{ 'Incomplete data<br />Invalid: :::INVALID<br />Incompleted: :::INCOMPLETED<br />Incomplete data will not be taken into account in the load simulation'|trans|raw }}".replace(':::INVALID', _nNoEx).replace(':::INCOMPLETED', _nIncompl), function (v) {
				checkUrlAndGo('{{ path('page_c4rgo2dauto', {'tipocodice':'DO','b64codice':b64codice,'tipo':'I'}) }}', this);
			});
		}
		else {
			checkUrlAndGo('{{ path('page_c4rgo2dauto', {'tipocodice':'DO','b64codice':b64codice,'tipo':'I'}) }}', this); 
		}
    });

	$('#btn-box-mo').on('click', function(event) {
  
	
        if (typeof showContenitori === 'function') {
            let cl = parseInt($('#form_MaxLength').val());
            let cw = parseInt($('#form_MaxWidth').val());
            let ch = parseInt($('#form_MaxHeight').val());
			let cp = parseInt($('#form_MaxWeight').val());
            cl = (isNaN(cl)) ? 0.0 : cl;
            cw = (isNaN(cw)) ? 0.0 : cw;
            ch = (isNaN(ch)) ? 0.0 : ch;
            cp = (isNaN(cp)) ? 0.0 : cp;
			let c = {'l':cl, 'w':cw, 'h':ch, 'p':cp, 'tipologia':2, 'tutti':0};
            showContenitori("", "", '{{ tipocodice|default('') }}', {{ testata_id }}, gridSelection, 0, 1, c, updateContainer);
        } else {
            alert('Funzione non abilitata');
        }
    });


	$('table#items-result').on('click', '.box-cell .box-img,.box-cell .box-info', function(event) {
        if (typeof showContenitori === 'function') {
            let cl = parseInt($('#form_MaxLength').val());
            let cw = parseInt($('#form_MaxWidth').val());
            let ch = parseInt($('#form_MaxHeight').val());
			let cp = parseInt($('#form_MaxWeight').val());
            cl = (isNaN(cl)) ? 0.0 : cl;
            cw = (isNaN(cw)) ? 0.0 : cw;
            ch = (isNaN(ch)) ? 0.0 : ch;
            cp = (isNaN(cp)) ? 0.0 : cp;
			let _id = parseInt($(this).closest('tr').data('id'));
			let _prog = parseInt($(this).closest('tr').data('prog'));
			let c = {'l':cl, 'w':cw, 'h':ch, 'p':cp, 'tipologia':2, 'tutti':1};
            showContenitori("", "", '{{ tipocodice|default('') }}', {{ testata_id }}, [], (isNaN(_id)) ? -1 : _id, _prog, c, updateContainer);
        } else {
            alert('Funzione non abilitata');
        }
    });


    $('#go-po').on('click', function(event) {
        alert('Funzione non abilitata');
    });

    $('#go-new').on('click', function(event) {
        $('#form_AssignedOp').val('add-items-file-main'); // $(this).data('op'));
        var form = $('#configuratore-main');
        form[0].submit();
    });

    $('#go-search').on('click', function(event) {

        table.clear();

        var mo = $('#form_SearchOrderCode').val();
        var it = $('#form_SearchItemCode').val();
        if (it === '') {
            it = '--';
        }
        if (mo === '') {
            mo = '--';
        }
        var cursearch = "{{ path('get_last_so', {'n': 0,'mo':':::MO','it':':::IT'}) }}".replace(':::MO', mo).replace(':::IT', it);
        table.ajax.url(cursearch).load().draw();
        $('.dataTables_empty').html('<div id="page-wrapper"><div class="loading">Loading...</div></div>');


    }); 
	{% if codice_set %}
    	$('#form_OrderCode').attr('readonly', 'readonly'); 
	{% endif %}
    // initialize file upload button
    $('.btn-file :file').on('fileselect', function(event, numFiles, label) {

        var input = $(this).parents('.input-group').find(':text'),
            log = numFiles > 1 ? numFiles + ' files selected' : label;

        if (input.length) {
            input.val(log);
        } else {
            if (log) {
                alert(log);
            }
        }
    });

    $('#searchresult').on('click', 'tbody > tr.tab-row > td:not(.no-link)', function() {
		let _b64codice = $(this).closest('tr').data('b64codice');
		let _tipo2da = $(this).closest('tr').find('.show-saved-solution .cmd-2d-aut a').data('salvati');
		let _tipo3da = $(this).closest('tr').find('.show-saved-solution .cmd-3d-aut a').data('salvati');
		let _tipo3dm = $(this).closest('tr').find('.show-saved-solution .cmd-3d-man a').data('salvati');
		let _uid = '';
		if (typeof _tipo3da !== 'undefined' && _tipo3da > 0) {
			//_uid = $(this).closest('tr .show-saved-solution .cmd-3d-aut a').data('url');
			checkUrlAndGo("{{ path('configuratore_do',{'op':'emo','code':':::DO','salvato':2}) }}".replace(':::DO', _b64codice), this);
		}
		else {
			if (typeof _tipo2da !== 'undefined' && _tipo2da > 0) {
			//	_uid = $(this).closest('tr .show-saved-solution .cmd-2d-aut a').data('url');
				checkUrlAndGo("{{ path('configuratore_do',{'op':'emo','code':':::DO','salvato':3}) }}".replace(':::DO', _b64codice), this);
			}
			else {
				if (typeof _tipo3dm !== 'undefined' && _tipo3dm > 0) {
			//		_uid = $(this).closest('tr .show-saved-solution .cmd-3d-man a').data('url');					
					checkUrlAndGo("{{ path('configuratore_do',{'op':'emo','code':':::DO','salvato':1}) }}".replace(':::DO', _b64codice), this);
				}
				else {
					checkUrlAndGo("{{ path('configuratore_do',{'op':'emo','code':':::DO'}) }}".replace(':::DO', _b64codice), this); 
				}
			}
		}

/*		let _uidA = [];
		if (_uid !== '') {
			_uidA = _uid.split(';');
		}
  		if (_tipo !== 0) {
			//checkUrlAndGo("{{ path('configuratore3d_c4rgo_getsaved', {'uid':':::UID'}) }}".replace(':::UID', _uidA[1]), this); 
		}
		else {
		}
*/	

//		location.href = url;
        //                console.log('API row values : ', d);
    });





	const FROM_PATTERN = 'YYYY-MM-DD HH:mm:ss';
	const TO_PATTERN   = 'DD/MM/YYYY HH:mm';
	const TO_PATTERN_D   = 'DD/MM/YYYY';
    table = $('#searchresult').DataTable({
        "ajax": {
            "type": "GET",
            "url": "{{ path('get_last_do', {'n':0, 'mo':'--','it':'--'}) }}",
            "dataSrc": function(json) {
                $('#search #search-result .error-red').html('');
                $('#search #search-result .error-red').hide();
                if (json.err === 0) {
                    return json.data;
                } else {
                    $('#search #search-result .error-red').html(json.errmsg);
                    $('#search #search-result .error-red').show();
                    return [];
                }
            }
        },
        "language": {
            "search": "{{ 'Filter records'|trans }}:"
        },
        "fixedHeader": true,
        "lengthMenu": [
            25,
            50,
            100,
            200,
            500
        ],
		"paging": true,
        "deferRender": true,
        "order": [
            [1, "desc"]
        ],
        "columns": [
			{
                "className":      'dt-control no-link',
                "orderable":      false,
                "data":           null,
				"visible": false,
                "defaultContent": ''
            },			
			{
                "data": "DataIns",
				"visible": false,
                "searchable": false
            },
            {
                "data": "codice"
            },
            {
                "data": "qty"
            },
            {
                "data": "operatore"
            }, 
            {
                "data": "destinazione"
            }, 
            {
                "data": "data_spedizione"
            }, 
			{
                "data": "stato"
            },
			{
                "className":      'dt-cmd-order text-center show-saved-solution no-link items-card',
                "orderable":      false,
                "data":           null
			},			
            {
                "className":      'dt-trash text-center delete-order no-link',
                "orderable":      false,
                "data":           null,
				"defaultContent":  
				' <h3>'
				  + '  <i class="fa fa-trash fa-2x" style="color: red;"></i>'
				  + ' </h3>'
			}
        ],
        "columnDefs": [
			{
				"orderable": false,
				"targets": 0
			},
			{
                "render": function(data) {
					if(data !== null && data !== ''){
						let _d = $.fn.dataTable.render.moment(FROM_PATTERN, TO_PATTERN_D)(data);
						if (_d == 'Invalid date') {
							return '';
						}
						else {
							return _d;
						} 
					}else{
						return ''
					}
				},
                "targets": 1
            },
			{
				width: 200,
				"targets": 3
			},
			
			{
				width: 300,
                "render": function(data) {
					if(data !== null && data !== ''){
						let _d = $.fn.dataTable.render.moment(FROM_PATTERN, TO_PATTERN_D)(data);
						if (_d == 'Invalid date') {
							return '';
						}
						else {
							return _d;
						} 
					}else{
						return ''
					}
				},
                "targets": 6
            },
			{
				width: 300,
                "render": function(data) {
					let sn2da = (data.sn2da === null || data.sn2da === '') ? {"url":"","salvati":0,"tipo":1,"img":"{{ asset('/static/configuratore/images/icons/ico_2D_aut_trasp.png') }}"} : {"url":data.sn2da,"salvati":1,"tipo":2,"img":"{{ asset('/static/configuratore/images/icons/ico_2D_aut_bnc.png') }}"};
					let sn3da = (data.sn3da === null || data.sn3da === '') ? {"url":"","salvati":0,"tipo":1,"img":"{{ asset('/static/configuratore/images/icons/ico_3D_aut_trasp.png') }}"} : {"url":data.sn3da,"salvati":1,"tipo":2,"img":"{{ asset('/static/configuratore/images/icons/ico_3D_aut_bnc.png') }}"};
					let sn3dm = (data.sn3dm === null || data.sn3dm === '') ? {"url":"","salvati":0,"tipo":1,"img":"{{ asset('/static/configuratore/images/icons/ico_3D_man_trasp.png') }}"} : {"url":data.sn3dm,"salvati":1,"tipo":2,"img":"{{ asset('/static/configuratore/images/icons/ico_3D_man_bnc.png') }}"};
					let _ret = `<div class="cmd-2d-aut tipo-${sn2da.tipo}"><a data-url="${sn2da.url}" data-salvati="${sn2da.salvati}"><img class="cmd-order" src="${sn2da.img}"></img></a></div>`
					+ `<div class="cmd-3d-aut tipo-${sn3da.tipo}"><a data-url="${sn3da.url}" data-salvati="${sn3da.salvati}"><img class="cmd-order" src="${sn3da.img}"></img></a></div>`
					{% if is_granted('ROLE_3DMAN') %}
					+ `<div class="cmd-3d-man tipo-${sn3dm.tipo}"><a data-url="${sn3dm.url}" data-salvati="${sn3dm.salvati}"><img class="cmd-order" src="${sn3dm.img}"></img></a></div>`
					{% endif %}
					+ "<div class=\"configurazione\"><a class=\"config\" href=\"#\"><div class=\"cmd-salvati config-3D tipo-0\"><i class=\"fa fa-gear\"></i></div></a></div>";
					return _ret;
				},
                "targets": 8
            }


        ],
        "createdRow": function(row, data, index) {
            $(row).addClass("tab-row");
            $(row).data("codice", data.codice);
            $(row).data("id", data.id);
            $(row).data("b64codice", data.b64codice);
			if (data.data.length === 0) {
				$(row).addClass("data-empty");
			}
        }

    });
    $('.dataTables_empty').html('<div id="page-wrapper"><div class="loading">Loading...</div></div>');

	let tabDati = new Array();
	let loadOk = false;	

    table2 = $('#items-result').DataTable({
        "ajax": {
            "type": "GET",
            "url": "{{ path('manage_order_do', {'obj':'o','id':'::ID','salvato':salvato}) }}".replace('::ID', $('#form_OrderCode').val()),
            "dataSrc": function(json) {
                $('#search #search-result .error-red').html('');
                $('#search #search-result .error-red').hide();
				console.log('load dati');
				curRow = 0;
				globalDati = [];
		//		resetDati();
                if (json.err === 0) {
                //    loadDati();
					totRighe = 0;
					json.data.forEach( function(el, idx, d) {
						totRighe = totRighe + el.data.length;
						el.data.forEach( function(el1, idx1, d1) {
							let cur = tabDati.length;
							tabDati.push(el1);
							el1['n'] = cur;
						});	
					});	
					globalDati = json.data;
					updateGrid(false, false, false);

					if (globalDati !== null && globalDati.length > 0) {
						const myTimeout = setTimeout(
							updateInfo, 1000
						);	
					}
		
					loadOk = true;	

                    return json.data;
                } else {
                    $('#search #search-result .error-red').html(json.errmsg);
                    $('#search #search-result .error-red').show();
                    return [];
                }
            }
        },
		"paging": false,
		"searching": false, 
		"dom": '<"toolbar">frtip',
        "language": {
            "search": "{{ 'Filter records'|trans }}:"
        },
        "fixedHeader": false,
        "lengthMenu": [
            25,
            50,
            100,
            200,
            500
        ],
		"language": {"infoEmpty": "{{ 'No records available'|trans }}","info": "{{ 'Showing _TOTAL_ entries'|trans }}"},
        "deferRender": true,
        "columns": [
			{
                "className":      'dt-control',
                "orderable":      false,
                "data":           null,
                "defaultContent": ''
            },
			{"className": 'text-left box-cell', "orderable": false, "data": "box_id"},
            {"className": 'text-center', "data": "qty"},

			{"data": "TotNetWeight"},
            {"data": "TotVolume"},
            {"data": "TotSurface"},
            {"data": null},

            {
                "className":      'dt-cmd-order text-center show-saved-solution no-link items-card',
                "orderable":      false,
                "data":           null,
				"defaultContent": 
				"<div class=\"cmd-2d-aut\"><a><img class=\"cmd-order\" src=\"{{ asset('/static/configuratore/images/icons/ico_2D_aut_trasp.png') }}\"></img></a></div>"
				+ "<div class=\"cmd-3d-aut\"><a><img class=\"cmd-order\" src=\"{{ asset('/static/configuratore/images/icons/ico_3D_aut_trasp.png') }}\"></img></a></div>"
				{% if is_granted('ROLE_3DMAN') %}
				+ "<div class=\"cmd-3d-man disabled\"><a><img class=\"cmd-order\" src=\"{{ asset('/static/configuratore/images/icons/ico_3D_man_trasp.png') }}\"></img></a></div>"
				{% endif %}

			}, 
			{"data": null},
			{
                "className":      'dt-trash text-center delete-item',
                "orderable":      false,
                "data":           null,
                "defaultContent": ''
			}
		],
		"order": [
				[1, "asc"]
			],			
		"columnDefs": [
			{
				"orderable": false,
				"targets": 0
			},
			{
                "render": function(data, type, row) {
					let img = '';
					let alert = '<div class="alert-container alert-container-off"></div>';
					if (row.box_id > 0) {
						let box_code = row.box_code.replace(' ', '_').replace(',', '').replace('(', '').replace(')', '');
						//img = "{{ asset('/static/images/box/') }}" + box_code + '_P.png';	
						img = "{{ path('get_image', {'id':':::ID','tipo':':::TIPO'}) }}".replace(':::ID', row.box_id).replace(':::TIPO', 't');
						if ((row.singolo > 0 && row.ntot !== 1) || (row.dogana > 0 && row.dogana !== row.ntot) || (row.pericolosi > 0 && row.pericolosi !== row.ntot)) {
							let _codiceAlert = '';
							if (row.singolo > 0 && row.ntot !== 1) {
								_codiceAlert = _codiceAlert + ',30';
							}
							if (row.dogana > 0 && row.dogana !== row.ntot) {
								_codiceAlert = _codiceAlert + ',32';
							}
							if (row.pericolosi > 0 && row.pericolosi !== row.ntot) {
								_codiceAlert = _codiceAlert + ',31';
							}
							alert = '<div data-alert="' + _codiceAlert + '" class="alert-container alert-container-on"><i class="fa fa-exclamation-triangle fa-3x alert-container" aria-hidden="true"></i></div>';
						}
					}
					else {
						img = "{{ asset('/static/c4rg0_themes/assets/images/icons/DDP-ML_ICO.png') }}";						
					}
					return alert + '<div class="box-img" data-box_id="' + data + '"><img src="' + img + '"></div><div class="box-info">' +  row.box_tipo + ' ' +  row.box_code + '</div>';
				},
                "orderable": false,
                "targets": 1
            },
			{
				"render": function(data, type, row) {
					let _ret = '';
					let _shortcut = new Array();
					if (data.box_id > 0) {
						data.data.forEach( function(el, idx, d) {
							el.caratteristiche1.forEach(function(el1, idx1, d1) {
								let _v = parseInt(el1.valore);
								if (!_shortcut.hasOwnProperty(el1.nome)) {
									_shortcut[el1.nome] = {'icon':_caratteristiche_shortcut[el1.cid].b64_icon_on, 'n':0};
								}
								_shortcut[el1.nome].n += ((_v === 1) ? 1 : 0);
							});	
						});	
						if (_shortcut.hasOwnProperty('singolo') && _shortcut.singolo.n > 0) {
							_ret = _ret + ('<div class="icon-short solo-view"><img class="icone-caratteristiche" src="' + _shortcut.singolo.icon + '" ></div>');
						}
						if (_shortcut.hasOwnProperty('preimballo') && _shortcut.preimballo.n > 0) {
							_ret = _ret + ('<div class="icon-short solo-view"><img class="icone-caratteristiche" src="' + _shortcut.preimballo.icon + '" ></div>');
						}
						if (_shortcut.hasOwnProperty('dogana') && _shortcut.dogana.n > 0) {
							_ret = _ret + ('<div class="icon-short solo-view"><img class="icone-caratteristiche" src="' + _shortcut.dogana.icon + '" ></div>');
						}
						if (_shortcut.hasOwnProperty('pericoloso') && _shortcut.pericoloso.n > 0) {
							_ret = _ret + ('<div class="icon-short solo-view"><img class="icone-caratteristiche" src="' + _shortcut.pericoloso.icon + '" ></div>');
						}
					}
				//	console.log('A. -----');
			//		console.log(data);
			//		console.log('B. -----');
					{% if not base_flag_ridotto %}
						return _ret;
					{% else %}
						return '';
					{% endif %}
				},
                "orderable": false,
                "targets": 6
            },
			{
                "render": function(data, type, row) {
					let tot = parseFloat(row.TotNetWeight);
					let portata = parseFloat(row.portata);
					let peso = (tot / portata) * 100.0;
					let peso2 = (tot / portata) * 100.0;
					let pesopc = peso;
					let pesopc2 = Math.round(peso2);
					pesopc2 = (pesopc2 > 100) ? 100 : pesopc2;
					pesopc2 = (pesopc2 < 0) ? 0 : pesopc2;
					let formatted = 
						  tot.toLocaleString(_locale, {minimumFractionDigits: 1, maximumFractionDigits: _maxFracDigits}) + ' / '
						+ portata.toLocaleString(_locale, {minimumFractionDigits: 1, maximumFractionDigits: _maxFracDigits}) + ' '
						+ ' [' + (portata - tot).toLocaleString(_locale, {minimumFractionDigits: 1, maximumFractionDigits: _maxFracDigits}) + ']';
					if (Math.round(pesopc * 10) > 1000) {
						pesopc2 = "E";
					}
					if (row.box_id > 0) {
						return '<div class="verifica-peso valori-num blocco-numerico">' + formatted + '</div>' + "<div class=\"blocco-percentuale\"><div class=\"wraqpper verifica-peso valori-perc\"><div class=\"chart-container\"><div class=\"data-cell gauges\"><div class=\"linear-gauge\"><div value=\"" 
						+ pesopc2 + "\"></div></div></div></div></div><div class=\" valori-perc\">" 
						+ ((pesopc2 !== 'E') ? pesopc.toLocaleString(_locale, {minimumFractionDigits: 1, maximumFractionDigits: 1}) + "%" : '<i class="fa fa-exclamation-triangle fa-3x" style="color: red;" aria-hidden="true"></i>')
						+ "</div></div>";
					}
					else {
						return '<div class="verifica-peso valori-num blocco-numerico">' + tot.toLocaleString(_locale, {minimumFractionDigits: 1, maximumFractionDigits: _maxFracDigits}) + '</div>';
					}
                },
                "orderable": false,
                "targets": 3
            },
			{
                "render": function(data, type, row) {
					let tot = parseFloat(row.TotVolume);
					let volume = parseFloat(row.int_volume);
					let vol = (tot / volume) * 100.0;
					let vol2 = (tot / volume) * 100.0;
					let volpc = vol;
					let volpc2 = Math.round(vol2);
					volpc2 = (volpc2 > 100) ? 100 : volpc2;
					volpc2 = (volpc2 < 0) ? 0 : volpc2;
					let formatted = 
						  tot.toLocaleString(_locale, {minimumFractionDigits: 1, maximumFractionDigits: _maxFracDigits}) + ' / '
						+ volume.toLocaleString(_locale, {minimumFractionDigits: 1, maximumFractionDigits: _maxFracDigits}) + ' '
						+ ' [' + (volume - tot).toLocaleString(_locale, {minimumFractionDigits: 1, maximumFractionDigits: _maxFracDigits}) + ']';
					if (Math.round(volpc * 10) > 1000) {
						volpc2 = "E";
					}
					if (row.box_id > 0) {
						return '<div class="verifica-volume valori-num blocco-numerico">' + formatted + '</div>' + "<div class=\"blocco-percentuale\"><div class=\"wraqpper verifica-volume valori-perc\"><div class=\"chart-container\"><div class=\"data-cell gauges\"><div class=\"linear-gauge\"><div value=\"" 
						+ volpc2 + "\"></div></div></div></div></div><div class=\" valori-perc\">" 
						+ ((volpc2 !== 'E') ? volpc.toLocaleString(_locale, {minimumFractionDigits: 1, maximumFractionDigits: 1}) + "%" : '<i class="fa fa-exclamation-triangle fa-3x" style="color: red;" aria-hidden="true"></i>')
						+ "</div></div>";	
					}
					else {
						return '<div class="verifica-volume valori-num blocco-numerico">' + tot.toLocaleString(_locale, {minimumFractionDigits: 1, maximumFractionDigits: _maxFracDigits}) + '</div>';
					}
                },
                "orderable": false,
                "targets": 4
            },
			{
                "render": function(data, type, row) {
					let tot = parseFloat(row.TotSurface);
					let volume = parseFloat(row.int_surface);
					let vol = (tot / volume) * 100.0;
					let vol2 = (tot / volume) * 100.0;
					let volpc = vol;
					let volpc2 = Math.round(vol2);
					volpc2 = (volpc2 > 100) ? 100 : volpc2;
					volpc2 = (volpc2 < 0) ? 0 : volpc2;
					let formatted = 
						  tot.toLocaleString(_locale, {minimumFractionDigits: 1, maximumFractionDigits: _maxFracDigits}) + ' / '
						+ volume.toLocaleString(_locale, {minimumFractionDigits: 1, maximumFractionDigits: _maxFracDigits}) + ' '
						+ ' [' + (volume - tot).toLocaleString(_locale, {minimumFractionDigits: 1, maximumFractionDigits: _maxFracDigits}) + ']';
					if (Math.round(volpc * 10) > 1000) {
						volpc2 = "E";
					}
					if (row.box_id > 0) {
						return '<div class="verifica-superficie valori-num blocco-numerico">' + formatted + '</div>' + "<div class=\"blocco-percentuale\"><div class=\"wraqpper verifica-superficie valori-perc\"><div class=\"chart-container\"><div class=\"data-cell gauges\"><div class=\"linear-gauge\"><div value=\"" 
						+ volpc2 + "\"></div></div></div></div></div><div class=\" valori-perc\">" 
						+ ((volpc2 !== 'E') ? volpc.toLocaleString(_locale, {minimumFractionDigits: 1, maximumFractionDigits: 1}) + "%" : '<i class="fa fa-exclamation-triangle fa-3x" style="color: red;" aria-hidden="true"></i>')
						+ "</div></div>";	
					}
					else {
						return '<div class="verifica-superficie valori-num blocco-numerico">' + tot.toLocaleString(_locale, {minimumFractionDigits: 1, maximumFractionDigits: _maxFracDigits}) + '</div>';
					}
                },
                "orderable": false,
                "targets": 5
            },
			{
				width: 300,
                "render": function(data) {
					let sn2da = (data.sn2da === null || data.sn2da === 0) ? {"salvati":0,"tipo":1,"img":"{{ asset('/static/configuratore/images/icons/ico_2D_aut_trasp.png') }}"} : {"salvati":1,"tipo":2,"img":"{{ asset('/static/configuratore/images/icons/ico_2D_aut_bnc.png') }}"};
					let sn3da = (data.sn3da === null || data.sn3da === 0) ? {"salvati":0,"tipo":1,"img":"{{ asset('/static/configuratore/images/icons/ico_3D_aut_trasp.png') }}"} : {"salvati":1,"tipo":2,"img":"{{ asset('/static/configuratore/images/icons/ico_3D_aut_bnc.png') }}"};
					let sn3dm = (data.sn3dm === null || data.sn3dm === 0) ? {"salvati":0,"tipo":1,"img":"{{ asset('/static/configuratore/images/icons/ico_3D_man_trasp.png') }}"} : {"salvati":1,"tipo":2,"img":"{{ asset('/static/configuratore/images/icons/ico_3D_man_bnc.png') }}"};
					let _ret = `<div class="cmd-2d-aut tipo-${sn2da.tipo}"><a data-url="${sn2da.url}" data-salvati="${sn2da.salvati}"><img class="cmd-order" src="${sn2da.img}"></img></a></div>`
					+ `<div class="cmd-3d-aut tipo-${sn3da.tipo}"><a data-url="${sn3da.url}" data-salvati="${sn3da.salvati}"><img class="cmd-order" src="${sn3da.img}"></img></a></div>`
					{% if is_granted('ROLE_3DMAN') %}
					+ `<div class="cmd-3d-man tipo-${sn3dm.tipo}"><a data-url="${sn3da.url}" data-salvati="${sn3dm.salvati}"><img class="cmd-order" src="${sn3dm.img}"></img></a></div>`;
					{% endif %}
					return _ret;
					
				},
                "targets": 7
            },


			{
				"render": function(data, type, row) {

					if (row.box_id !== 0) {
						return '' {# ' <h3>'
						{% if salvato == null %}	+ '  <i class="fas fa-upload" style="color: yellow;"></i>' {% endif %}
							+ ' </h3>'#};
				  	}
					else {
						return "";						
					}

				},
				"createdCell": function (td, cellData, rowData, row, col) {
					$(td).removeClass();
					if (rowData.box_id !== 0) {
						$(td).addClass('dt-trash text-center delete-item')
					}
				},
				"orderable": false,
				"targets": 8
			},

        ],
		"drawCallback": function () {
			// Add HTML5 draggable event listeners to each row
			{% if not base_flag_ridotto %}

			var _r = document.querySelectorAll('#items-result tbody tr');
		//	console.log('............ 2a OK');
			rows.push(_r);
			  [].forEach.call(_r, function(row) {
				row.addEventListener('dragstart', handleDragStart, false);
				row.addEventListener('dragenter', handleDragEnter, false)
				row.addEventListener('dragover', handleDragOver, false);
				row.addEventListener('dragleave', handleDragLeave, false);
				row.addEventListener('drop', handleDrop, false);
				row.addEventListener('dragend', handleDragEnd, false);
			});
			{% endif %}
		//		console.log('Draw Event 1');


	if (loadOk) {
		table2.rows().every(function() {
			let _d = this.data();
			var _id = _d['box_id'];
			var _prog = _d['box_prog'];
			var _bp = _d['bp'];
			//if (_bp === '00000000000000000001') 
			{
				this.child(format(_bp)).show();
				populateTab(_id, _prog, _bp, _d['data']);	
			}
		});
		loadOk = false;	
	}





		}, 
		"draw": function() {
	//		console.log('.......--------........     Draw Event 2');
		//	updateInfo();
		},
        "createdRow": function(row, data, index) {
	//		console.log('............ 1 OK: ' + index);
//			console.log(data);
            $(row).addClass("tab-row");
            $(row).addClass("tab-row-new");
			$(row).addClass("index-" + index);
			$(row).attr('draggable', 'true');
			$(row).attr('id', 'id-' +  data.box_id);
		//	$(row).find('.color-cell').css("color", colors_value[(index) % colors_value.length]);

            row.setAttribute("data-index", index);
            row.setAttribute("data-id", data.box_id);
            row.setAttribute("data-boxid", data.box_id);
            row.setAttribute("data-boxprog", data.box_prog);

			//debugger;
		/*	
			setTimeout(
				function() {
					data.data.forEach( function(el, idx, d) {
				
						loadDati(index, idx, el);
		
					});
		
				}
				, 100
			);
			*/
        }
    });

	_testTab2 = table2;

	$("#searchresult").on("click", ".cmd-2d-aut a", function(v) {
		let _b64codice = $(this).closest('tr').data('b64codice');
		let _tipo = $(this).data('salvati');
		let _uid = $(this).data('url');
		let _uidA = [];
		if (_uid !== '') {
			_uidA = _uid.split(';');
		}
		if (_tipo !== 0 && _uidA.length === 2) {
			checkUrlAndGo("{{ path('page_c4rgo2dauto', {'tipocodice':tipocodice,'b64codice':':::B64CODICE','tipo':'I'}) }}".replace(':::B64CODICE', _b64codice), this); 
//			checkUrlAndGo("{{ path('configuratore_do',{'op':'emo','code':b64codice,'salvato':3}) }}", this);
//			checkUrlAndGo("{{ path('configuratore3d_c4rgo_getsaved', {'uid':':::UID'}) }}".replace(':::UID', _uidA[1]), this); 
		}
		else {
			checkUrlAndGo("{{ path('page_c4rgo2dauto', {'tipocodice':tipocodice,'b64codice':':::B64CODICE','tipo':'I'}) }}".replace(':::B64CODICE', _b64codice), this); 
		}
	});
	$("#items-result").on("click", ".cmd-2d-aut a", function(v) {
		let contenitore_id = $(this).closest('tr').data('boxid');
		let contenitore_prog = $(this).closest('tr').data('boxprog');
		//alert(contenitore_id + " .- " + contenitore_prog);
		let _uid = $(this).data('url');
		let _uidA = [];
		if (_uid !== '') {
			_uidA = _uid.split(';');
		}
		let _tipo = $(this).data('salvati');
		if (_tipo !== 0 && _uidA.length === 2) {
			checkUrlAndGo("{{ path('page_c4rgo2dauto', {'tipocodice':tipocodice,'b64codice':b64codice,'tipo':'I'}) }}", this); 
			
		//	checkUrlAndGo("{{ path('configuratore_do',{'op':'emo','code':b64codice,'salvato':3}) }}", this);


			//			checkUrlAndGo("{{ path('configuratore3_d_c4rgo', {'tipocodice':tipocodice,'b64codice':b64codice,'box':':::BOX','prog':':::PROG'}) }}".replace(':::BOX', contenitore_id).replace(':::PROG', contenitore_prog), this); 
			}
		else {
		
		checkUrlAndGo("{{ path('page_c4rgo2dauto', {'tipocodice':tipocodice,'b64codice':b64codice,'tipo':'I'}) }}", this); 
		}
	});

	$("#searchresult").on("click", ".cmd-3d-aut a", function(v) {
		let _b64codice = $(this).closest('tr').data('b64codice');
		let _tipo = $(this).data('salvati');
		let _uid = $(this).data('url');
		let _uidA = [];
		if (_uid !== '') {
			_uidA = _uid.split(';');
		}
		if (_tipo !== 0 && _uidA.length === 2) {
			checkUrlAndGo("{{ path('configuratore3d_c4rgo_getsaved', {'uid':':::UID'}) }}".replace(':::UID', _uidA[1]), this); 
			//checkUrlAndGo("{{ path('configuratore_do',{'op':'emo','code':b64codice,'salvato':2}) }}", this);
		}
		else {
			checkUrlAndGo("{{ path('page_configuratore3D', {'tipologia':':::TIPOLOGIA','tipocodice':tipocodice,'b64codice':':::B64CODICE','trasporto':':::BOX','prog':':::PROG','page':1}) }}"
				.replace(':::TIPOLOGIA', 2)
				.replace(':::B64CODICE', _b64codice)
				.replace(':::BOX', 0)
				.replace(':::PROG', 1), this); 
		}
	});
	$("#items-result").on("click", ".cmd-3d-aut a", function(v) {
		let contenitore_id = $(this).closest('tr').data('boxid');
		let contenitore_prog = $(this).closest('tr').data('boxprog');
		//alert(contenitore_id + " .- " + contenitore_prog);
		let _uid = $(this).data('url');
		let _uidA = [];
		if (_uid !== '') {
			_uidA = _uid.split(';');
		}
		let _tipo = $(this).data('salvati');
		if (_tipo !== 0 && _uidA.length === 2) {
			checkUrlAndGo("{{ path('configuratore3d_c4rgo_getsaved', {'uid':':::UID'}) }}".replace(':::UID', _uidA[1]), this); 
		//	checkUrlAndGo("{{ path('configuratore3_d_c4rgo', {'tipocodice':tipocodice,'b64codice':b64codice,'box':':::BOX','prog':':::PROG'}) }}".replace(':::BOX', contenitore_id).replace(':::PROG', contenitore_prog), this); 
//			checkUrlAndGo("{{ path('configuratore_do',{'op':'emo','code':b64codice,'salvato':2}) }}", this);
		}
		else {

		checkUrlAndGo("{{ path('page_configuratore3D', {'tipologia':':::TIPOLOGIA','tipocodice':tipocodice,'b64codice':b64codice,'trasporto':':::BOX','prog':':::PROG','page':1}) }}"		
			.replace(':::TIPOLOGIA', 2)
			.replace(':::BOX', contenitore_id)
			.replace(':::PROG', contenitore_prog), this); 
		}
	});

	{% if is_granted('ROLE_3DMAN') %}
		$("#searchresult").on("click", ".cmd-3d-man a", function(v) {
			let _b64codice = $(this).closest('tr').data('b64codice');
			let _tipo = $(this).data('salvati');
			let _uid = $(this).data('url');
			let _uidA = [];
			if (_uid !== '') {
				_uidA = _uid.split(';');
			}
			if (_tipo !== 0 && _uidA.length === 2) {
				checkUrlAndGo("{{ path('configuratore3d_c4rgo_getsaved', {'uid':':::UID'}) }}".replace(':::UID', _uidA[1]), this); 
//				checkUrlAndGo("{{ path('configuratore_do',{'op':'emo','code':b64codice,'salvato':1}) }}", this);
			}
			else {
				checkUrlAndGo("{{ path('configuratore3_d_c4rgo', {'tipocodice':tipocodice,'b64codice':':::B64CODICE','box':':::BOX','prog':':::PROG'}) }}".replace(':::B64CODICE', _b64codice).replace(':::BOX', 0).replace(':::PROG', 1), this); 
			}

		});
		$("#items-result").on("click", ".cmd-3d-man a", function(v) {
			let contenitore_id = $(this).closest('tr').data('boxid');
			let contenitore_prog = $(this).closest('tr').data('boxprog');
			let _uid = $(this).data('url');
			let _uidA = [];
			if (_uid !== '') {
				_uidA = _uid.split(';');
			}
			let _tipo = $(this).data('salvati');
			//alert(contenitore_id + " .- " + contenitore_prog);
			if (_tipo !== 0 && _uidA.length === 2) {
				checkUrlAndGo("{{ path('configuratore3d_c4rgo_getsaved', {'uid':':::UID'}) }}".replace(':::UID', _uidA[1]), this); 
				//checkUrlAndGo("{{ path('configuratore3_d_c4rgo', {'tipocodice':tipocodice,'b64codice':b64codice,'box':':::BOX','prog':':::PROG'}) }}".replace(':::BOX', contenitore_id).replace(':::PROG', contenitore_prog), this); 
				//checkUrlAndGo("{{ path('configuratore_do',{'op':'emo','code':b64codice,'salvato':1}) }}", this);
			}
			else {
	
				checkUrlAndGo("{{ path('configuratore3_d_c4rgo', {'tipocodice':tipocodice,'b64codice':b64codice,'box':':::BOX','prog':':::PROG'}) }}".replace(':::BOX', contenitore_id).replace(':::PROG', contenitore_prog), this); 
			}
		});
	{% endif %}

	$("div.toolbar").html(
		  '<div class="col-md-4">'
		+ '<div class="btn sel-dettaglio" style="border: 1px solid white; border-radius: 8px; margin-bottom: 12px; display: inline-block; margin-left: 10px;" data-selcode="N">'
		+ '<i class="fa fa-remove fa-2x"></i>'
		+ '<div class="th-label">{{ "Unselect all"|trans }}</div>' 
		+ '</div>'
		+ '<div class="btn open-all" style="border: 1px solid white; border-radius: 8px; margin-bottom: 12px; display: inline-block; margin-left: 10px;" data-selcode="N">'
		+ '<i class="fas fa-lock-open fa-2x"></i>'
		+ '<div class="th-label">{{ "Open all"|trans }}</div>' 
		+ '</div>'
		+ '<div class="btn close-all" style="border: 1px solid white; border-radius: 8px; margin-bottom: 12px; display: inline-block; margin-left: 10px;" data-selcode="N">'
		+ '<i class="fas fa-lock fa-2x"></i>'
		+ '<div class="th-label">{{ "Close all"|trans }}</div>' 
		+ '</div>'
		+ '</div>'
		+ '<div class="col-md-4">'
			+ '<div class="salvati-label">'
				+ "<a href =\"{{ path('configuratore_do',{'op':'emo','code':b64codice}) }}\" class=\"label-items tipo-0 {% if salvato is empty or salvato < 1 %}selected{% endif %}\" >{{ 'Items' }}</a>"
				{% if sn2da != '--' %}
				+ "<a href =\"{{ path('configuratore_do',{'op':'emo','code':b64codice,'salvato':3}) }}\" class=\"label-2d-auto tipo-3 {% if salvato == 3 %}selected{% endif %}\">{{ '2D' }}</a>"
				{% endif %}
				{% if sn3da != '--' %}
				+ "<a href =\"{{ path('configuratore_do',{'op':'emo','code':b64codice,'salvato':2}) }}\" class=\"label-3d-auto tipo-2 {% if salvato == 2 %}selected{% endif %}\">{{ '3D' }}</a>"
				{% endif %}
			+ '</div>'
		+ '</div>'
		);
	$(".btn-confirm-supp").on("click", function(v) {
		confirmSupp($(this).data('id'));
	});
	$('.toolbar').on('click', '.config-3D', function(v) {
		showConfigEngine("", "", "{{ tipocodice }}", "{{ b64codice }}", "N", 'D', '--', _loadConfigEngine3D);
	});  
	$('#searchresult, #items-result').on('click', '.config-3D', function(v) {
		showConfigEngine("", "", "{{ tipocodice }}", "{{ b64codice }}", "N", 'D', '--', _loadConfigEngine3D);
	});  


	$('.salvataggi').on('click', '#trash-all', function(v) {
		let _upurl = '{{ path('api_delete_save_all', {'tipocodice': tipocodice, 'testata_id': testata_id, 'origine':origine|default(0)}) }}';
		showGenericMsg("{{ 'Attention'|trans }}", "{{ 'Confermi la cancellazione di tutti i salvataggi?'|trans }}", rimuoviSalvataggi.bind(null, _upurl));
	});  


// <tr id="rigaitem-5881" data-id="1092" data-l="0.04" data-w="0.04" data-h="0.06" data-qty="5" data-pos="9" data-src="5881">
	initContenitori();
	initConfigEngine();

});

if (typeof updateTotCounter === "function") {
//	$(document).ready(updateTotCounter);
	$(window).on('load', updateTotCounter);
}

if (typeof updateContenitore === "function") {
	//$(document).ready(updateContenitore);
	$(window).on('load', updateContenitore);
}

function _loadConfigEngine3D() {
	let url = "{{ path('api_getconfigengine', {'tipocodice':tipocodice,'b64codice':b64codice, 'tipo':':::T'}) }}".replace(':::T', 'D');
	loadConfigEngine3D(url);
}

//initConfiguratorSavedLog();

</script>


{% endblock %}