{% extends 'base.html.twig' %}
{% block body_id 'welcome' %}
    {% block title %}{{ "Welcome"|trans }}{% endblock %}

    {% block stylesheets %}
        {{ parent() }}
        <link rel="stylesheet" href="{{ asset('build/css/welcome.css?v=20191230') }}">
        <link rel="stylesheet" href="{{ asset('build/c4rg0_themes/assets/js/vendor/datepicker/css/bootstrap-datetimepicker.css') }}">
        <link rel="stylesheet" href="{{ asset('build/css/c4rgo_news.css?v=20191230') }}">

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

    {% block body %}
        <!--    
            
        -->
        <div id="content" class="col-md-12" style="padding-top: 15px;">
            <div id="wrap">
                <br /><br />
                <!-- INIZIO 1° BLOCCO / RIGA " -->		
                <section>
                    <div class="tile bg-transparent-black-3 text-center">	
                        <div class="row">
                            <!-- <div class="col-md-12">
                                  col 12 -->
                            <br />
                            <!-- 1^ COLONNA TESTATA // 1^ COLONNA  / USER AREA " -->

                            <div class="col-md-6">
                                <section class="tile transparent">					
                                    <section class="tile transparent">
                                        <div class="jumbotron bg-transparent-black-3" style="min-height: 12vw">
                                            <div class="container text-center">
                                                <img src="{{ asset('build/images/loghi_aziende/') }}{{ logoazienda }}" alt="" style="max-height:7vw;" /><br>
                                                <h2>{{ 'Operator'|trans }}: <font face="Arial, sans-serif" color="#42FF03">{{ app.user.profilo.nome ~ " " ~ app.user.profilo.cognome }}</font></h2>
                                                <p>{{ 'Last login on'|trans }}: <font face="Arial, sans-serif" color="#3399FF">{{ lastlogin|localizeddate }}</font></p>
                                                <!-- <br /><p><a href="#" target="_blank" class="btn btn-blue btn-large-lg"> Visualizza i Log di Accesso </a></p>-->
                                            </div>
                                        </div>
                                    </section>  
									
									
									
									

                                    <!-- 1^ COLONNA TESTATA // 1^ COLONNA  /  SEARCH -->								

                                    <section class="tile color transparent-black text-center">
                                        <div class="tile-header" id="search-box">
                                            <div class="task">
                                                <div class="abstract">
                                                    <div class="form-group" align="center" style="">
                                                        <ul>
                                                            <li style="width: 96%;">
                                                                <input type="text"  class="form-control" id="id-search" style="width: 100%;float: left;background-color: #d3d3d369;margin-right: 20px;">
                                                            </li>
                                                            <li>
                                                                <button style="height: 38px;" onclick="javascript:search();" type="button" class="btn btn-blue margin-left-20"><i class="fa fa-search fa-2x"></i></button>
                                                            </li>
                                                        </ul>                                                                
                                                    </div>
                                                    <!--<div class="obj-etichetta" style="clear: both;">C<span style="color:#66ccff">4</span>RGO</div>-->

                                                </div>
                                            </div>
                                        </div>
                                    </section>
                                </section>	
                            </div>  
                            <!--SEARCH -->		
                            <!--																<div class="col-md-6">
                                                            <section class="tile color transparent-black text-center">
                                            <div class="tile-header" id="search-box">
                                                <div class="task">
                                                    <div class="abstract">
                                                        <div class="form-group" align="center" style="">
                                                            <ul>
                                                                <li style="width: 96%;">
                                                                    <input type="text" class="form-control" id="id-search" style="width: 100%;float: left;background-color: #d3d3d369;margin-right: 20px;">
                                                                </li>
                                                                <li>
                                                                    <button style="height: 38px;" onclick="javascript:search();" type="button" class="btn btn-blue margin-left-20"><i class="fa fa-search fa-2x"></i></button>
                                                                </li>
                                                            </ul>                                                                
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </section>
                                    </div>

                            -->	

                            <!-- 2^ COLONNA TESTATA - BLOCCO NEWS  -->                                        
                            <div class="col-md-2" >
                                <section class="tile transparent">	
                                    
                                        <section class="tile color transparent-black text-center">
                                            <div class="tile-header" id="news-box">
                                                <span>
                                            <div id="carousel-sec" class="carousel slide" data-ride="carousel">
                                                <!-- Indicators -->
                                                <div class="obj-icona"><font color="#6699ff"><i class="fas fa-microphone-alt fa-3x" aria-hidden="true"></i></font></div>
                                                <ol class="carousel-indicators">
                                                    {% for img in news %}
                                                        {% set num = loop.index %}
                                                        <li data-target="#carousel-sec" data-slide-to="{{ num }}" class="{% if num >= 4 %} pesata-multipla {% endif %} {% if num == 0 %}active{% endif %}"></li>
                                                    {% endfor %}        
                                                </ol>

                                                <!-- Wrapper for slides -->
                                                <div class="carousel-inner carousel-selected">
                                                    {% for newsrow in news %}
                                                        <div class="item {% if (loop.index == 1) %}active{% endif %} " style="text-align: left;">
                                                            <div class="news-corousel">
                                                            <span>{{ newsrow.Pubblicato|date('d/m/Y H:i') }}</span><br /><a href="#">{{ newsrow.Titolo }}</a><br />{{ newsrow.Contenuto }}
                                                            </div>
                                                        </div>
                                                    {% endfor %}        
                                                </div>

                                                <!-- Controls -->
                                                <a class="left carousel-control" href="#carousel-sec" data-slide="prev">
                                                    <i class="fa fa-chevron-left fa-lg left-side"></i>
                                                </a>
                                                <a class="right carousel-control" href="#carousel-sec" data-slide="next">
                                                    <i class="fa fa-chevron-right fa-lg right-side"></i>
                                                </a>
                                            </div>                                                      
                                                </span>
                                            </div>
                                        </section>
                                    </a

                                    ><!-- 2^ COLONNA TESTATA - SELECT CUSTOMER  -->  										  
                                    <section>
                                        <div class="form-group">

                                            <div id="selectbox">
                                                <select class="chosen-select chosen-transparent form-control" id="input07" parsley-trigger="change" parsley-required="true" parsley-error-container="#selectbox">
                                                    <option class="obj-etichetta" value=""> Filter by Carrier</option>
                                                    <option value="1"><img src="{{ asset('build/images/loghi_aziende/') }}{{ logoazienda }}" alt="" style="max-height:20px;" /> Air France</option>
                                                    <option value="2">KLM</option>
                                                    <option value="3">EVA Air</option>
                                                    <option value="4">Martina Air</option>
                                                    <option value="5">Altri</option>
                                                </select>
                                            </div>
                                        </div>
                                    </section>


     <!-- 2^ COLONNA TESTATA - SELECT Place  -->  										  
                                    <section>
                                        <div class="form-group" style="padding-bottom: 10px;">
                                            <div id="selectbox-place">
                                                <select class="chosen-select chosen-transparent form-control" id="input07" parsley-trigger="change" parsley-required="true" parsley-error-container="#selectbox">
                                                    <option value="">Filter By DATA SCANNER</option>
                                                    <option value="1">C4RGO-Air MALPENSA [ MPX ]</option>
                                                    <option value="2">.......</option>
                                                </select>

                                            </div>
                                        </div>
                                    </section>										  

     <!-- 2^ COLONNA TESTATA - SELECT Delivery Type  -->  										  
                                    <section>
                                        <div class="form-group" style="padding-bottom: 10px;">
                                            <div id="selectbox-place">
                                                <select class="chosen-select chosen-transparent form-control" id="input07" parsley-trigger="change" parsley-required="true" parsley-error-container="#selectbox">
                                                    <option value="">Delivery type</option>
                                                    <option value="1">Air</option>
                                                    <option value="2">Sea</option>
													<option value="3">Truck</option>
                                                    <option value="4">Train</option>
                                                </select>

                                            </div>
                                        </div>
                                    </section>	
								
	<!-- 2^ COLONNA TESTATA - SELECT Destination  -->  							
                                    <section>
                                        <div class="form-group" style="padding-bottom: 10px;">
                                            <div id="selectbox-place">
                                                <select class="chosen-select chosen-transparent form-control" id="input07" parsley-trigger="change" parsley-required="true" parsley-error-container="#selectbox" style="font-size: 2vw">
                                                    <option value="">Geo Destination</option>
                                                    <option value="1">Europe</option>
                                                    <option value="2">America</option>
													<option value="3">Oceania</option>
                                                    <option value="4">......</option>
                                                </select>

                                            </div>
                                        </div>
                                    </section>
								
     <!-- 2^ COLONNA TESTATA -  Place 2  -->
                               <!--<section class="tile color transparent-black text-center">
                                        <div class="tile-header" id="lista-luoghi">
                                            <div class="task">
                                                <div class="abstract" >
                                                    <div class="obj-icona"><i class="fa fa-map-marker fa-2x"></i></div>                                                            
                                                    <span>
                                                        <div class="obj-etichetta">C<span style="color:#66ccff">4</span>RGO {{ 'Location'|trans }}&nbsp;[{{ listaluoghi|length }}]</div>
                                                    </span>
                                                </div>
                                                <div class="details">
                                                    <div class="details__inner" align="left">
                                                        <h2><!--{{ 'Place'|trans }}--></h2>
                                                        <ul>
                                                            {%  for luogo in listaluoghi %}
                                                                <li><h2><a href="{{ path('location_page', {'id': luogo.Id}) }}">{{ luogo.Descrizione }}</a></h2></li>
                                                                        {% endfor  %}
                                                        </ul>
                                                    </div>
                                                </div>
                                            </div>
                                    </section>-->										  

                                </section>
                            </div>

                            <section class="tile transparent">	
                                <!-- 3^ COLONNA TESTATA - 1^ RIGA TOT PESO ANNO IN CORSO -->								
                                <div class="col-md-4">

                                    <section class="tile transparent">

                                        <!-- 3^ COLONNA TESTATA - 1^ RIGA TOT PESO ANNO IN CORSO -->
                                        <div class="col-md-6">
                                            <section class="tile color transparent-black text-left">
                                                <div class="progress progress-little progress-transparent-black-3" >
                                                    <div class="progress-bar progress-bar-orange animate-progress-bar" data-percentage="33%"></div>
                                                </div>
                                                <div class="clearfix"></div>
                                                <div><span class="description">Rif. Target Y 2020</span>
                                                    <span><div class="status pull-right label label-weight" style="color: darkblue;">
                                                            <!-- + --><span class="animate-number" data-value=" 33 " data-animation-duration="1500">0
                                                            </span>%
                                                        </div>
                                                    </span>
                                                </div>

                                                <div class="clearfix"></div>

                                                <div class="tile-header text-center" id="tot-pesi-rilevati">
                                                    <div class="obj-icona_G"><i class="fas fa-weight-hanging fa-4x"></i> &nbsp;  
                                                        <span class="obj-unita-misura_G"> {{ 'Kg'|trans }}</span>
                                                    </div>
                                                    <span>
                                                 <!--<div class="obj-etichetta">{{ 'Weights'|trans }}</div>-->
                                                        <div class="obj-valore_G">{{ totpesirilevati }}</div>
                                                    </span>
                                                </div>
                                            </section>
                                        </div>
                                        <!--            </section>
