{% extends 'base.html.twig' %}
{% block body_id 'location' %}
    {% block body_class 'bg-1' %}
        {% block title %}{{ "Location"|trans }}{% endblock %}

        {% block stylesheets %}
            {{ parent() }}
            <link rel="stylesheet" href="{{ asset('static/css/location.css?v=20191230') }}">
        {% endblock %}

        {% block c4rg0_menuleft %}
        {% endblock %} 

        {% block body %}


            <div align="center"><span class="container text-center"><font size="5em" color="#ffffff">DS-C<span style="color:#66ccff">4</span>RGO {{ luogo.Descrizione }} &nbsp;&nbsp; </font> &nbsp;&nbsp;<a href="{{ path('welcome_page') }}" alt="welcome page"><img class="logo" src="{{ asset('static/images/loghi_aziende/') }}{{ logoazienda }}" alt="{{ logoazienda }}" height="auto" alt="My Company" style="max-height:7.30078125vw;"/></a>
                </span></div><br>    <!-- Wrap all page content here -->
            <div id="wrap">

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

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


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

                                <div class="jumbotron bg-transparent-black-3">

                                    {{ luogo.Maps|raw }}

                                </div>
                            </section>

                            <br>
                            <!-- /tile -->
                            {% for macchina in macchine %}
                            <section class="tile transparent">

                                <div class="jumbotron bg-transparent-black-3">

                                    <div class="row">

                                        <!-- col 6 -->
                                        <div class="col-md-3">
                                            <!-- tile -->
                                            <section class="tile color transparent-black text-center">

                                                <!-- tile header -->
                                                <div class="tile-header">
                                                    <span><a href="{{ macchina.UrlSistema }}" target="_blank"><font color="#ffffff">{{ 'System'|trans }}: {{ macchina.Sistema|raw }}</font> &nbsp;&nbsp;<i class="fa fa-connectdevelop fa-2x" aria-hidden="true"></i>&nbsp;</a></span>
                                                </div>
                                                <!-- /tile header -->

                                            </section>

                                        </div>

                                        <div class="col-md-3">

                                            <section class="tile color transparent-black text-center">

                                                <!-- tile header -->
                                                <a href="{{ macchina.UrlModello }}" target="_blank"><div class="tile-header"><font color="#ffffff">{{ 'Model'|trans }}: {{ macchina.Modello|raw }}</font>

                                                    </div></a>
                                                <!-- /tile header -->
                                            </section>      
                                        </div>       


                                        <div class="col-md-3">

                                            <section class="tile color transparent-black text-center">

                                                <!-- tile header -->
                                                <div class="tile-header">
                                                    <font color="#ffffff">{{ 'Production year'|trans }}: {{ macchina.DataProduzione|date('m/y') }}</font>

                                                </div>
                                                <!-- /tile header -->
                                            </section>
                                        </div>
                                        <div class="col-md-3">
                                            <!-- tile -->
                                            <section class="tile color transparent-black text-center">

                                                <!-- tile header -->
                                                <div class="tile-header">
                                                    <font color="#ffffff">{{ 'Serial number'|trans }}: {{ macchina.NumeroSeriale }}</font>
                                                    <br>
                                                </div>
                                                <!-- /tile header -->

                                            </section>

                                        </div>
                                    </div>
                                    <br>
                                    <div class="row">

                                        <!-- col 6 -->
                                        <div class="col-md-3">
                                            <!-- tile -->
                                            <section class="tile color transparent-black text-center">

                                                <!-- tile header -->
                                                <div class="tile-header">
                                                    <span><a href="{{ macchina.UrlDataSheet }}" target="_blank"><font color="#ffffff">DATA-SHEET&nbsp;&nbsp;</font><i class="fa fa-gears fa-2x" style=""></i>&nbsp;</a></span>
                                                </div>
                                                <!-- /tile header -->

                                            </section>

                                        </div>

                                        <div class="col-md-3">

                                            <section class="tile color transparent-black text-center">

                                                <!-- tile header -->
                                                <div class="tile-header">
                                                    <img src="/static/c4rg0_themes/assets/images/icons/Start-Up.png" alt="" width="29" height="32"/> 
                                                    <font color="#ffffff">{{ 'Software Version' }}: {{ macchina.VersioneSw }}</font>

                                                </div>
                                                <!-- /tile header -->
                                            </section>      
                                        </div>
                                        <div class="col-md-3">
                                            <section class="tile color transparent-black text-center">

                                                <!-- tile header -->
                                                <div class="tile-header">
                                                    <i class="fa fa-paper fa-2x"> </i><font color="#ffffff">{{ 'User License'|trans }}: {{  macchina.UserLic }}</font>

                                                </div>
                                                <!-- /tile header -->
                                            </section>
                                        </div>
                                        <div class="col-md-3">

                                            <section class="tile color transparent-black text-center">

                                                <!-- tile header -->
                                                <div class="tile-header">
                                                {% if macchine.scaduta %}
                                                    <img src="/static/c4rg0_themes/assets/images/icons/warning.png" alt=""  height="32" />
                                                {% else %}
                                                    <i class="fas fa-check-circle fa-2x" style="color: green"></i>
                                                {% endif %}
						<font color="#ffffff"> <span style="color:#66ccff"> &nbsp;&nbsp;{{ 'Assistance'|trans }}: {{ macchina.Scadenza }} </font>
                                                </div>
                                                <!-- /tile header -->
                                            </section>
                                        </div>

                                    </div></div>
                            </section>
                                                
                            {% endfor %}
                            <div align="center"><img src="{{ asset('static/c4rg0_themes/assets/images/Consitech_p.png') }}" width="auto" height="35vw" alt=""/></div></div >   
                    </div>
                </div>
            </div>


        {% endblock %}