{% 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') }}" />	
	<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}}{% 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/anagrafica_items.html.twig' %}
	{% include 'modal/attendere.html.twig' %}
	{% include 'configuratore/modali/salvataggi.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') }}">
											</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 %}
							<section class="tile transparent col-md-3" id="block-manage-items">
								<div class="tile-header color transparent-black rounded-corners">
									<div class="controls">
										<a href="#" class="refresh">
											<i class="fa fa-refresh fa-2x"></i>
										</a>
									</div>
								</div>
								<div class="tile-body color transparent-black rounded-corners box-2D">
									<div class="form-group col-sm-12">
										<div class="col-sm-12">
											<table>
												<tr>
													<td>{{ form_label(form.OrderCode) }}</td>
													<td>
														<span class="validate-error">{{ form_errors(form.OrderCode) }}</span>
													</td>
												</tr>
											</table>
											<div class="input-group">
												{{ form_widget(form.OrderCode) }}
												<span class="input-group-btn">
													<span class="btn btn-primary btn-assign-order {% if codice_set %}assign-order-remove{% else %}assign-order-add{% endif %}">
														{% if codice_set %}
															<i class="fa fa-trash"></i>
														{% 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-12">
												<table>
													<tr>
														<td>{{ form_label(form.OrderListForceEmpty) }}</td>
														<td>
															<span class="validate-error">{{ form_errors(form.OrderListForceEmpty) }}</span>
														</td>
													</tr>
												</table>
												<div class="input-group">
													<span class="input-group-btn">
														{{ form_widget(form.OrderListForceEmpty) }}
													</span>
												</div>
												{{ form_help(form.OrderListForceEmpty) }}
											</div>
											<div class="col-sm-12" id="import-model">
												<a href="{{ asset('/static/model/configuratore_import_model.csv') }}" download="configuratore_import_model">
													<i class="fa fa-download"></i>
													{{ 'Download csv model'|trans }}</a>
											</div>
										{% endif %}
									</div>
								</div>
							</section>


							<section class="tile transparent col-md-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">
										<i class="material-icons refresh3D">&#xe84d;</i>
									</div>
								</div>
							</section>

							<section class="tile transparent col-md-6" id="block-manage-total">
								<div class="tile-header color transparent-black rounded-corners">
									<div class="controls">
										<a href="#" class="refresh">
											<i class="fa fa-refresh fa-2x"></i>
										</a>
									</div>
								</div>
								<div class="tile-body color transparent-black rounded-corners box-layer">
									<div class="body">

										{% for riga in somme %}
											<div class="label col-md-6">
												{{ 'Tot. Items'|trans }}
											</div>
											<div class="value col-md-4">
												{{ riga.TotQty }}
											</div>
											{#                                                <div class="label col-md-6">
																																																							                                                    {{ 'Tot. Valid Items'|trans }}
																																																							                                                </div> 
																																																							                                                <div class="value col-md-4">
																																																							                                                    {{ riga.TotValidQty }}
																																																							                                                </div>#}
											<div class="label col-md-6">
												{{ 'Tot. Volume'|trans }}
											</div>
											<div class="value col-md-4">
												{{ riga.TotVolume|umConvertiFormatta('m3','m3', 2)|raw }}
											</div>
								{#			<div class="label col-md-6">
												{{ 'Tot. Surface' }}
											</div>
											<div class="value col-md-4">
												{{ riga.TotArea|umConvertiFormatta('m2','m2', 2)|raw }}
											</div> #}
                                                                                        <div class="label col-md-6">
                                                                                                {{ 'Tot. Weight' }}
                                                                                        </div>
                                                                                        <div class="value col-md-4">
                                                                                                {{ riga.TotWeight|umConvertiFormatta('kg','kg', 2)|raw }}
                                                                                        </div>
										



{% endfor %}
										<div class="max-dim">
											{% if not base_flag_ridotto %}
											<div class="main-label main-label-first col-sm-12">
												{{ 'Load Constraints'|trans}}
											</div>
											<div class="main-label  col-sm-12">
												{{ 'Box Max Size'|trans}}
											</div>
											<div class="col-sm-3">
												<table>
													<tr>
														<td>{{ form_label(form.MaxLength) }}</td>
														<td>
															<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-3">
												<table>
													<tr>
														<td>{{ form_label(form.MaxWidth) }}</td>
														<td>
															<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-3">
												<table>
													<tr>
														<td>{{ form_label(form.MaxHeight) }}</td>
														<td>
															<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-3">
												<table>
													<tr>
														<td>{{ form_label(form.MaxWeight) }}</td>
														<td>
															<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>
											{% endif %}
										</div>
									</div>
									<div class="col-md-12" style="position: absolute; bottom: 10px; margin-top: 10px; text-align: center; margin-top: 10px; margin-bottom: 10px">
										<div class="col-md-4">
											<span class="input-group-btn">
												<span class="btn btn-primary btn-run-mo btn-run-single-mo" id="btn-run-single-mo" data-op="run-mo" style="width: 100%;">
													<div>{{ 'Calculate  Single Layer'|trans }}</div>
												</span>
											</span>
										</div>
										<div class="col-md-4">
											<span class="input-group-btn">
												<span class="btn btn-primary btn-run-mo 
												btn-run-multi-mo" id="btn-run-multi-mo" data-op="run-mo" style="width: 100%;">
													<div>{{ 'Calculate Multi Layer'|trans }}</div>
												</span>
											</span>
										</div>
										<div class="col-md-4">
											<span class="input-group-btn">
												<span class="btn btn-primary btn-box-mo" id="btn-box-mo" data-op="box-mo" style="width: 100%;">
													<div>{{ 'Select Box'|trans }}</div>
												</span>
											</span>
										</div>
									</div>
								</div>
							</section>
							<section class="tile transparent col-md-12" id="box-items-list">
								<div class="tile-header color transparent-black rounded-corners">
									<div class="controls">
										<a href="#" class="minimize">
											<i class="fa fa-chevron-down fa-2x"></i>
										</a>
										<a href="#" class="refresh">
											<i class="fa fa-refresh fa-2x"></i>
										</a>
									</div>
								</div>
								<div class="tile-body color transparent-black rounded-corners">
									<div class="table-responsive">
										<div class="tile-body color transparent-black rounded-corners">
											<div class="tab-obj table-responsive">
												<div id="id-error-msg" class="error-red"></div>
												<table id="items-result" class="tab-order-items display search-result table-datatable master" style="width:100%">
													<thead>
														<tr data-src="0">
															<th width="40" style="width: 2%; min-width: 100px; text-align: center;"></th>
															<th width="80" class="sort-alpha identify-detail first-col" style="width: 10%;text-align: center;">
																<h3 style="vertical-align: bottom;">{{ 'Code'|trans }}</h3>
															</th>
															<th width="80" class="sort-alpha identify-detail" style="width: 5%; text-align:center;">
																<h3>{{ 'Qty'|trans }}</h3>
															</th>
															<th width="80" class="sort-numeric" style="min-width: 10%; text-align: center;">
																<h3>{{ 'Weight / carrying capacity'|trans }} {{ '[Kg]'|trans }}</h3>
															</th>
															<th width="80" class="sort-numeric" style="min-width: 10%; text-align: center;">
																<h3>{{ 'Volume / Int. Volume'|trans }} {{ '[m3]'|trans }}</h3>
															</th>
															<th width="80" class="sort-numeric" style="min-width: 10%; text-align: center;">
																<h3>{{ 'Surface / Int. Surface'|trans }} {{ '[m2]'|trans }}</h3>
															</th>
															<th width="80" class="sort-numeric identify-detail" style="width: 5%; text-align:center;">
																<h3></h3>
															</th>
															<th width="80" class="sort-alpha identify-detail" style="width: 5%; text-align:center;">
																<h3></h3>
															</th>
															<th width="50" class="text-center" style="min-width: 7%; text-align: center;"><br></th>
															<th width="50" class="text-center" style="min-width: 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="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>{{ 'Quantity'|trans }}</h3>
					</th>
					<th class="sort-numeric" style="text-align: center;">
						<h3>{{ 'Weight'|trans }}&nbsp;{{ '[Kg]'|trans }}</h3>
					</th>
					<th class="sort-numeric" style="text-align: center;">
						<h3>{{ 'Volume'|trans }}&nbsp;{{ '[Mc]'|trans }}</h3>
					</th>


					<th class="sort-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/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">

var globalDati = null;


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

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

var info = new Array();
var tmp;


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


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


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

let gridSelection = new Array();

function confirmSupp(id) {

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





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

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

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

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



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

function isInSelection(v) {

}

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



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



function loadDati(index, subidx, data) {
	var v_ret = 0;
	if (data.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;*/
					}
				}
			}
			info.push({
				'pos': index,
				'subpos': subidx,
				'id': data.cid,
				'uid': data.bid + '-' + data.box_id + '-' + data.box_prog + '-' + data.cid,
				'bid': data.bid,
				'exp_id': data.exp_id,
				'box_id': data.box_id,
				'qty': data.qty,
				'L': msg.L,
				'W': msg.W,
				'H': msg.H,
				'detail_url': "{{ path('detail_item_nedit',{'id':'::ID','tipo':'MO'}) }}".replace('::ID', data.cid),
				'color': data.item_color,
				'val': msg
			});
/*			for (n = 0; n < data.qty; ++n) {
				if (n === 0) {
					info[info.length - 1].val.push(msg);
				}
				else {
					info[info.length - 1].val.push(msg);
				}
			}*/
			let pp = Math.round((itemsCount * 100) / totRighe);
			itemsCount++;	
			console.log(itemsCount + ' ----- ' +  totRighe);
			console.log(info);
			if (itemsCount >= totRighe) {
				info.sort((e1, e2) => {
					if (e1.pos < e2.pos) {
						return -1;
					}
					if (e1.pos > e2.pos) {
						return 1;
					} 
					else  {
						if (e1.subpos < e2.subpos) {
							return -1;
						}
						if (e1.subpos > e2.subpos) {
							return 1;
						} 
					}
					return 0;
				});
				var numDiv = Math.trunc(Math.sqrt(totQty * 1.0));
				numDiv = ((numDiv * numDiv) === totQty) ? numDiv : numDiv + 1;
				pp = 100;
				start(container, info, maxL, numDiv, null, null, null, myLog);
			}
			$(".bar").width(String(pp) + '%');
			$(".front .bar").text(String(pp) + '%');
		}).fail(function(jqXHR, textStatus) { 
			alert("Request failed: " + textStatus);
		}).always(function(jqXHR, textStatus) { 
		//	alert("Request failed: " + textStatus);
		});
	} else {
		itemsCount++;
		if (info.length === 0 && (itemsCount >= totRighe)) {			
			$(container).html('<i class="material-icons refresh3D no-data-3D">&#xe84d;</i>');
		}
	}
	return v_ret;

}

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

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

	$('.btn-next').on('click',
		function(v) {
			let ok = 0;
			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);
			}
		}
	)







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


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

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


	});

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


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

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


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

		let valore = $(this).closest('td').find('.valore-editor input').val();
		let upurl = "{{ path('update_qty') }}"; 
		let configurazione_id = $(this).closest('tr').data('id');
		let box_id = $(this).closest('tr').data('bid');
		let container_id = $(this).closest('tr').data('box_id');
		let originale = $(this).closest('tr').data('qty_originale');
		//alert('- ' + valore + ' - ' + originale + ' - ' + item_id + ' - ' + box_id + ' - ' + container_id);
		$.ajax({
			'url': upurl,
			'type': "PUT",
			'data': {
				  "configurazione_id"		:configurazione_id
				, "box_id"					:box_id 
				, "container_id"			:container_id
				, "valore"					:valore
				, "originale"				:originale
			}
		})
		.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 }}");
			}
		});
	}

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

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




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


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

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





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


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

			_curTab = table2.rows();

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


		}
	}

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

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


	function updateInfo() {
		if (globalDati !== null) {
			let _data = globalDati;
			let c1;
			let c2;
			let initOk = true;
			if (_data !== null) {
				_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 o = $(this);
		let _descr = o.data('dtdescr');
		let _codice = o.data('dtcode');

		if (_descr !== null && _descr.toUpperCase() !== _codice.toUpperCase()) {
			showItemInfo(o.data('dtcode') + ' - ' + o.data('dtdescr'), o.data('dtboxid'), o.data('dtid'), updateItemDetail);
		}
		else {
			showItemInfo(o.data('dtcode'), o.data('dtboxid'), o.data('dtid'), 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', function(event) {
			let dom = $(this);
			let tr = dom.closest('tr');
			if (tr.length > 0) {
				let tr1 = tr[0];
				let cat_id = dom.data('cat_id');
				let item_id = dom.data('item_id');
				let valore = dom.data('valore');
				let configurazione_id = $(tr1).data('id');
				let exp_id = $(tr1).data('exp_id');
				let item_code = $(tr1).data('codice_item');
				let bid = $(tr1).data('bid');
				let upurl = "{{ path('update_cat') }}"; 
				if (valore !== "1" && valore !== 1) {
					valore = "1";
				}
				else {
					valore = "0";
				}
				dom.closest('.shortcut-container').find('.shortcut').addClass('hidden-element');
				dom.closest('.shortcut-container').find('.shortcut-spinner').removeClass('hidden-element');
		/*		console.log(
					{
						  "cat_id"		:cat_id
						, "item_id"		:item_id 
						, "valore"		:valore
						, "id"			:configurazione_id
						, "exp_id"		:exp_id
						, "item_code"	:item_code
				  }
				);*/
				$.ajax({
					'url': upurl,
					'type': "PUT",
					'data': {
						  "cat_id"		:cat_id
						, "item_id"		:item_id 
						, "valore"		:valore
						, "id"			:configurazione_id
						, "exp_id"		:exp_id
						, "item_code"	:item_code
						, "bid"			:bid
					}
				})
				.done(function(data) {
					if (data.err === 0) {
						let _tabDetail = tr.closest('table.detail');
						let _tabDetailDT = _tabDetail.DataTable()
						let _rowDetailDT = _tabDetailDT.row(tr);						
						let c = dom.data("n");
						//dom.data('item_id', data.last);
						_rowDetailDT.data().caratteristiche1[c].valore = data.valore;
						_rowDetailDT.data().caratteristiche1[c].iid = data.last;
						let _data = _tabDetailDT.data();
						_testTab = _rowDetailDT;

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

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


	
			}
		}
	);

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

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


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


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

				var _r = document.querySelectorAll('#items-result-box-' + a_bp + '  tbody tr');
				rows.push(_r);
				  [].forEach.call(_r, function(row) {
					row.addEventListener('dragstart', handleDragStart, false);
					row.addEventListener('dragenter', handleDragEnter, false)
					row.addEventListener('dragover', handleDragOver, false);
					row.addEventListener('dragleave', handleDragLeave, false);
					row.addEventListener('drop', handleDrop, false);
					row.addEventListener('dragend', handleDragEnd, false);
				  });
			{% endif %}
			}, 
			"columns": [
				{
"className":      '{% if not base_flag_ridotto %}dt-select{% endif %} text-center select-item',
					"orderable":      false,
					"data":           null,
					"width": "1%",
					"defaultContent":  
								  ' <h3>'
								+ ' </h3>'
				},
				{"data": "obj_code", "width": "1%", className:"not-click"},
				{"data": "qty", "width": "1%", className: "text-center not-click"},
				{"data": "TotNetWeight", "width": "1%", className: "text-center"},
				{"data": "TotVolume", "width": "1%", className: "text-center"},
				{"data": null, className: "text-center not-click shortcut-container"},
				{"data": null},
				{
					"className":      'dt-trash text-center delete-item',
					"orderable":      false,
					"data":           null,
					"width": "1%",
					"defaultContent":  
								  ' <h3>'
									+ '  <i class="fas fa-upload" style="color: yellow;"></i>'
									+ '  <i class="fa fa-trash fa-2x" style="color: red;"></i>'
									+ ' </h3>'
				}
			],
			"language": {"infoEmpty": "{{ 'No records available'|trans }}","info": "{{ 'Showing _TOTAL_ entries'|trans }}"},
			"order": [
					[1, "asc"]
				],			
			"columnDefs": [
				{
					"render": function(data, type, row) {
						//var url = "{{ path('configuratore_item', {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 _errDatiInc = ((row.LPackage === null) || (row.WPackage === null) || (row.HPackage === null) || (row.NetWeight === null));
						if (row.ID !== null) {
							classi_aggiuntive = ' dati-loader bg-normal ';
							return '<div class="cell-code ' + classi_aggiuntive + '" style="padding: 6px; border-radius: 10px; min-width: 500px; width: 10%;text-align: center;" id="send-cmd-' 
							+ row.cobj_code 
							+ '" data-id="' + row.cobj_code + '">'
							+ '<a class="apri-dettaglio" data-dtcode="' + row.cobj_code + '" data-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: 500px; 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": 1
				},
				{
					"createdCell": function (td, cellData, rowData, row, col) {
						console.log(cellData);
						if (rowData.box_id > 0) {
							$(td).removeClass('no-double-click');
							$(td).addClass('double-click');
						}
						else {
							$(td).removeClass('double-click');
							$(td).addClass('no-double-click');
						}
					},					
					"render": function(data, type, row) {
						if (row.box_id === 0) {
							return '<div class="valore-originale" data-valore="' + row.qty + '">' + row.qty + '</div>';
						}
						else {
							className: "double-click";
							return '<div class="data-editor valore-originale" data-valore="' + row.qty + '">' + row.qty + '</div><div class="data-editor valore-editor input hidden-element"><input type="number" min="0" value="' + row.qty + '"></div><i class="data-editor valore-editor hidden-element fa fa-check"></i><i class="data-editor valore-editor hidden-element fa fa-close"></i>';

						}
					},
					"targets": 2
				},

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

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

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


					},
					"targets": 7
				}

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

	}



	function handleDragStart(e) {

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

	//	e.preventDefault();

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

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

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

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

		e.preventDefault();

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



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

		e.preventDefault();

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

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

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

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

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

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

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

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


	function updateContainer(id) {

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

		$.ajax({
			'url': geturl,
			'type': "PUT",
			'data': {"id":id,"codice":"{{ codice }}","selezione":gridSelection}
		})
		.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 = $('#items-result').DataTable();
		var _row = _tab.row(_tr);
 
        if (_row.child.isShown()) {
            // This row is already open - close it
            _row.child.hide();
            _tr.removeClass('shown');
        }
        else {
            // Open this row
			let _d = _row.data();
			let _id = _d['box_id'];
			let _prog = _d['box_prog'];
			let _bp = _d['bp'];
            _row.child(format(_bp), 'tabella-dettaglio').show();
            _tr.addClass('shown');
			populateTab(_id, _prog, _bp, _d['data']);
        }
    });



    $('.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("{{ 'Attendere'|trans }}", "Attendere", 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("{{ 'Attendere'|trans }}", "Attendere", 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_item', {'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_item', {op:'nmo'}) }}";
/*            $('#form_AssignedOp').val('remove');
            $.get("{{ path('configuratore_item', {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_item', {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) {
  {#      if (typeof showContenitori === 'function') {
            var v = 0;
            var p = 0;
            var a = 0;
            var l = 0;
            var w = 0;
            var h = 0; 
			{% for riga in somme %}
				v = {{ riga.TotVolume }};
				p = {{ riga.TotWeight }};
				a = {{ riga.TotArea }};
				l = {{ riga.maxL }};
				w = {{ riga.maxW }};
				h = {{ riga.maxH }}; 
			{% endfor %}
            showContenitori("", "", updateContainerCalc, v, p, l, w, h, a, '{{ codice }}', gridSelection);

        } else {
            alert('Funzione non abilitata');

        }
		#}

		let ok = 0;
		globalDati.forEach(function(v) { 
			ok = ok + v.anomalia; 
		});
		if (ok === 0) {
			location.href='{{ path('page_deepnest', {'tipocodice':'MO','b64codice':b64codice,'tipo':'I'}) }}';                                                   
{#
					$.ajax({
                                                type: "GET",
                                                url: '{{ path('api_deepnest', {'tipocodice':tipocodice, 'b64codice':b64codice,'tipo':'I'}) }}',
                                                data: {},
                                                success: function(data) {
                                                        location.href='{{ path('page_deepnest', {'tipocodice':tipocodice, 'b64codice':b64codice,'tipo':'I'}) }}';                                                   
                                                },
                                                error: function(data) {
                                                        var aa = data;
                                                        //    location.reload(); // alert('ok'); // show response from the php script.
                                                }
                                        }); #}

{#			location.href='{{ path('page_deepnest', {'tipocodice':'MO','b64codice':b64codice,'tipo':'I'}) }}';#}
		}
		else {
			showGenericMsg("{{ 'Error'|trans }}", "{{ 'Unable to continue, incomplete data'|trans }}", null);
		}		

    });



	$('#items-result').on('click', 'tr td.box-cell > .box-img,tr td.box-cell > .box-info', function(v) {
		//$($('#items-result tr td.box-cell')[1]).find('.box-img').data()
		let _id = parseInt($(this).closest('tr').data('id'));
		if (!isNaN(_id)) {
			showContenitori("", "", null, 0, 0, 0, 0, 0, 0, '{{ codice }}', null, id);

		}

	});

    $('#btn-run-multi-mo').on('click', function(event) {
        if (typeof showContenitori === 'function') {
            var v = 0;
            var p = 0;
            var a = 0;
            var l = 0;
            var w = 0;
            var h = 0; 
			{% for riga in somme %}
				v = {{ riga.TotVolume }};
				p = {{ riga.TotWeight }};
				a = {{ riga.TotArea }};
				l = {{ riga.maxL }};
				w = {{ riga.maxW }};
				h = {{ riga.maxH }}; 
			{% endfor %}
            showContenitori("", "", updateContainerCalc, v, p, l, w, h, a, '{{ codice }}', gridSelection);

        } else {
            alert('Funzione non abilitata');

        }
    });


	$('#btn-box-mo').on('click', function(event) {
        if (typeof showContenitoriFiltro === 'function') {
            var v = 0;
            var p = 0;
            var l = $('#form_MaxLength').val();
            var w = $('#form_MaxWidth').val();
            var h = $('#form_MaxHeight').val();
            l = (typeof l === 'undefined' || l === '') ? '0' : l;
            w = (typeof w === 'undefined' || w === '') ? '0' : w;
            h = (typeof h === 'undefined' || h === '') ? '0' : h;
            showContenitoriFiltro("", "", updateContainer, l, w, h, 1);

        } else {
            alert('Funzione non abilitata');

        }
    });


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

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

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

        table.clear();

        var mo = $('#form_OrderCode').val();
        var it = $('#form_SearchItemCode').val();
        if (it === '') {
            it = '--';
        }
        if (mo === '') {
            mo = '--';
        }
        var cursearch = "{{ path('get_last', {'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() {
        var b64codice = $(this).closest('tr').data('b64codice');
        var url = "{{ path('configuratore_item', {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', {'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,
				"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>"
				+ "<div class=\"cmd-3d-man\"><a><img class=\"cmd-order\" src=\"{{ asset('/static/configuratore/images/icons/ico_3D_man_trasp.png') }}\"></img></a></div>"

			},			
            {
                "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_item', {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
            },
			{
				width: 200,
				"targets": 3
			},
			{
				width: 300,
                "render": function(data) {
					if(data !== null && data !== ''){
						return $.fn.dataTable.render.moment(FROM_PATTERN, TO_PATTERN_D);
					}else{
						return ''
					}
				},
			/*	function(data, type, row) {
                    //var url = "{{ path('configuratore_item', {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
            }


        ],
        "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':'::ID'}) }}".replace('::ID', $('#form_OrderCode').val()),
            "dataSrc": function(json) {
                $('#search #search-result .error-red').html('');
                $('#search #search-result .error-red').hide();
				console.log('load dati');
				curRow = 0;
				globalDati = [];
		//		resetDati();
                if (json.err === 0) {
                //    loadDati();
					totRighe = 0;
					json.data.forEach( function(el, idx, d) {
						totRighe = totRighe + el.data.length;
						el.data.forEach( function(el1, idx1, d1) {
							let cur = tabDati.length;
							tabDati.push(el1);
							el1['n'] = cur;
						});	
					});	
					globalDati = json.data;
					updateGrid(false, false, false);

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

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

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

            {
                "className":      'dt-cmd-order text-center show-saved-solution no-link items-card',
                "orderable":      false,
                "data":           null,
				"defaultContent": 
				"<div class=\"cmd-2d-aut\"><a><img class=\"cmd-order\" src=\"{{ asset('/static/configuratore/images/icons/ico_2D_aut_trasp.png') }}\"></img></a></div>"
				+ "<div class=\"cmd-3d-aut\"><a><img class=\"cmd-order\" src=\"{{ asset('/static/configuratore/images/icons/ico_3D_aut_trasp.png') }}\"></img></a></div>"
				+ "<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>"

			},
			{"data": null},
            {
                "className":      'dt-trash text-center delete-item',
                "orderable":      false,
                "data":           null,
                "defaultContent": ''
			}
		],
		"order": [
				[1, "asc"]
			],			
		"columnDefs": [
			{
				"orderable": false,
				"targets": 0
			},
			{
                "render": function(data, type, row) {
					let img = '';
					let alert = '<div class="alert-container alert-container-off"></div>';
					if (row.box_id > 0) {
//						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';	
						if ((row.singolo > 0 && row.ntot !== 1) || (row.dogana > 0 && row.dogana !== row.ntot) || (row.pericolosi > 0 && row.pericolosi !== row.ntot)) {
							let _codiceAlert = '';
							if (row.singolo > 0 && row.ntot !== 1) {
								_codiceAlert = _codiceAlert + ',30';
							}
							if (row.dogana > 0 && row.dogana !== row.ntot) {
								_codiceAlert = _codiceAlert + ',32';
							}
							if (row.pericolosi > 0 && row.pericolosi !== row.ntot) {
								_codiceAlert = _codiceAlert + ',31';
							}
							alert = '<div data-alert="' + _codiceAlert + '" class="alert-container alert-container-on"><i class="fa fa-exclamation-triangle fa-3x alert-container" aria-hidden="true"></i></div>';
						}
					}
					else {
						img = "{{ asset('/static/c4rg0_themes/assets/images/icons/DDP-ML_ICO.png') }}";						
					}
					return alert + '<div class="box-img" data-box_id="' + data + '"><img src="' + img + '"></div><div class="box-info">' +  row.box_tipo + ' ' +  row.box_code + '</div>';
				},
                "orderable": false,
                "targets": 1
            },
			{
				"render": function(data, type, row) {
					let _ret = '';
					let _shortcut = new Array();
					if (data.box_id > 0) {
						data.data.forEach( function(el, idx, d) {
							el.caratteristiche1.forEach(function(el1, idx1, d1) {
								let _v = parseInt(el1.valore);
								if (!_shortcut.hasOwnProperty(el1.nome)) {
									_shortcut[el1.nome] = {'icon':_caratteristiche_shortcut[el1.cid].b64_icon_on, 'n':0};
								}
								_shortcut[el1.nome].n += ((_v === 1) ? 1 : 0);
							});	
						});	
						if (_shortcut.hasOwnProperty('singolo') && _shortcut.singolo.n > 0) {
							_ret = _ret + ('<div class="icon-short solo-view"><img class="icone-caratteristiche" src="' + _shortcut.singolo.icon + '" ></div>');
						}
						if (_shortcut.hasOwnProperty('preimballo') && _shortcut.preimballo.n > 0) {
							_ret = _ret + ('<div class="icon-short solo-view"><img class="icone-caratteristiche" src="' + _shortcut.preimballo.icon + '" ></div>');
						}
						if (_shortcut.hasOwnProperty('dogana') && _shortcut.dogana.n > 0) {
							_ret = _ret + ('<div class="icon-short solo-view"><img class="icone-caratteristiche" src="' + _shortcut.dogana.icon + '" ></div>');
						}
						if (_shortcut.hasOwnProperty('pericoloso') && _shortcut.pericoloso.n > 0) {
							_ret = _ret + ('<div class="icon-short solo-view"><img class="icone-caratteristiche" src="' + _shortcut.pericoloso.icon + '" ></div>');
						}
					}
				//	console.log('A. -----');
			//		console.log(data);
			//		console.log('B. -----');
					{% if not base_flag_ridotto %}
						return _ret;
					{% else %}
						return '';
					{% endif %}
				},
                "orderable": false,
                "targets": 6
            },

			{
                "render": function(data, type, row) {
					let tot = parseFloat(row.TotNetWeight);
					let portata = parseFloat(row.portata);
					let peso = (tot / portata) * 100.0;
					let peso2 = (tot / portata) * 10.0;
					let pesopc = peso;
					let pesopc2 = Math.round(peso2);
					pesopc2 = (pesopc2 > 10) ? 10 : pesopc2;
					pesopc2 = (pesopc2 < 0) ? 0 : pesopc2;
					let formatted = 
						  tot.toLocaleString(_locale, {minimumFractionDigits: 1, maximumFractionDigits: _maxFracDigits}) + ' / '
						+ portata.toLocaleString(_locale, {minimumFractionDigits: 1, maximumFractionDigits: _maxFracDigits}) + ' '
						+ ' [' + (portata - tot).toLocaleString(_locale, {minimumFractionDigits: 1, maximumFractionDigits: _maxFracDigits}) + ']';
					if (Math.round(pesopc * 10) > 1000) {
						pesopc2 = "E";
					}
					if (row.box_id > 0) {
						return '<div class="verifica-peso valori-num blocco-numerico">' + formatted + '</div>' + "<div class=\"blocco-percentuale\"><div class=\"wraqpper verifica-peso valori-perc\"><div class=\"chart-container\"><div class=\"data-cell gauges\"><div class=\"linear-gauge\"><div value=\"" 
						+ pesopc2 + "\"></div></div></div></div></div><div class=\" valori-perc\">" 
						+ ((pesopc2 !== 'E') ? pesopc.toLocaleString(_locale, {minimumFractionDigits: 1, maximumFractionDigits: 1}) + "%" : '<i class="fa fa-exclamation-triangle fa-3x" style="color: red;" aria-hidden="true"></i>')
						+ "</div></div>";
					}
					else {
						return '<div class="verifica-peso valori-num blocco-numerico">' + tot.toLocaleString(_locale, {minimumFractionDigits: 1, maximumFractionDigits: _maxFracDigits}) + '</div>';
					}
                },
                "orderable": false,
                "targets": 3
            },
			{
                "render": function(data, type, row) {
					let tot = parseFloat(row.TotVolume);
					let volume = parseFloat(row.int_volume);
					let vol = (tot / volume) * 100.0;
					let vol2 = (tot / volume) * 10.0;
					let volpc = vol;
					let volpc2 = Math.round(vol2);
					volpc2 = (volpc2 > 10) ? 10 : volpc2;
					volpc2 = (volpc2 < 0) ? 0 : volpc2;
					let formatted = 
						  tot.toLocaleString(_locale, {minimumFractionDigits: 1, maximumFractionDigits: _maxFracDigits}) + ' / '
						+ volume.toLocaleString(_locale, {minimumFractionDigits: 1, maximumFractionDigits: _maxFracDigits}) + ' '
						+ ' [' + (volume - tot).toLocaleString(_locale, {minimumFractionDigits: 1, maximumFractionDigits: _maxFracDigits}) + ']';
					if (Math.round(volpc * 10) > 1000) {
						volpc2 = "E";
					}
					if (row.box_id > 0) {
						return '<div class="verifica-volume valori-num blocco-numerico">' + formatted + '</div>' + "<div class=\"blocco-percentuale\"><div class=\"wraqpper verifica-volume valori-perc\"><div class=\"chart-container\"><div class=\"data-cell gauges\"><div class=\"linear-gauge\"><div value=\"" 
						+ volpc2 + "\"></div></div></div></div></div><div class=\" valori-perc\">" 
						+ ((volpc2 !== 'E') ? volpc.toLocaleString(_locale, {minimumFractionDigits: 1, maximumFractionDigits: 1}) + "%" : '<i class="fa fa-exclamation-triangle fa-3x" style="color: red;" aria-hidden="true"></i>')
						+ "</div></div>";	
					}
					else {
						return '<div class="verifica-volume valori-num blocco-numerico">' + tot.toLocaleString(_locale, {minimumFractionDigits: 1, maximumFractionDigits: _maxFracDigits}) + '</div>';
					}
                },
                "orderable": false,
                "targets": 4
            },
			{
                "render": function(data, type, row) {
					let tot = parseFloat(row.TotSurface);
					let volume = parseFloat(row.int_surface);
					let vol = (tot / volume) * 100.0;
					let vol2 = (tot / volume) * 10.0;
					let volpc = vol;
					let volpc2 = Math.round(vol2);
					volpc2 = (volpc2 > 10) ? 10 : 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-superfice valori-num blocco-numerico">' + formatted + '</div>' + "<div class=\"blocco-percentuale\"><div class=\"wraqpper verifica-superfice 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-superfice valori-num blocco-numerico">' + tot.toLocaleString(_locale, {minimumFractionDigits: 1, maximumFractionDigits: _maxFracDigits}) + '</div>';
					}
                },
                "orderable": false,
                "targets": 5
            },
			{
				"render": function(data, type, row) {
						return "<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>"
						+ "<div class=\"cmd-3d-man\"><a><img class=\"cmd-order\" src=\"{{ asset('/static/configuratore/images/icons/ico_3D_man_trasp.png') }}\"></img></a></div>"
						;

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

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

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

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

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

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


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





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

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

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

	_testTab2 = table2;

	$("#searchresult").on("click", ".cmd-2d-aut a", function(v) {
		let _b64codice = $(this).closest('tr').data('b64codice');
		location.href="{{ path('page_deepnest', {'tipocodice':tipocodice,'b64codice':':::B64CODICE','tipo':'I'}) }}".replace(':::B64CODICE', _b64codice); 
	});
	$("#searchresult").on("click", ".cmd-3d-aut a", function(v) {
		let _b64codice = $(this).closest('tr').data('b64codice');
		location.href="{{ path('page_configuratore3D', {'tipocodice':tipocodice,'b64codice':':::B64CODICE','box':':::BOX','prog':':::PROG'}) }}".replace(':::B64CODICE', _b64codice).replace(':::BOX', 0).replace(':::PROG', 1); 
	});
	$("#searchresult").on("click", ".cmd-3d-man A", function(v) {
		let _b64codice = $(this).closest('tr').data('b64codice');
		location.href="{{ path('configuratore3_d_c4rgo', {'tipocodice':tipocodice,'b64codice':':::B64CODICE','box':':::BOX','prog':':::PROG'}) }}".replace(':::B64CODICE', _b64codice).replace(':::BOX', 0).replace(':::PROG', 1); 
	});

	$("#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);
		location.href="{{ path('page_deepnest', {'tipocodice':tipocodice,'b64codice':b64codice,'tipo':'I'}) }}"; 
	});
	$("#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);
		location.href="{{ path('page_configuratore3D', {'tipocodice':tipocodice,'b64codice':b64codice,'box':':::BOX','prog':':::PROG'}) }}".replace(':::BOX', contenitore_id).replace(':::PROG', contenitore_prog); 
	});
	$("#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');
		//alert(contenitore_id + " .- " + contenitore_prog);
		location.href="{{ path('configuratore3_d_c4rgo', {'tipocodice':tipocodice,'b64codice':b64codice,'box':':::BOX','prog':':::PROG'}) }}".replace(':::BOX', contenitore_id).replace(':::PROG', contenitore_prog); 
	});


	$("div.toolbar").html(
		  '<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>'
		);
	$(".btn-confirm-supp").on("click", function(v) {
		confirmSupp($(this).data('id'));
	});





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

});



</script>


{% endblock %}