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

{% block body_id 'macchine_delete' %}
{% block body_class 'bg-28 no-zoom' %}

{% block title %}{{ "Elimina Macchina"|trans }}{% endblock %}
{% block c4rg0_menuleft %}{% endblock %}
{% block stylesheets_last %}
    {{ parent() }}
    <link rel="stylesheet" href="{{ asset('static/css/macchine.css?v=20191230') }}">
{% endblock %}

{% block body %}
    <div class="col-md-12">
        <section class="tile transparent" id="id-search-block" style="margin-top: 55px;">
            <div class="tile-widget color transparent-black rounded-top-corners">
                <div class="block-menu-filter menu-start">
                    <div class="btn-group btn-w100">
                        <h1>
                            <a href="{{ path('macchine_list') }}">
                                <i class="fa fa-list"></i>
                            </a>
                            {{ 'Elimina Macchina'|trans }}
                        </h1>
                    </div>
                </div>
                <div class="block-menu-filter menu-end">
                    <div class="btn-group">
                        <a class="on-close-btn" href="{{ path('macchine_view', {'id': macchina.id}) }}" title="Back">
                            <div class="user-close">
                                <i class="fas fa-chevron-circle-left"></i>
                            </div>
                        </a>
                    </div>
                </div>
            </div>
        </section>
    </div>

    <div id="wrap">
        <div class="row">
            <div id="content" class="col-md-12">
                <section class="tile color transparent-black">
                    <div class="tile-header">
                        <h1><strong>{{ 'Conferma Eliminazione'|trans }}</strong></h1>
                        <div class="controls">
                            <a href="#" class="minimize"><i class="fa fa-chevron-down"></i></a>
                        </div>
                    </div>

                    <div class="tile-body">
                        <div align="center">
                            <span class="container text-center">
                                <a href="{{ path('welcome_page') }}">
                                    <img class="logo" src="{{ asset(logoUrl) }}" height="auto" style="max-height:3vw;"/>
                                </a>
                            </span>
                        </div>

                        <div class="alert alert-danger" style="background-color: rgba(255,0,0,0.2); border-color: red;">
                            <h3 class="text-center">
                                <i class="fa fa-exclamation-triangle fa-2x"></i><br><br>
                                {{ 'Attenzione!'|trans }}
                            </h3>
                            <p class="text-center" style="font-size: 16px;">
                                {{ 'Stai per eliminare definitivamente questa macchina.'|trans }}<br>
                                {{ 'Questa operazione non può essere annullata.'|trans }}
                            </p>
                        </div>

                        <div class="row">
                            <div class="col-md-12">
                                <section class="tile color transparent-black">
                                    <div class="tile-header">
                                        <h1><strong>{{ 'Dettagli Macchina da Eliminare'|trans }}</strong></h1>
                                    </div>
                                    <div class="tile-body">
                                        <div class="row">
                                            <div class="col-md-6">
                                                <table class="table table-bordered" style="background-color: rgba(255,255,255,0.05);">
                                                    <tr>
                                                        <th style="width: 40%;">{{ 'ID'|trans }}:</th>
                                                        <td>{{ macchina.id }}</td>
                                                    </tr>
                                                    <tr>
                                                        <th>{{ 'Nome'|trans }}:</th>
                                                        <td><strong>{{ macchina.nome }}</strong></td>
                                                    </tr>
                                                    <tr>
                                                        <th>{{ 'Numero Seriale'|trans }}:</th>
                                                        <td><strong>{{ macchina.numeroSeriale }}</strong></td>
                                                    </tr>
                                                    <tr>
                                                        <th>{{ 'Modello'|trans }}:</th>
                                                        <td>{{ macchina.modello.nome }}</td>
                                                    </tr>
                                                    <tr>
                                                        <th>{{ 'Sistema'|trans }}:</th>
                                                        <td>{{ macchina.sistema }}</td>
                                                    </tr>
                                                </table>
                                            </div>
                                            <div class="col-md-6">
                                                <table class="table table-bordered" style="background-color: rgba(255,255,255,0.05);">
                                                    <tr>
                                                        <th style="width: 40%;">{{ 'Azienda'|trans }}:</th>
                                                        <td>{{ macchina.luogo.azienda.nome }}</td>
                                                    </tr>
                                                    <tr>
                                                        <th>{{ 'Luogo'|trans }}:</th>
                                                        <td>{{ macchina.luogo.nome }}</td>
                                                    </tr>
                                                    <tr>
                                                        <th>{{ 'Data Produzione'|trans }}:</th>
                                                        <td>{{ macchina.dataProduzione|date('d/m/Y') }}</td>
                                                    </tr>
                                                    <tr>
                                                        <th>{{ 'Versione SW'|trans }}:</th>
                                                        <td>{{ macchina.versioneSw }}</td>
                                                    </tr>
                                                    <tr>
                                                        <th>{{ 'Stato Licenza'|trans }}:</th>
                                                        <td>
                                                            {% if macchina.scaduta %}
                                                                <span style="color: red;">
                                                                    <i class="fa fa-exclamation-triangle"></i> {{ 'Scaduta'|trans }}
                                                                </span>
                                                            {% else %}
                                                                <span style="color: green;">
                                                                    <i class="fa fa-check-circle"></i> {{ 'Valida'|trans }}
                                                                </span>
                                                            {% endif %}
                                                        </td>
                                                    </tr>
                                                </table>
                                            </div>
                                        </div>

                                        {% if macchina.modello.immagine %}
                                            <div class="text-center">
                                                <img src="{{ asset('static/images/devices/' ~ macchina.modello.immagine) }}" 
                                                     style="max-height: 200px; margin: 20px auto;">
                                            </div>
                                        {% endif %}

                                        <div class="alert alert-warning" style="background-color: rgba(255,165,0,0.2); border-color: orange; margin-top: 30px;">
                                            <p class="text-center">
                                                <i class="fa fa-info-circle"></i> 
                                                {{ 'Eliminando questa macchina, verranno eliminati anche tutti i dati GPS, comandi e dispositivi associati.'|trans }}
                                            </p>
                                        </div>

                                        <form method="POST" action="{{ path('macchine_delete', {'id': macchina.id}) }}" 
                                              onsubmit="return confirm('{{ 'Sei assolutamente sicuro di voler eliminare questa macchina?'|trans }}');">
                                            <div class="text-center" style="margin-top: 30px;">
                                                <button type="submit" class="btn btn-danger btn-lg">
                                                    <i class="fa fa-trash"></i> {{ 'Conferma Eliminazione'|trans }}
                                                </button>
                                                <a href="{{ path('macchine_view', {'id': macchina.id}) }}" class="btn btn-default btn-lg">
                                                    <i class="fa fa-arrow-left"></i> {{ 'Annulla'|trans }}
                                                </a>
                                            </div>
                                        </form>
                                    </div>
                                </section>
                            </div>
                        </div>
                    </div>
                </section>
            </div>
        </div>
    </div>
{% endblock %}

{% block javascripts %}
    {{ parent() }}
{% endblock %}