3^ COLONNA TESTATA - 1^ RIGA TOT VOLUMI ANNO IN CORSO--> 							  
                                        <div class="col-md-6">
                                            <section class="tile color transparent-black text-left">
                                                <div class="progress progress-little progress-transparent-black-3">
                                                    <div class="progress-bar progress-bar-dutch animate-progress-bar" data-percentage="47%"></div>
                                                </div>	
                                                <div class="clearfix"></div>
                                                <div><span class="description">Rif. Target Y 2020</span>
                                                    <span>
                                                        <div class="status pull-right label label-volume" style="color: darkblue;">
                                                            <!--+--><span class="animate-number" data-value="47" data-animation-duration="1500" >0</span>%
                                                        </div>
                                                    </span>
                                                </div>

                                                <div class="clearfix"></div>

                                                <div class="tile-header text-center" id="tot-volumi-rilevati">
                                                    <div class="obj-icona_G"><i class="fa fa-cubes fa-4x"></i> <span class="obj-unita-misura_G"> {{ 'Mc'|trans }}</span></div>
                                                    <span>
                                                       <!--<div class="obj-etichetta">{{ 'Volumes'|trans }}</div>-->
                                                        <div class="obj-valore_G">{{ totvolumirilevati }}
                                                        </div>
                                                    </span>
                                                </div>
                                            </section>
                                        </div>

                                    </section>


                            </section>
                            <!-- 4^ COLONNA BLOCCO STAT 1  -->	
                            <section class="tile transparent">				
                                <div class="col-md-4" style="padding: 0 0 15px 0;">         
                                    <section class="tile transparent">
                                        <div class="col-md-6">
                                            <section>	
                                                <div  class="tile-body color transparent-black rounded-bottom-corners">


                                                    <h4>{{'AWB Process'|trans}}</strong></h4>
                                                    <div class="progress-listbar">

                                                        <div class="detailsbar">
                                                            <!-- <div class="titlebar">America</div>-->
                                                            <div class="descriptionbar">{{'Entrate'|trans}}</div>
                                                        </div>
                                                        <div class="status pull-right label label-green" style="color: darkblue;">
                                                            <span class="animate-number" data-value="40" data-animation-duration="1500">0</span>%
                                                        </div>
                                                        <div class="clearfix"></div>
                                                        <div class="progress progress-little">
                                                            <div class="progress-bar progress-bar-green animate-progress-bar" data-percentage="40%" style="width: 0%;"></div>
                                                        </div>

                                                        <div class="detailsbar">
                                                            <!-- <div class="title">XXXXXXXX</div>-->
                                                            <div class="descriptionbar">{{'Acquisite'|trans}}</div>
                                                        </div>
                                                        <div class="status pull-right label label-cyan">
                                                            <span class="animate-number" data-value="38" data-animation-duration="1000">0</span>%
                                                        </div>
                                                        <div class="clearfix"></div>
                                                        <div class="progress progress-little">
                                                            <div class="progress-bar progress-bar-cyan animate-progress-bar" data-percentage="35%" style="width: 0%;"></div>
                                                        </div>

                                                        <div class="detailsbar">
                                                            <!--<div class="title">Asia</div>-->
                                                            <div class="descriptionbar">{{'XXXXXXX'|trans}}</div>
                                                        </div>
                                                        <div class="status pull-right label label-amethyst">
                                                            <span class="animate-number" data-value="12" data-animation-duration="800">0</span>%
                                                        </div>
                                                        <div class="clearfix"></div>
                                                        <div class="progress progress-little">
                                                            <div class="progress-bar progress-bar-amethyst animate-progress-bar" data-percentage="12%" style="width: 0%;"></div>
                                                        </div>
                                                    </div>
                                                </div>
                                            </section>
                                        </div>

                                        <!--4^ COLONNA TESTATA - 1^ RIGA BLOCCO STAT 2 -->										

                                        <div class="col-md-6">
                                            <section>
                                                <div  class="tile-body color transparent-black rounded-bottom-corners">


                                                    <h4><strong>{{'Stato spedizioni'|trans}}</strong></h4>
                                                    <div class="progress-listbar">

                                                        <div class="detailsbar">
                                                              <!--<div class="title">{{'No congruity'|trans}}</div>-->
                                                            <div class="descriptionbar">{{'No congruity'|trans}}</div>
                                                        </div>
                                                        <div class="status pull-right label label-red">
                                                            <span class="animate-number" data-value=" 12 " data-animation-duration="800">0</span>%
                                                        </div>
                                                        <div class="clearfix"></div>
                                                        <div class="progress progress-little">
                                                            <div class="progress-bar progress-bar-red animate-progress-bar" data-percentage="12%" style="width: 0%;"></div>
                                                        </div>

                                                        <div class="detailsbar">
                                                              <!--<div class="title">{{'Sospese'|trans}}</div>-->
                                                            <div class="descriptionbar">{{'Sospese'|trans}}</div>
                                                        </div>
                                                        <div class="status pull-right label label-orange">
                                                            <span class="animate-number" data-value=" 5 " data-animation-duration="600">0</span>%
                                                        </div>
                                                        <div class="clearfix"></div>
                                                        <div class="progress progress-little">
                                                            <div class="progress-bar progress-bar-orange animate-progress-bar" data-percentage="7%" style="width: 0%;"></div>
                                                        </div>

                                                        <div class="detailsbar">
                                                            <div class="descriptionbar">{{' In entrata'|trans}}</div>
                                                        </div>
                                                        <div class="status pull-right label label-green">
                                                            <span class="animate-number" data-value="15" data-animation-duration="400">0</span>%
                                                        </div>
                                                        <div class="clearfix"></div>
                                                        <div class="progress progress-little">
                                                            <div class="progress-bar progress-bar-green animate-progress-bar" data-percentage="6%" style="width: 0%;"></div>
                                                        </div>
                                                    </div>
                                                </div>
                                            </section>
                                        </div>

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

                </section>

                <!-- FINE 1° BLOCCO / RIGA " -->    <!-- /tile -->

                <!-- INIZIO 2° BLOCCO / RIGA " -->		

                <section class="tile transparent">

                    <!--<div class="jumbotron bg-transparent-white-3 obj-giornalieri">-->
                    <div class="row">
                        <div class="obj-data-corrente"><font color="#ffffff">{{ 'Aquisition on day'|trans }} {{ datenow|date("d/m/Y") }} {{ rilday }}</font></div>

                        <!-- col 12 -->

                        <!-- PAG STATISTICHE Y / M / W / D --> 
                        <div class="col-md-2"> 
                            <section class="tile transparent">	
                                <a href="{{ path('stat_page', {'id':2,'data':datenow|date("Y-m-d")}) }}">
                                    <section class="tile color transparent-black text-center">
                                        <div class="tile-header" id="good-stats">
                                            <div class="obj-icona"><font color="#6699ff"><i class="fa fa-bar-chart fa-3x" aria-hidden="true"></i></font></div>
                                            <span>
                                                <div class="obj-etichetta">{{ 'Goods Statistics'|trans }}</div>
                                                <div class="obj-valore_p">{{ 'Hours / Weekly / Montly / Year'|trans }}<span class="obj-unita-misura"></span></div>
                                            </span>
                                        </div>
                                    </section>
                                    </div>

                                    <!-- TOT AWB OGGI --> 
                                    <a href="{{ path('search_page', {'data':datenow|date("Y-m-d")}) }}">
                                        <div class="col-md-2"> 			 
                                            <section class="tile color transparent-black text-center">
                                                <div class="tile-header" id="awb-nr">
                                                    <span><div class="obj-icona"><i class="fa fa-barcode fa-2x" aria-hidden="true"></i></div>

                                                        <div class="obj-etichetta">{{ 'N° AWB'|trans }}</div>
                                                        <div class="obj-valore">{{ awbgestite }}<span class="obj-unita-misura">Nr.</span></div>
                                                    </span>
                                                </div>
                                            </section>      
                                        </div>    
                                    </a>
                                    <!-- TEMPO MEDIO  LETTURA COLLO  [ 2.9 sec] -->    

                                    <a href="{{ path('search_page', {'data':datenow|date("Y-m-d")}) }}">
                                        <div class="col-md-2">
                                            <section class="tile color transparent-black text-center">
												<div><span class="description">Rif. Target Y 2020</span>
                                                    <span>
                                                        <div class="status pull-right label label-volume" style="color: hotpink;">
                                                            +<span class="animate-number" data-value="7" data-animation-duration="1500" >0</span>%
                                                        </div>
                                                    </span>
                                                </div>

                                                <div class="clearfix"></div>

                                                <div class="tile-header" id="tempo-medio-collo">
                                                    <div class="obj-icona"><i class="fa fa-rocket fa-2x" aria-hidden="true"></i></div>
                                                    <span>
                                                        <div class="obj-etichetta">{{ 'Average Time per Packages'|trans }}</div>
                                                        <div class="obj-valore">{{ tempomediocollo }}<span class="obj-unita-misura">{{ 'Seconds'|trans }}</span></div>
                                                    </span>
                                                </div>
                                            </section>
                                        </div>
                                    </a>
                                    <!-- TOT ITEMS OGGI -->									
                                    <a href="{{ path('search_page', {'data':datenow|date("Y-m-d")}) }}">  
                                        <div class="col-md-2">
                                            <section class="tile color transparent-black text-center">
                                                <div class="tile-header" id="records-trasferiti">
                                                    <div class="obj-icona"><i class="fa fa-exchange fa-2x" aria-hidden="true"></i></div>
                                                    <span>
                                                        <div class="obj-etichetta">{{ 'N° of Transfer Record'|trans }}</div>
                                                        <div class="obj-valore">{{ recordstrasferiti }}<span class="obj-unita-misura">{{ 'Pz.'|trans }}</span></div>
                                                    </span>
                                                </div>
                                                <!-- /tile header -->
                                            </section>      
                                        </div>       
                                    </a>

                                    <a href="{{ path('search_page', {'data':datenow|date("Y-m-d")}) }}">

                                        <!-- TOT VOLUME OGGI -->										
                                        <div class="col-md-2">
                                            <section class="tile color transparent-black text-center">
                                                <div class="tile-header" id="volumi-rilevati">
                                                    <div class="obj-icona"><i class="fa fa-cubes fa-2x"></i></div>
                                                    <span>
                                                        <div class="obj-etichetta">{{ 'Volumes'|trans }}</div>
                                                        <div class="obj-valore">{{ volumirilevati }}<span class="obj-unita-misura">{{ 'Mc'|trans }}</span></div>
                                                    </span>
                                                </div>
                                            </section>
                                        </div>
                                    </a>

                                    <!-- TOT PESO OGGI -->
                                    <a href="{{ path('search_page', {'data':datenow|date("Y-m-d")}) }}">
                                        <div class="col-md-2">
                                            <section class="tile color transparent-black text-center">
                                                <div class="tile-header" id="pesi-rilevati">
                                                    <div class="obj-icona"><i class="fas fa-weight-hanging fa-2x"></i></div>
                                                    <span>
                                                        <div class="obj-etichetta">{{ 'Weights'|trans }}</div>
                                                        <div class="obj-valore">{{ pesirilevati }}<span class="obj-unita-misura">{{ 'Kg'|trans }}</span></div>
                                                    </span>
                                                </div>
                                            </section>
                                        </div>
                                    </a>

                                    </div>
                            </section>

                            <!--  FINE 2° BLOCCO / RIGA " -->						

                            <!-- INIZIO 3° BLOCCO / RIGA " -->
                            <section>
                                <!--                         		<div class="jumbotron bg-transparent-black-3">
                                -->                         	<div class="row">
                                    <div class="obj-data-corrente">
                                        <font color="#ffffff">{{ ' Acquisition on Year'|trans }} {{ datenow|date(" Y ")}}</font>
                                    </div>
                                    <!-- col 12 -->
                                    <!-- TOT AWB MANAGED ANNO IN CORSO -->
                                    <div class="col-md-2">
                                        <section class="tile color transparent-black text-center">
                                            <div class="tile-header" id="awb-nr">
                                                <div class="obj-icona"><i class="fa fa-barcode fa-2x" aria-hidden="true"></i></div>
                                                <span>
                                                    <div class="obj-etichetta">{{ 'N° AWB MANAGED'|trans }}</div>
                                                    <div class="obj-valore">{{ awbgestiteanno }}<span class="obj-unita-misura">Nr.</span></div>
                                                </span>
                                            </div>
                                        </section>  
                                    </div>
                                    <!-- TOT ITEMS ANNO IN CORSO -->									
                                    <div class="col-md-2">
                                        <section class="tile color transparent-black text-center">
                                            <!-- tile header -->
                                            <div class="tile-header" id="tot-records-trasferiti">
                                                <div class="obj-icona"><i class="fa fa-exchange fa-2x" aria-hidden="true"></i></div>
                                                <span>
                                                    <div class="obj-etichetta">{{ 'N° Of Transfer Record'|trans }}</div>
                                                    <div class="obj-valore">{{ totrecordtrasferiti }}<span class="obj-unita-misura">{{ 'Pz.'|trans }}</span></div>
                                                </span>
                                            </div>
                                            <!-- /tile header -->
                                        </section>      
                                    </div>  
                                    <!-- TEMPO ELABORAZIONE DATI -->						
                                    <div class="col-md-2">
                                        <section class="tile color transparent-black text-center">
                                            <!-- tile header -->
                                            <div class="tile-header" id="tot-tempo-elaborazione">
                                                <div class="obj-icona"><i class="fa fa-rocket fa-2x" aria-hidden="true"></i></div>
                                                <span>
                                                    <div class="obj-etichetta">{{ 'Data Processing Times'|trans }}</div>
                                                    <div class="obj-valore">{{ tottempoelaborazionedati }}<span class="obj-unita-misura">{{ 'Hours'|trans }}</span></div>
                                                </span>
                                            </div>
                                            <!-- /tile header -->
                                        </section>
                                    </div>
                                    <!-- TEMPO_RISPARMIATO ANNO IN CORSO --> 			
                                    <div class="col-md-2">
                                        <section class="tile color transparent-black text-center">
                                            <!-- tile header -->
                                            <div class="tile-header" id="tot-tempo-risparmiato">
                                                <div class="obj-icona"><i class="fa fa-clock-o fa-2x" aria-hidden="true"></i></div>
                                                <span>
                                                    <div class="obj-etichetta">{{ 'Saved Time'|trans }}</div>
                                                    <div class="obj-valore">{{ tottemporisparmiato }}<span class="obj-unita-misura">{{ 'Hours'|trans }}</span></div>
                                                </span>
                                            </div>
                                            <!-- /tile header -->
                                        </section>            
                                    </div>
                                    <!-- TOT VOLUMI ANNO IN CORSO -->						
                                    <div class="col-md-2">
                                        <section class="tile color transparent-black text-center">
                                            <div class="tile-header" id="tot-volumi-rilevati">
                                                <div class="obj-icona"><i class="fa fa-cubes fa-2x"></i></div>
                                                <span>
                                                    <div class="obj-etichetta">{{ 'Volumes'|trans }}</div>
                                                    <div class="obj-valore">{{ totvolumirilevati }}<span class="obj-unita-misura">{{ 'Mc'|trans }}</span></div>
                                                </span>
                                            </div>
                                        </section>
                                    </div>
                                    <!-- TOT PESO ANNO IN CORSO -->						
                                    <div class="col-md-2">
                                        <section class="tile color transparent-black text-center">
                                            <div class="tile-header" id="tot-pesi-rilevati">
                                                <div class="obj-icona"><i class="fas fa-weight-hanging fa-2x"></i></div>
                                                <span>
                                                    <div class="obj-etichetta">{{ 'Weights'|trans }}</div>
                                                    <div class="obj-valore">{{ totpesirilevati }}<span class="obj-unita-misura">{{ 'Kg'|trans }}</span></div>
                                                </span>
                                            </div>
                                        </section>
                                    </div>
                                </div>
                                <!--</div>-->
                            </section>

                            <div align="center">
                                <a href="https://www.c4rgo.com" target="_blank">      
                                    <img src="{{ asset('build/c4rg0_themes/assets/images/Consitech_p.png') }}" width="260" height="55" alt=""/><br>                                
                                </a>
                            </div>


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

{% endblock %}

{% block javascripts %}
    {{ parent() }}
    <script type="text/javascript" src="{{ asset('build/js/base64.js') }}"></script>
    <script type="text/javascript" src="{{ asset('build/js/c4rgo_news.js') }}"></script>
    <script>
        function searchByDate(date) {
            location.href = "{{ path('search_page', {'data':'::value'}) }}".replace('::value', date);
        }
        function search() {
            var searchval = 'R' + Base64.encode($('#id-search').val());
            searchByDate(searchval);
        }
    </script>
    <script>

        $(function () {

//chosen select input
            $(".chosen-select").chosen({disable_search_threshold: 10});

        })

    </script>

{% endblock %}