{% extends 'base.html.twig' %}
{% block body_id 'configuratore' %}

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


{% block body_class %}bg-10{% endblock %}
{% block title %}{{ 'Configurator'|trans }}{% endblock %}

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


{% block stylesheets %}
    {{ parent() }}
    <style>
        

#configbutton, #zoominbutton, #zoomoutbutton, #exitbutton {
    display: none;


    #configbutton, #zoominbutton, #zoomoutbutton, #exitbutton {
        display: none;
    }

    #svgnest .button {
        background-color: #22beef !important;        border-color: #22beef !important;        color: black !important;
    }
#info_time {
    min-height: 40px;
}

        </style>



{% endblock %}
{% block stylesheets_last %}
    {{ parent() }}
    <link rel="stylesheet" type="text/css" href="{{ asset('static/configuratore/css/configuratore.css?v=202309211822') }}" />
    <link rel="stylesheet" type="text/css" href="{{ asset('static/configuratore/css/svg.css') }}" />
{% endblock %}
{% block body %}

    <div id="content" class="col-md-12">
        <div id="wrap" class="col-md-12">
            <div class="row">
                <div id="content" class="col-md-12">



						<div class="col-md-12 config-dn">
					<div class="col-md-4">

						<div class="menu-selezione-tipo-oggetti col-md-12">
							<div>
								<div id="id-box-vol">
									<div class="friend-list col-md-12">
											<div class="box-vol box-vol-1 box-vol-inbound col-md-6" data-id="1">
												<div class="media">
													<div class="col-md-9">
														<button data-id="1" type="button" class="btn btn-hotpink">
															<img class="media-object " src="{{ asset('/static/c4rg0_themes/assets/images/icons/INBOUND_icoBNC_G.png') }}" alt="" width="30px">
															<div>{{ 'IN BOUND'|trans }}</div>
														</button>
													</div>
												</div>
											</div>
											<div class="box-vol box-vol-4 box-vol-v-shape col-md-6" data-id="4">
												<div class="media">
													<div class="col-md-9">
														<button data-id="4" type="button" class="btn btn-greensea">
															<img class="media-object " src="{{ asset('/static/c4rg0_themes/assets/images/icons/REALE_icoBNC_G.png') }}" alt="" width="30px">
															<div>{{ 'V - SHAPE'|trans }}</div>
														</button>
													</div>
												</div>
											</div>
										</div>
								</div>
	
							</div>
	
						</div>	
						
						<div class="area-configurazione-{{ tipo }}  col-md-12">
						<section class="tile transparent">



							<section id="search-result" class="tile transparent">

								<div class="{{ msgclass|raw }}">
									{{ msg|raw }}
								</div>

							</section>
										
							<section class="tile transparent area-parametri" id="form">
								<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">
									{{ form_start(form) }}
									{{ form_row(form._token) }}
									{{ form_end(form, {'render_rest': true}) }}
								</div>
							</section>                                    
						</section>
						</div>
					</div>
					<div class="col-md-8">
						<section class="tile transparent">



							<section id="search-result" class="tile transparent">

								<div class="{{ msgclass|raw }}">
									{{ msg|raw }}
								</div>

							</section>
										
							<section class="tile transparent" id="selected-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>
							</section>                                    
						</section>
					</div>
					</div>

				</div>
			</div>
        </div>
    </div>
    <br />
    <br />
    <br />
    <br />
    <br />
    <br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />




{% 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/js/jquery.dataTables.rowReordering.js') }}"></script>

    <script type="text/javascript" src="{{ asset('static/js/fabric.min.js') }}"></script>
	<script type="text/javascript" src="{{ asset('static/svgpanzoom/svg-pan-zoom.min.js') }}"></script>


    <script>
		// UI-specific stuff, button clicks go here
		function ready(fn){
			if (document.readyState != 'loading'){
				fn();
			}
			else {
				document.addEventListener('DOMContentLoaded', fn);
			}
		}
		
		ready(function(){

			$('#form').on('click', '.config-deepnest-btn.close-btn',
				function(v) {
					location.href = "{{ path('page_c4rgo2dauto', {'tipocodice':tipocodice,'codice':b64codice,'tipo':tipo}) }}";
				}
			)




			$('.menu-selezione-tipo-oggetti').on('click', '.box-vol', function(v) {
				let id = $(this).data('id');
				let locurl = '';
				let tipo = '';
				switch (id) {
				case 1:
					locurl = '{{ path('page_configc4rgo2dauto', {'tipocodice':tipocodice, 'b64codice':codice, 'default':'N', 'tipo':'I'}) }}';
					tipo = 'I';
				break;
				case 4:
					locurl = '{{ path('page_configc4rgo2dauto', {'tipocodice':tipocodice, 'b64codice':codice, 'default':'N', 'tipo':'R'}) }}';
					tipo = 'R';
				break;
				default:
					locurl = '{{ path('page_configc4rgo2dauto', {'tipocodice':tipocodice, 'b64codice':codice, 'default':'N', 'tipo':'I'}) }}';
					tipo = 'I';
				;
				}
				location.href = locurl;
			});
			


			
/*		
			$('#svg-riassuntivo').on("click", ".svg-global",
				function(s) {
					//alert($(this).attr("id"));
					$(".svg-global").each(function( index ) {
						this.classList.remove("selected");
					});				
					this.classList.add("selected");
					let id = $(this).data('itemid');
					$('#items-result tr').removeClass('selected');
					$('#items-result tr#' + id).addClass('selected');
				}

			)
*/


		});
		</script>    

{% endblock %}