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

{% trans_default_domain 'configuratore' %}

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

{% block body_id 'configuratore-items' %}

	{% 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 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/mo.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/alertmessage.html.twig' %}
	{% include 'modal/anagrafica_items.html.twig' %}
	{% include 'modal/attendere.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-2D">


											<div class="text" style="margin-bottom: 10px;">
												<h4>
													<strong>{{ 'M.O.'|trans }}</strong>
												</h4>
											</div>

										{#	
										<div class="icon" style="height: 180px;">
												<img src="{{ asset('/static/c4rg0_themes/assets/images/icons/DDP-ML_ICO.png') }}" style="height: 90%; margin-top: 10px;" alt=""><br>
											</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>
													{{ form_help(form.OrderCode) }}
												</div>

												<div class="col-sm-12">
												<table>
													<tr>
														<td>{{ form_label(form.SearchItemCode) }}</td>
														<td>
															<span class="validate-error">{{ form_errors(form.SearchItemCode) }}</span>
														</td>
													</tr>
												</table>
												<div class="input-group input-main">
													{{ form_widget(form.SearchItemCode) }}
												</div>
												{{ form_help(form.SearchItemCode) }}												
												</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>
											
											<div class="contenitore-immagine-testata col-md-4">
												<img class="immagine-testata" src="{{ asset('/static/configuratore/images/blocks/Scatola_Loadi_Configurator_3D.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.SO) }}</td>
															<td>
																<span class="validate-error">{{ form_errors(form.SO) }}</span>
															</td>
														</tr>
													</table>
													<div class="input-group input-main">
														{{ form_widget(form.SO) }}
													</div>
													{{ form_help(form.SO) }}
												</div>

												<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-10" 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-2">
													<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-10">



												</div>
												<div class="col-sm-2">
													<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 %}
							<div class="row">
								<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="body form-group">
											<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="" style="margin-left: 10px; margin-top: 20px;">
																																																																					<input type="text" value= "{{ importa }}" class="form-control" name="id-search" id="id-search" style="font-size: 42px; height: 46px; width: 80%; float: left;background-color: #d3d3d369;margin-right: 6px;">                                
																																																																					<button style="height: 38px;" type="submit" name="id-search-ok" id="id-search-ok" class="btn btn-blue margin-left-20"><i class="fa fa-search fa-2x"></i></button>
																																																																				</div>  
																																																																				<br />
																																																																				<div class="" style="margin-left: 10px; margin-top: 20px;">
																																																																					<input type="text" value= "{{ items }}" class="form-control" name="id-search-item" id="id-search-item" style="font-size: 42px; height: 46px; width: 80%; float: left;background-color: #d3d3d369;margin-right: 6px;">                                
																																																																					<button placeholder="{{ 'cdc.add.item'|trans }}" type="submit" name="id-search-item-ok" id="id-search-item-ok" class="btn btn-blue margin-left-20"><i class="fa fa-plus fa-2x"></i></button>
																																																																				</div>  
																																																																				-->


												<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>

												<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-6">
													<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 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>	
												</div>
												<div class="col-sm-6" id="import-model">
													<img class="immagine-testata-logo-dettaglio" src="{{ asset('/static/images/loghi_aziende/DS-C4RGO-logo.png') }}">													
												</div>
												<div style="clear: both;"></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="row body">
											<div class="col-md-6 left-side">
												<div class="row icons-container">
													<div class="icons-container">



													<ul>
														{% for icon_container in [[1,'Wooden Crates'|trans], [4,'Pallet'|trans], [3, 'Box'|trans]]%}
															<li class="icons-container">
														<input type="radio" name="cb-FC" id="cb_FC{{ icon_container[0] }}" value="{{ icon_container[0] }}" {% if loop.index0 == 0 %}checked{% endif %} />
																<label for="cb_FC{{ icon_container[0] }}">
																	<img class="btn-on" src="{{ asset('/static/configuratore/images/icons/famiglia/' ~ icon_container[0] ~ '_on.png') }}" />
																	<img class="btn-off" src="{{ asset('/static/configuratore/images/icons/famiglia/' ~ icon_container[0] ~ '_off.png') }}" />
																</label>
																<div class="icon-container-txt">
																	<label for="cb_FC{{ icon_container[0] }}">
																		{{ icon_container[1] }}
																	</label>
																</div>
															</li>															
														{% endfor %}
													</ul>

													</div>
												</div>
												<div class="row">
													{% include 'block/contenitore.html.twig'  with {'block_name':'blocco-trasporto','showpc':1,'showpcbar':0,'tipocodice':tipocodice,'codice':codice} %}	
												</div>
												<div class="row pos-bottom">
													<div class="col-md-6">
														<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>{{ '2D - Loading Single Layer'|trans }}</div>
															</span>
														</span>
													</div>
													<div class="col-md-6">
														<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>{{ '3D - Loading Multy Layer'|trans }}</div>
															</span>
														</span>
													</div>													
												</div>	
											</div>
											<div class="col-md-6 right-side" style="border-left: 1px white solid;">
												<div class="row">
													<div class="col-md-6">
														<div class="col-sm-12 label-title">
															{{ 'Load Constraints'|trans }}
														</div>
														<div class="area-immagine col-sm-12">
															<img src="{{ asset('/static/configuratore/images/LWH_SHAPE.png') }}" style="width: 75%;">
														</div>
													</div>
													<div class="area-dati col-md-6">
														<div class="col-sm-12">
															<table>
																<tr>
																	<td class="text-align-left">{{ form_label(form.MaxLength) }}</td><td class="min-load text-align-right">{{ 'Min'|trans }}&nbsp;{{ somme[0].maxL }} m</td>
																	<td colspan="2">
																		<span class="validate-error">{{ form_errors(form.MaxLength) }}</span>
																	</td>
																</tr>
															</table>
															<div class="input-group input-main">
																{{ form_widget(form.MaxLength) }}
															</div>
														{# {{ form_help(form.MaxLength) }} #}
														</div>								
														<div class="col-sm-12">
															<table>
																<tr>
																	<td class="text-align-left">{{ form_label(form.MaxWidth) }}</td><td class="min-load text-align-right">{{ 'Min'|trans }}&nbsp;{{ somme[0].maxW }} m</td>
																	<td colspan="2">
																		<span class="validate-error">{{ form_errors(form.MaxWidth) }}</span>
																	</td>
																</tr>
															</table>
															<div class="input-group input-main">
																{{ form_widget(form.MaxWidth) }}
															</div>
															{# {{ form_help(form.MaxWidth) }} #}
														</div>
														<div class="col-sm-12">
															<table>
																<tr>
																	<td class="text-align-left">{{ form_label(form.MaxHeight) }}</td><td class="min-load text-align-right">{{ 'Min'|trans }}&nbsp;{{ somme[0].maxH }} m</td>
																	<td colspan="2">
																		<span class="validate-error">{{ form_errors(form.MaxHeight) }}</span>
																	</td>
																</tr>
															</table>
															<div class="input-group input-main">
																{{ form_widget(form.MaxHeight) }}
															</div>
															{# {{ form_help(form.MaxHeight) }} #}
														</div>
														<div class="col-sm-12">
															<table>
																<tr>
																	<td class="text-align-left">{{ form_label(form.MaxWeight) }}</td><td class="min-load text-align-right">{{ 'Min'|trans }}&nbsp;{{ somme[0].MaxWeight }} kg</td>
																	<td colspan="2">
																		<span class="validate-error">{{ form_errors(form.MaxWeight) }}</span>
																	</td>
																</tr>
															</table>
															<div class="input-group input-main">
																{{ form_widget(form.MaxWeight) }}
															</div>
															{# {{ form_help(form.MaxWeight) }} #}
														</div>
														<div class="col-sm-12 margin-bottom">
														</div>

													</div>	
												</div>	
												<div class="row pos-bottom">
													<div class="btn-immagine-tipologia col-md-2">
														<img style="width: 100%;">
													</div>
													<div class="col-md-10">
														<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>{{ 'Select'|trans }}&nbsp;<span></span>&nbsp;{{ 'type'|trans }}</div>
															</span>
														</span>
													</div>				
												</div>	
											</div>
											<div style="clear: both;"></div>
										</div>
									</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_SUPERADMIN') %}
												<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>
							</div>

							<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="50" style="width: 100px;"></th>
															<th width="80" class="sort-alpha identify-detail first-col" style="min-width: 14%; width: 800px; text-align: center; 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 }} {{ '[Mc]'|trans }}</h3>
															</th>
															<th width="80" class="sort-numeric" style="min-width: 10%; text-align: center;">
																<h3>{{ 'Surface / Int. Surface'|trans }} {{ '[Mq]'|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>
														</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>{{ "global.Date"|trans }}</th>
													<th>{{ "form.OrderCode"|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="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 identify-detail" style="text-align: center; min-width: 240px;">
						<h3>{{ 'Qty'|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?v=' ~ cache_css) }}"></script>	




<script type="text/javascript">

var globalDati = null;


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

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

var info = new Array();
var tmp;
const g_Modulo = {};


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 globalArea = 0;

let gridSelection = new Array();

function getGridSelectionAsB64() {
	let _ret = '--';
	if (typeof gridSelection === 'object') {
		_ret = Base64.encode(gridSelection.toString());
	}
	_ret = (_ret === '') ? '--' : _ret;
	return _ret;
}

function confirmSupp(id) {

}
const C_TIPOLOGIA = {
{% for icon_container in [[1,'Wooden Crates'|trans], [4,'Pallet'|trans], [3, 'Box'|trans]]%}
	{% if loop.index0 == 0 %}
		  {{ icon_container[0] }}:"{{  icon_container[1] }}" 
	{% else %}
		, {{ icon_container[0] }}:"{{ icon_container[1] }}" 
	{% endif %}
{% endfor %}
};
/*
					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_mo',{'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 {
	/*	const expires = new Date(Date.now() + 1000).toUTCString();
		document.cookie = `selezione-items=1,2,3,4,5,6,7; expires=${expires}`;*/
		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>');
}


g_Modulo.alertById = function (v, msgGroup) {
	let _msg = '';
	if (typeof msgGroup === 'undefined' || msgGroup === true) {
		for (let c = 0; c < v.length; ++c) {
			let _iVal = parseInt(v[c]);
			if (!isNaN(_iVal)) {
				_msg = _msg + _alert_msg[_iVal].termine + '<br />';
			}
	    }
		showGenericMsg("{{ 'Generic'|trans }}", _msg, null);		
	} 
	else {
		if (v.length > 0) {
			let _cur = v[0];
			v = v.slice(1);
			let _iVal = parseInt(_cur);
			if (isNaN(_iVal)) {
				g_Modulo.alertById(v, msgGroup)
			}
			else {
				showAlertMsg(_alert_msg[_iVal], null, g_Modulo.alertById.bind(null, v, msgGroup));
			}
		}

	}
}

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 !== '') {
		g_Modulo.alertById(_sCodici.split(','), false);
	}
});



function loadDati(index, subidx, data) {
	var v_ret = 0;
	if (data.cid > 0) {
		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") {
				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 = 'imo';
			let _cid = data.cid;
			if (data.preimballo_id !== null && data.preimballo_id > 0 && data.children.length > 0) {
				_cid = data.preimballo_id;
				_tipo = 'bmo';
				for(let cc = 0; cc < data.children.length; ++cc) {
					loadDati(1, 1, data.children[cc]);
				}
			}
			info.push({
				'pos': index,
				'subpos': subidx,
				'id': data.cid,
				'uid': _tipo + '-' + data.bid + '-' + data.box_id + '-' + data.box_prog + '-' + _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':'::TIPO'}) }}".replace('::ID', _cid).replace('::TIPO', _tipo),
				'color': data.item_color,
				'val': msg
			});
			globalArea = globalArea + (msg.L * msg.W);
/*			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() {

    /*const socket = new WebSocket("{{ app_websocket }}");
	let g_ConnectOk = false;

	socket.addEventListener("open", function() {
        g_ConnectOk = true;
    });

    function addMessage(name, message) {
        //const messageHTML = "<div class='message'><strong>" + name + ":</strong> " + message + "</div>";
        //document.getElementById("chat").innerHTML += messageHTML
    }
 
    socket.addEventListener("message", function(e) {
        //console.log(e.data);
        try
        {
            const message = JSON.parse(e.data);
            addMessage(message.name, message.message);
        }
        catch(e)
        {
            // Catch any errors
        }
    });*/
 
	/*

    document.getElementById("sendBtn").addEventListener("click", function() {
        const message = {
            name: document.getElementById("name").value,
            message: document.getElementById("message").value
        };
        socket.send(JSON.stringify(message));
        addMessage(message.name, message.message);
    });
*/

	if ($('.tile-body.color.transparent-black.rounded-corners.box-layer').length > 0) {
		new ResizeObserver(
			function(v) {
				let _h = $('.tile-body.color.transparent-black.rounded-corners.box-layer').height();
				$('.tile-body.color.transparent-black.rounded-corners.box-2D').height(_h + 18);
				$('.tile-body.color.transparent-black.rounded-corners.container-box-3D').height(_h);
				console.log(_h);	
		}).observe($('.tile-body.color.transparent-black.rounded-corners.box-layer')[0])
	}
    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;
			globalDati.forEach(function(v) { 
				ok = ok + v.anomalia; 
			});
			if (ok === 0) {
				location.href = '{{ path('page_configuratore', {'codice':codice}) }}';
			}
			else {
				showGenericMsg("{{ 'Error'|trans }}", "{{ 'Unable to continue, incomplete data'|trans }}", null);
			}
		}
	)


	{% for riga in somme %}
        $('.watermarked').attr('data-content', '{{ riga.TotArea|umConvertiFormatta('m2','m2', 1)|raw }}');
	{% endfor %}





    $('.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();
			let _id = _d['box_id'];
			let _prog = _d['box_prog'];
			let _bp = _d['bp'];
			let _uid = (typeof _d['uid'] !== 'undefined' && _d['uid'] !== null) ? _d['uid'] : '';
			let _data = null;
			let _opt = null;
			let _livello = 1;
			if (typeof _d['data'] !== 'undefined') {
				_bp = _d['bp'];
				_data = _d['data'];
				_livello = 1;
				_opt = {"livello":_livello,"uid":_uid};
			}			
			else {
				if (typeof _d['children'] !== 'undefined') {
					_bp = _d['bp'] + '_' + _bid;
					_data = _d['children'];
					_livello = 2;
					_opt = {"livello":_livello,"uid":_uid};
				}				
			}
			this.child(format(_bp)).show();
			populateTab(_id, _prog, _bp, _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"					:'mo'
			}
		})
		.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');
	}

	function deleteOrder(id, tr) {
		let delurl = "{{ path('manage_order', { '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(tr).remove().draw();
				} else {
					
				}
			},
			error: function(data) {
				alert("{{ 'An error occured'|trans }}");
			}
		});
	}

	{% if not (base_flag_ridotto_full|default(false)) %} 
		$('#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', { '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 }}");
					}
				});
			}
		});	
	{% endif %}

    $('#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);
        }
    });


	function espelliItems(_d, _preimballo) {
		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;
		if (_preimballo) {
			if (typeof _d.children === 'object' && _d.children.length > 0) {
				delurl = "{{ path('manage_order', { 'obj':'p' }) }}"; 
			}
			else {
				delurl = "{{ path('manage_order', { 'obj':'r' }) }}"; 
			}
		} 
		else {
			delurl = "{{ path('manage_order', { '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);
		$.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 }}");
			}
		});
	}

    $('#items-result').on('click', '.delete-item .fa-upload', function(event) {
		let _tab = $(this).closest('table').DataTable();
		let _row = _tab.row($(this).closest('tr'));
		let _preimballo = $(this).hasClass('preimballo');
		let _d = _row.data();
		let _uid = _d.uid;
		if (_uid === '' || _uid === null) {
			showGenericMsg("{{ 'Attention'|trans }}", "{{ 'Confirm remove?'|trans }}", espelliItems.bind(null, _d, _preimballo));	
		}
		else {
			let _upurl = '{{ path('api_delete_save', {'uid':':::UID'}) }}'.replace(':::UID', _uid);
			showGenericMsg("{{ 'Attention'|trans }}", "{{ 'Confirm the deletion of the container?'|trans }}", rimuoviSalvataggi.bind(null, _upurl));	
		}

    });


	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)) {
					let _id = _d['box_id'];
					let _prog = _d['box_prog'];
					let _bp = _d['bp'];
					let _uid = (typeof _d['uid'] !== 'undefined' && _d['uid'] !== null) ? _d['uid'] : '';
					let _data = null;
					let _opt = null;
					let _livello = 1;
					if (typeof _d['data'] !== 'undefined') {
						_bp = _d['bp'];
						_data = _d['data'];
						_livello = 1;
						_opt = {"livello":_livello,"uid":_uid};
					}			
					else {
						if (typeof _d['children'] !== 'undefined') {
							_bp = _d['bp'] + '_' + _bid;
							_data = _d['children'];
							_livello = 2;
							_opt = {"livello":_livello,"uid":_uid};
						}				
					}
							this.child(format(_bp)).show();
					populateTab(_id, _prog, _bp, _data, _opt);
				}
			});


		}
	}

	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', {'obj':'o','id':testata_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);
				updateContenitore();
				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 = 0;
			let c2 = 0;
			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 = 'imo';
			if (_data.preimballo_id !== null && _data.preimballo_id > 0 && _data.children.length > 0) {
				_cid = _data.preimballo_id;
				_tipo = 'bmo';
				_descr = _data.preimballo_tipo + ' ' + _data.preimballo_nome;
				_codice = _descr;				
			}
			_uid = _tipo + '-' + _data.bid + '-' + _data.box_id + '-' + _data.box_prog + '-' + _cid;
			if (typeof _descr !== 'undefined' && _descr !== null && _descr.toUpperCase() !== _codice.toUpperCase()) {
				showItemInfo(_codice + ' - ' + _descr, _uid, updateItemDetail);
			}
			else {
				showItemInfo(_codice, _uid, updateItemDetail);
			}
	
		}

    });

    $('#items-result').on('click', '.apri-anagrafica', function(event) {
		let o = $(this);
		let _descr = o.data('dtdescr');
		let _codice = o.data('dtcode');

		if (_descr !== null && _descr.toUpperCase() !== _codice.toUpperCase()) {
			showAnagraficaItems(o.data('dtcode') + ' - ' + o.data('dtdescr'), o.data('dtcode'), o.data('dtcid'), 'mo', updateItemDetail);
		}
		else {
			showAnagraficaItems(o.data('dtcode'), o.data('dtcode'), o.data('dtcid'), 'mo', updateItemDetail);
		}
    });



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


	$('#items-result').on(
		'click', '.icon-short:not(.disabled):not(.container-preimballo)', 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');
				$.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');
				});


	
			}
		}
	);

	$('#items-result').on(
		'click', '.icon-short.container-preimballo:not(.disabled)', function(event) {
			let dom = $(this);
			let tr = dom.closest('tr');
			if (tr.length > 0) {
				let tr1 = tr[0];
				let bid = $(tr1).data('bid');
				let upurl = "{{ path('remove_box_preimballo') }}"; 
				$.ajax({
					'url': upurl,
					'type': "PUT",
					'data': {
						"bid": bid
					}
				})
				.done(function(data) {
					if (data.err === 0) {
						updateGrid(true, true, true);
					}
				})
				.fail(function() {
					alert("{{ 'An error occured'|trans }}");
				})
				.always(function() {
				});
	
			}
		}
	);






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

		
	let editor;
	function populateTab(a_id, a_prog, a_bp, a_data, a_Opt) {


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

//alert(a_data.length);
		let _livello = (typeof a_Opt !== 'undefined' && a_Opt !== null && typeof a_Opt.livello !== 'undefined') ? a_Opt.livello : 1;
		let _uid = (typeof a_Opt !== 'undefined' && a_Opt !== null && typeof a_Opt.uid !== 'undefined' && a_Opt.uid !== null) ? a_Opt.uid : '';
		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 and not base_flag_ridotto_full %}

				if (_livello === 1) {
					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":      'dt-control not-click no-double-click',
					"orderable":      false,
					"data":           null,
					"visible": (_livello === 1),
					"defaultContent": ''
				},	
				{
					"className":      (_uid === '') ? 
											'{% if not base_flag_ridotto and not base_flag_ridotto_full %}dt-select{% endif %} text-center select-item':
											'dt-noaccess text-center select-item'
										,
					"orderable":      false,
					"data":           null,
					"visible": (_livello === 1),
					"width": "1%",
					"defaultContent":  
								  ' <h3>'
								+ ' </h3>'
				},
				{"data": "obj_code", "width": "1%", className:"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"},
				{"data": null},
				{
					"className":      	(_uid === '') ? 
											{% if not (base_flag_ridotto_full|default(false)) %}'dt-trash'{% else %}''{% endif %} + ' text-center delete-item'
											: ''	
											,
					"orderable":      false,
					"data":           null,
					"width": "1%",
					"defaultContent":  
						(_uid === '') ? 
								  ' <h3>'
								{% if not base_flag_ridotto_full %}	+ '  <i class="fas fa-upload" style="color: yellow;"></i>' 
									+ '  <i class="fa fa-trash fa-2x" style="color: red;"></i>'{% endif %}
									+ ' </h3>' : ''
				}
			],
			"language": {"infoEmpty": "{{ 'No records available'|trans }}","info": "{{ 'Showing _TOTAL_ entries'|trans }}"},
			"order": [
					[1, "asc"]
				],			
			"columnDefs": [
				{
					"createdCell": function (td, cellData, rowData, row, col) {
						if (rowData.children.length > 0) {
							$(td).addClass('dt-control');
							$(td).addClass('not-click');
							$(td).addClass('no-double-click');
						}
						else {
							$(td).removeClass('dt-control');
							$(td).removeClass('not-click');
							$(td).removeClass('no-double-click');
						}
					},	
					"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));
						let _preimballoId = parseInt(row.preimballo_id); 
						let _errDatiInc = ((row.LPackage === null) || (row.WPackage === null) || (row.HPackage === null) || (row.NetWeight === null));
						if (!isNaN(_preimballoId) && _livello === 1) {
							let image_url = "{{ path('get_image', {'id':'::ID','tipo':'::TIPO'}) }}".replace('::ID', _preimballoId).replace('::TIPO', 't');
							classi_aggiuntive = ' dati-loader bg-normal ';

							return '<div class="cell-code ' + classi_aggiuntive + '" style="padding: 6px; border-radius: 10px; min-width: 600px; width: 10%;text-align: center;" id="send-cmd-' 
							+ row.cobj_code 
							+ '" data-id="' + row.cobj_code + '">'
							+ '<img src="' + image_url + '"><a class="apri-dettaglio" data-dtcode="' + row.preimballo_tipo + ' ' + row.preimballo_nome + '" data-dtdescr="' + row.preimballo_tipo + ' ' + row.preimballo_nome  + '" data-dtpreimballoid="' + _preimballoId 
							+ '" data-dtboxid="' + row.box_id 
							+ '" data-dtuid="bmo-' + row.bid + '-' + row.box_id + '-' + row.box_prog + '-' + row.cid + '"' 
							+ '" data-dtid="' + row.ID + '" href="#">'
							+ '<h3>' + row.preimballo_tipo + ' ' + row.preimballo_nome + '</h3>'
							+ '</a>'
							+ ((row.nudo_vestito) ? '<i class="sel-obj fas fa-pallet index-col color-cell"></i>' : '<i class="sel-obj fas fa-box index-col color-cell"></i></div>')
							;
						}
						else {
							if (row.ID !== null) {
								classi_aggiuntive = ' dati-loader bg-normal livello-' + _livello;
								if (_livello !== 1) {
									classi_aggiuntive = classi_aggiuntive + ' child-item ';									
								}
								return '<div class="cell-code ' + classi_aggiuntive + '" style="padding: 6px; border-radius: 10px; min-width: 600px; 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-dtdescr="' + row.descrizione + '" data-dtboxid="' + row.box_id + '" data-dtid="' + row.ID + '" href="#">'
								+ '<h3>' + row.cobj_code + '</h3>'
								+ '</a>'
								+ ((row.nudo_vestito) ? '<i class="sel-obj fas fa-pallet index-col color-cell"></i>' : '<i class="sel-obj fas fa-box index-col color-cell"></i></div>')
								;
							}
							else {
								let _code = row.cobj_code;
								classi_aggiuntive = 'bg-red';
								if (row.qid !== null) {
									classi_aggiuntive = 'bg-border-red';
								}
								if (!_errDatiInc) {
									classi_aggiuntive= '';
									if (row.qid === null) {
										classi_aggiuntive = 'bg-border-red';
									}
									_code = '<a class="apri-dettaglio" data-dtcode="' + row.cobj_code + '" data-dtdescr="' + row.descrizione + '" data-dtboxid="' + row.box_id + '" data-dtid="-1" href="#">'
										+ '<h3>' + row.cobj_code + '</h3>'
										+ '</a>'
			
								}
								return '<div class="cell-code ' + classi_aggiuntive + '" style="padding: 6px; border-radius: 10px; min-width: 600px; width: 10%;text-align: center;" id="send-cmd-' 
								+ row.cobj_code 
								+ '" data-id="' 
								+ row.cobj_code + '"><div>' 
								+ _code 
								+ '</div>' + ((_errDatiInc) ? '<i class="apri-anagrafica fa fa-exclamation-triangle fa-3x" aria-hidden="true"  data-dtcode="' + row.cobj_code + '" data-dtdescr="' + row.descrizione + '" data-dtboxid="' + row.box_id + '" data-dtcid="' + row.cid + '"></i>' : '<i class="apri-anagrafica fa fa-database fa-3x" aria-hidden="true"  data-dtcode="' + row.cobj_code + '" data-dtdescr="' + row.descrizione + '" data-dtboxid="' + row.box_id + '" data-dtcid="' + row.cid + '"></i>') + '</div>';
							}	
						}
					},
					"orderable": true,
					"targets": 2
				},
				{
					"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) {
						let _preimballoId = parseInt(row.preimballo_id); 
						if (!isNaN(_preimballoId) && _livello === 1) {
							let _qty = 0; row.children.forEach(function(v) { _qty = _qty + v.qty });
							return '<div class="valore-originale" data-valore="' + row.preimballo_qty + '">' + row.preimballo_qty + ' [' + _qty + ']</div>';
						}
						else {
							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": 3
				},

				{
					"render": function(data, type, row) {
						let _d = parseFloat(data);
						let _preimballoId = row.preimballo_id; 
						if ((_preimballoId !== null) && (_preimballoId > 0) && (_livello === 1)) {
							_d = row.w_children + (row.preimballo_tara_con_fissaggi / 1000.0);
						}
						if (_d != null) {
							return _d.toLocaleString(_locale, {minimumFractionDigits: 1, maximumFractionDigits: _maxFracDigits}) ;
						}
						return '';
					},
					"targets": 4
				},
				{
					"render": function(data, type, row) {
						let _d = data;
						let _preimballoId = row.preimballo_id; 
						if ((_preimballoId !== null) && (_preimballoId > 0) && (_livello === 1)) {
							_d = row.preimballo_est_volume / (100.0 * 100.0 * 100.0);
						}
						if (_d != null) {
							return _d.toLocaleString(_locale, {minimumFractionDigits: 1, maximumFractionDigits: _maxFracDigits}) ;
						}
						return '';
					},
					"targets": 5
				},				
				{
					"render": function(data, type, row) {
						let _d = data;
						let _preimballoId = row.preimballo_id; 
						if ((_preimballoId !== null) && (_preimballoId > 0) && (_livello === 1)) {
							_d = row.preimballo_est_superficie / (100.0 * 100.0);
						}
						if (_d != null) {
							return _d.toLocaleString(_locale, {minimumFractionDigits: 1, maximumFractionDigits: _maxFracDigits}) ;
						}
						return '';
					},
					"targets": 6
				},				

				{
					"render": function(data, type, row) {
						var carat = data.caratteristiche1;
						var c;
						var s = '';
			//			console.log('caratteristiche');
		//				console.log(data);
						if (typeof carat !== 'undefined') {
							let _preimballoId = parseInt(row.preimballo_id); 
							let _preImballoOk = false
							let _iconDisabled = '';
							if (!isNaN(_preimballoId)  && (_preimballoId > 0) && (_livello >= 1)) {
								_preImballoOk = true;
							}

							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;
								let _disable = '';
								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;
								}
								if (_preImballoOk) {
									if (_livello > 1) {
										_iconDisabled = ' disabled ';
									}
									else {
										if (ca.nome === 'preimballo') {
											_iconDisabled = ' container-preimballo ';
										}
										else {
											_iconDisabled = ' disabled ';
										}
									}
								}
								{% if base_flag_ridotto_full %}
									_iconDisabled = ' disabled ';
								{% endif %}

								{% 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 '+ _iconDisabled + ' '  + 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": 7
				},
				{
					"render": function(data, type, row) {
						return "<h3></h3>";
					},
					"targets": 8
				},
				{
					"render": function(data, type, row) {
						let _preimballoOk = ((row.preimballo_id !== null) && (row.preimballo_id > 0));
						let _uploadOk = (row.box_id !== 0) || _preimballoOk;
						let _preimballoClass = (_preimballoOk) ? 'preimballo' : '';
						if (_uid === '') {
							if (_uploadOk) {
								return ' <h3>'
								{% if not base_flag_ridotto_full  %}	
									+ '  <i class="fas fa-upload ' + _preimballoClass + ' " style="color: yellow;"></i>' 
	
									+ '  <i class="fa fa-trash fa-2x" style="color: red;"></i>'
								{% endif %}
								+ ' </h3>'
	
							  }
							else {
								return ' <h3>'
									{% if not base_flag_ridotto_full  %}	
										+ '  <i class="fa fa-trash fa-2x" style="color: red;"></i>'
									{% endif %}
									+ ' </h3>'
							}	
						}
						else {
							return '';
						}

					},
					"targets": 9
				}

			],
			"createdRow": function(row, data, index) {
				let _preimballoId = parseInt(data.preimballo_id); 
				$(row).attr('draggable', 'true');
				$(row).attr('id', 'id-' +  a_id + '-' + data.cid);
				$(row).addClass("tab-row");
				if (!isNaN(_preimballoId) && _livello === 1) {
					$(row).addClass("riga-preimballo");
				}
				$(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'];
					let _uid = (typeof _d['uid'] !== 'undefined' && _d['uid'] !== null) ? _d['uid'] : '';
					let _data = null;
					let _opt = null;
					let _livello = 1;
					_rowChild.child(format(_bp), 'tabella-dettaglio').show();
					_trChild.addClass('shown');
					if (typeof _d['data'] !== 'undefined') {
						_bp = _d['bp'];
						_data = _d['data'];
						_livello = 1;
						_opt = {"livello":_livello,"uid":_uid};
					}			
					else {
						if (typeof _d['children'] !== 'undefined') {
							_bp = _d['bp'] + '_' + _bid;
							_data = _d['children'];
							_livello = 2;
							_opt = {"livello":_livello,"uid":_uid};
						}				
					}
					populateTab(_id, _prog, _bp, _data, _opt);
					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 }}");		
				}
			}
			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
    $('#items-result').on('click', 'td.dt-control', function () {
        var _tr = $(this).closest('tr');
		var _tab = $(this).closest('table').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 _bid = _d['bid'];
			let _bp;
			let _uid = (typeof _d['uid'] !== 'undefined' && _d['uid'] !== null) ? _d['uid'] : '';
			let _data = null;
			let _opt = null;
			let _livello = 1;

			if (typeof _d['data'] !== 'undefined') {
				_bp = _d['bp'];
				_data = _d['data'];
				_livello = 1;
				_opt = {"livello":_livello,"uid":_uid};
			}			
			else {
				if (typeof _d['children'] !== 'undefined') {
					_bp = _d['bp'] + '_' + _bid;
					_data = _d['children'];
					_livello = 2;
					_opt = {"livello":_livello,"uid":_uid};
				}				
			}
//alert(JSON.stringify(_data));
			if (_data !== null) {
				_row.child(format(_bp), 'tabella-dettaglio livello-' + _livello).show();
				_tr.addClass('shown');
//alert(1);
				populateTab(_id, _prog, _bp, _data, _opt);	
			}
        }
    });



    $('.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', {'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-add-items-file').on('click', function(event) {
        $('#form_AssignedOp').val($(this).data('op'));
        var code = $('#form_OrderCode').val();
        var forceEmpty = ($('#form_OrderListForceEmpty').is(":checked")) ? 1 : 0;
        var file = ($("#form_OrderList").length > 0) ? $("#form_OrderList")[0].files[0] : $("#form_OrderList2")[0].files[0];
        var formData = new FormData();
		var so = $("#form_SO").val();
		var dest = $("#form_Destinazione").val();
		var datam = $("#form_DataSpedizione_month").val();
		var datad = $("#form_DataSpedizione_day").val();
		var datay = $("#form_DataSpedizione_year").val();

        formData.append("OrderList", file);
        formData.append("OrderCode", code);
        formData.append("ForceEmpty", forceEmpty);
		formData.append("so", so);
		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', {'obj':'m'}) }}",
            type: "POST",
            data: formData,
            processData: false,
            contentType: false,
            cache: false,
            dataType: "json"
        })
		.done(function (data) {
			if (data.err === 0) {
				if ($("#form_OrderList").length > 0) {
					$('#form_OrderList').val(null);
					$('#order-list').val(null);
					$('#form_OrderItem').val(null);
					updateGrid(true, true, true);	
				} 
				else {
					document.location.href = "{{ path('configuratore_mo', {'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-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_mo', {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', {'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_mo', {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) {

		checkUrlAndGo('{{ path('page_c4rgo2dauto', {'tipocodice':'MO','b64codice':b64codice,'tipo':'I'}) }}', this);

	});


	$('#btn-box-mo').on('click', function(event) {
  
	
		let _v = parseInt($('input[type="radio"][name="cb-FC"]:checked').val())
		if (isNaN(_v)) {
			_v = 1;
		}
        if (typeof showContenitori === 'function') {
            let cl = parseFloat($('#form_MaxLength').val());
            let cw = parseFloat($('#form_MaxWidth').val());
            let ch = parseFloat($('#form_MaxHeight').val());
			let cp = parseFloat($('#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':_v, '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) {
		let _v = parseInt($('input[type="radio"][name="cb-FC"]:checked').val())
		if (isNaN(_v)) {
			_v = 1;
		}
        if (typeof showContenitori === 'function') {
            let cl = parseFloat($('#form_MaxLength').val());
            let cw = parseFloat($('#form_MaxWidth').val());
            let ch = parseFloat($('#form_MaxHeight').val());
			let cp = parseFloat($('#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':_v, 'tutti':1};
            showContenitori("", "", '{{ tipocodice|default('') }}', {{ testata_id }}, [], (isNaN(_id)) ? -1 : _id, _prog, c, updateContainer);
        } else {
            alert('Funzione non abilitata');
        }
    });

    $('#btn-run-multi-mo').on('click', function(event) {
		let _v = parseInt($('input[type="radio"][name="cb-FC"]:checked').val())
		let cl = parseFloat($('#form_MaxLength').val());
		let cw = parseFloat($('#form_MaxWidth').val());
		let ch = parseFloat($('#form_MaxHeight').val());
		let cp = parseFloat($('#form_MaxWeight').val());
		let lc = Base64.encode(`${cl}|${cw}|${ch}|${cp}`);
		checkUrlAndGo("{{ path('page_configuratore3D', {'tipologia':':::TIPOLOGIA','tipocodice':tipocodice,'b64codice':b64codice,'trasporto':0,'prog':1,'page':1,'items':':::ITEMS','loadconstraints':':::LOADC'}) }}"
			.replace(':::TIPOLOGIA', _v)
			.replace(':::ITEMS', getGridSelectionAsB64())
			.replace(':::LOADC', lc)
			, this); 
		});

    $('#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_OrderCode').val();
        var it = $('#form_SearchItemCode').val();
        if (it === '') {
            it = '--';
        }
        if (mo === '') {
            mo = '--';
        }
        var cursearch = "{{ path('get_last_mo', {'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_mo',{'op':'emo','code':':::MO','salvato':2}) }}".replace(':::MO', _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_mo',{'op':'emo','code':':::MO','salvato':3}) }}".replace(':::MO', _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_mo',{'op':'emo','code':':::MO','salvato':1}) }}".replace(':::MO', _b64codice), this);
				}
				else {
					checkUrlAndGo("{{ path('configuratore_mo',{'op':'emo','code':':::MO'}) }}".replace(':::MO', _b64codice), this); 
				}
			}
		}


//        var b64codice = $(this).closest('tr').data('b64codice');
 //       var url = "{{ path('configuratore_mo', {op:'emo', code:':::MO'}) }}".replace(':::MO', b64codice);
  //      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_mo', {'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": [
            [0, "desc"]
        ],
        "columns": [{
                "data": "DataIns"
            },
            {
                "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": [{
                "render": $.fn.dataTable.render.moment(FROM_PATTERN, TO_PATTERN),
			/*	function(data, type, row) {
                    //var url = "{{ path('configuratore_mo', {op:'emo',code:':::MO'}) }}".replace(':::MO', row.codice);
                    return '<div class="first-col" id="send-cmd-' + row.codice + '" data-id="' + row.codice + '">'+ row.DataIns + '</div>';
                },*/
                "targets": 0
            },
			{
                "render": function(data, type, row) {
					let _dv = row.dati_validi;
					let _codice;
					_codice = row.codice;
					if (typeof _dv !== 'undefined' && _dv !== null && _dv.indexOf('2') >= 0) {
						_codice = row.codice + '<i class="fa fa-exclamation-circle" style="color: red; margin-left: 1em;"></i>';
					}
					return _codice;
				},
				"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 ''
					}
				},
			/*	function(data, type, row) {
                    //var url = "{{ path('configuratore_mo', {op:'emo',code:':::MO'}) }}".replace(':::MO', row.codice);
                    return '<div class="first-col" id="send-cmd-' + row.codice + '" data-id="' + row.codice + '">'+ row.DataIns + '</div>';
                },*/
                "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": 7
            }


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

    });
    $('.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', {'obj':'o','id':testata_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);
					updateContenitore();
					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":      'dt-sep',
                "orderable":      false,
                "data":           null,
                "defaultContent": '',
				"width": '1%'
			},
			{"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 %}

			},
            {
				"className":      '{% if not (base_flag_ridotto_full|default(false)) %}dt-trash{% else %}{% endif %} 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) {
//						img = "{{ asset('/static/images/box/') }}" + 'box' + row.box_id % 5 + '.jpg';	
						let box_code = row.box_code.replace(' ', '_').replace(',', '').replace('(', '').replace(')', '');
//						img = "{{ asset('/static/images/box/IMG-BHGE-CASSA') }}" + 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">' +  ((typeof row.box_tipo !== 'undefined' && row.box_tipo !== null) ? row.box_tipo + ' ' : '') +  row.box_code + '</div>';
				},
                "orderable": false,
                "targets": 2
            },

			{
                "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": 4
            },
			{
                "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": 5
            },
			{
                "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": 6
            },

			{
				"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": 7
            },


			{
				width: 300,
                "render": function(data) {
					let sn2da;
					let sn3da;
					let sn3dm;
					
					if (data.origine === 0) {
						sn2da = {"url":"","salvati":0,"tipo":data.origine,"img":"{{ asset('/static/configuratore/images/icons/ico_2D_aut_trasp.png') }}"};
						sn3da = {"url":"","salvati":0,"tipo":data.origine,"img":"{{ asset('/static/configuratore/images/icons/ico_3D_aut_trasp.png') }}"};
						sn3dm = {"url":"","salvati":0,"tipo":data.origine,"img":"{{ asset('/static/configuratore/images/icons/ico_3D_man_trasp.png') }}"};	
					}
					else {
						sn2da = {"url":"0000001;" + data.uid,"salvati":1,"tipo":data.origine,"img":"{{ asset('/static/configuratore/images/icons/ico_2D_aut_bnc.png') }}"};
						sn3da = {"url":"0000001;" + data.uid,"salvati":1,"tipo":data.origine,"img":"{{ asset('/static/configuratore/images/icons/ico_3D_aut_bnc.png') }}"};
						sn3dm = {"url":"0000001;" + data.uid,"salvati":1,"tipo":data.origine,"img":"{{ asset('/static/configuratore/images/icons/ico_3D_man_bnc.png') }}"};	
					}
					let _ret = 
						''
					{% if true %} // is_granted('ROLE_2DAUTO')
						+ ((sn2da.salvati === 0 || (sn2da.salvati === 1 && sn2da.tipo === 3)) ? `<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>` : '') 
					{% endif %}
					{% if true %} //is_granted('ROLE_3DAUTO')
						+ ((sn3da.salvati === 0 || (sn3da.salvati === 1 && sn3da.tipo === 2)) ? `<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>` : '') 
					{% endif %}
					{% if true %} //is_granted('ROLE_3DMAN')
						+ ((sn3dm.salvati === 0 || (sn3dm.salvati === 1 && sn3dm.tipo === 1)) ? `<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 %}
					return _ret;
					
				},
                "targets": 8
            },

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

					if (row.box_id !== 0) {
						return  ' <h3>'

						{% if not base_flag_ridotto %} + '  <i class="fas fa-upload" style="color: yellow;"></i>' {% endif %}

							+ ' </h3>';
				  	}
					else {
						return "";						
					}

				},
				"createdCell": function (td, cellData, rowData, row, col) {
					$(td).removeClass();					
					{% if not (base_flag_ridotto_full|default(false)) %}
						if (rowData.box_id !== 0) {
							$(td).addClass('text-center delete-item')
						}
					{% else %}
						if (rowData.box_id !== 0) {
							$(td).addClass('dt-trash text-center delete-item')
						}
					{% endif %}

				},
				"orderable": false,
				"targets": 9
			},

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

			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();
			let _id = _d['box_id'];
			let _prog = _d['box_prog'];
			let _bp = _d['bp'];
			let _uid = (typeof _d['uid'] !== 'undefined' && _d['uid'] !== null) ? _d['uid'] : '';
			let _data = null;
			let _opt = null;
			let _livello = 1;
			if (typeof _d['data'] !== 'undefined') {
				_bp = _d['bp'];
				_data = _d['data'];
				_livello = 1;
				_opt = {"livello":_livello,"uid":_uid};
			}			
			else {
				if (typeof _d['children'] !== 'undefined') {
					_bp = _d['bp'] + '_' + _bid;
					_data = _d['children'];
					_livello = 2;
					_opt = {"livello":_livello,"uid":_uid};
				}				
			}

			if (_bp === '00000000000000000001') {
				this.child(format(_bp)).show();
				populateTab(_id, _prog, _bp, _data, _opt);	
			}
		});
		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);
            row.setAttribute("data-saved-uid", data.uid);

			//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_mo',{'op':'emo','code':'::CODE','salvato':3}) }}".replace('::CODE', _b64codice), 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 _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'}) }}", this); 
			//checkUrlAndGo("{{ path('configuratore_mo',{'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 = [];
		let _v = parseInt($('input[type="radio"][name="cb-FC"]:checked').val())
		if (isNaN(_v)) {
			_v = 1;
		}
		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_mo',{'op':'emo','code':'::CODE','salvato':2}) }}".replace('::CODE', _b64codice), this);
		}
		else {
			let cl = parseFloat($('#form_MaxLength').val());
			let cw = parseFloat($('#form_MaxWidth').val());
			let ch = parseFloat($('#form_MaxHeight').val());
			let cp = parseFloat($('#form_MaxWeight').val());
			let lc = Base64.encode(`${cl}|${cw}|${ch}|${cp}`);
			checkUrlAndGo("{{ path('page_configuratore3D', {'tipologia':':::TIPOLOGIA','tipocodice':tipocodice,'b64codice':':::B64CODICE','trasporto':':::BOX','prog':':::PROG','page':1,'items':':::ITEMS'}) }}"
				.replace(':::TIPOLOGIA', 1)
				.replace(':::B64CODICE', _b64codice)
				.replace(':::BOX', 0)
				.replace(':::PROG', 1)
				.replace(':::ITEMS', getGridSelectionAsB64())
				.replace(':::LOADC', lc)
			, 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 _tipo = $(this).data('salvati');
		let _uid = $(this).data('url');
		let _boxId = 0;
		let _uidA = [];
		let _v = parseInt($('input[type="radio"][name="cb-FC"]:checked').val())
		if (isNaN(_v)) {
			_v = 1;
		}

		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('configuratore3_d_c4rgo', {'tipocodice':tipocodice,'b64codice':b64codice,'box':':::BOX','prog':':::PROG'}) }}".replace(':::BOX', contenitore_id).replace(':::PROG', contenitore_prog), this); 
			//checkUrlAndGo("{{ path('configuratore_mo',{'op':'emo','code':b64codice,'salvato':2}) }}", this);
		}
		else {
			let cl = parseFloat($('#form_MaxLength').val());
			let cw = parseFloat($('#form_MaxWidth').val());
			let ch = parseFloat($('#form_MaxHeight').val());
			let cp = parseFloat($('#form_MaxWeight').val());
			let lc = Base64.encode(`${cl}|${cw}|${ch}|${cp}`);
			checkUrlAndGo("{{ path('page_configuratore3D', {'tipologia':':::TIPOLOGIA','tipocodice':tipocodice,'b64codice':b64codice,'trasporto':':::TRASPORTO','prog':':::PROG','page':1,'items':':::ITEMS'}) }}"
				.replace(':::TIPOLOGIA', _v)
				.replace(':::TRASPORTO', contenitore_id)
				.replace(':::PROG', contenitore_prog)
				.replace(':::ITEMS', getGridSelectionAsB64())
				.replace(':::LOADC', lc)
			, 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_mo',{'op':'emo','code':'::CODE','salvato':1}) }}".replace('::CODE', _b64codice), 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 _tipo = $(this).data('salvati');
			//alert(contenitore_id + " .- " + contenitore_prog);
			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_mo',{'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_mo',{'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_mo',{'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_mo',{'op':'emo','code':b64codice,'salvato':2}) }}\" class=\"label-3d-auto tipo-2 {% if salvato == 2 %}selected{% endif %}\">{{ '3D' }}</a>"
				{% endif %}
			+ '</div>'
		+ '</div>'
		+ '<div class="col-md-4">'




		+ '<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_mo',{'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'|trans }}</div>'
					+ '</div>'
					+ '</a>'
			{% if is_granted('ROLE_3DAUTO') and salvato != 3 %}
				+ '<a href="{{ path('configuratore_mo',{'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_mo',{'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_mo',{'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'|trans }}</div>'
				+ '</div>'
				+ '</a>'
			+ '</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));
	});  

	function chengeTipologia(a_Val) {
		let tipologia = a_Val.filter(':checked').val();
		// `selezione-items=1,2,3,4,5,6,7; expires=${expires}`
		$('.btn-immagine-tipologia img').attr('src', `{{ asset('/static/configuratore/images/icons/famiglia/${tipologia}_on.png') }}`);
		$('#btn-box-mo > div > span').html(C_TIPOLOGIA[tipologia]);
		if (typeof updateContenitore === 'function') {
			updateContenitore();
		}
	}

	$(':radio[name="cb-FC"]').change(function() {
		chengeTipologia($(this));
	});	


	initContenitori();

	initConfigEngine();
	chengeTipologia($(':radio[name="cb-FC"]'));

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

// <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">

});

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


</script>


{% endblock %}