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

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

{% block title %}{{ "Lista Macchine"|trans }}{% endblock %}
{% block stylesheets_last %}
    {{ parent() }}
    <link rel="stylesheet" href="{{ asset('static/css/macchine.css?v=20191230') }}">
{% endblock %}
{% block c4rg0_menuleft %}{% 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('management_pannel_page') }}">
                                <i class="fa fa-briefcase"></i>
                            </a>
                            {{ 'Gestione Macchine'|trans }}
                        </h1>
                    </div>
                </div>
                <div class="block-menu-filter menu-center">
                    <div class="btn-group btn-w100">
                        <a href="{{ path('macchine_new') }}" class="btn btn-success">
                            <i class="fa fa-plus"></i> {{ 'Nuova Macchina'|trans }}
                        </a>
                    </div>
                </div>
                <div class="block-menu-filter menu-end">
                    <div class="btn-group">
                        <a class="on-close-btn" href="javascript:window.history.back();" 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>{{ 'Lista Macchine'|trans }}</strong></h1>
                        <div class="controls">
                            <a href="#" class="minimize"><i class="fa fa-chevron-down"></i></a>
                            <a href="#" class="refresh"><i class="fa fa-refresh"></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="table-responsive">
                            <table class="table table-bordered table-hover">
                                <thead>
                                    <tr style="background-color: rgba(0,0,0,0.5); color: white;">
                                        <th>{{ 'ID'|trans }}</th>
                                        <th>{{ 'Nome'|trans }}</th>
                                        <th>{{ 'Modello'|trans }}</th>
                                        <th>{{ 'Numero Seriale'|trans }}</th>
                                        <th>{{ 'Luogo'|trans }}</th>
                                        <th>{{ 'Azienda'|trans }}</th>
                                        <th>{{ 'Licenza'|trans }}</th>
                                        <th>{{ 'Azioni'|trans }}</th>
                                    </tr>
                                </thead>
                                <tbody>
                                    {% for macchina in macchine %}
                                        <tr style="background-color: rgba(255,255,255,0.05);">
                                            <td>{{ macchina.id }}</td>
                                            <td>{{ macchina.nome }}</td>
                                            <td>{{ macchina.modello.nome }}</td>
                                            <td>{{ macchina.numeroSeriale }}</td>
                                            <td>{{ macchina.luogo.nome }}</td>
                                            <td>{{ macchina.luogo.azienda.nome }}</td>
                                            <td>
                                                {% if macchina.scaduta %}
                                                    <span style="color: red;">
                                                        <i class="fa fa-exclamation-triangle"></i> Scaduta
                                                    </span>
                                                {% else %}
                                                    <span style="color: green;">
                                                        <i class="fa fa-check-circle"></i> Valida
                                                    </span>
                                                {% endif %}
                                            </td>
                                            <td>
                                                <a href="{{ path('macchine_view', {'id': macchina.id}) }}" class="btn btn-sm btn-info">
                                                    <i class="fa fa-eye"></i>
                                                </a>
                                                <a href="{{ path('macchine_edit', {'id': macchina.id}) }}" class="btn btn-sm btn-warning">
                                                    <i class="fa fa-edit"></i>
                                                </a>
                                                <a href="{{ path('macchine_delete', {'id': macchina.id}) }}" class="btn btn-sm btn-danger" 
                                                   onclick="return confirm('Sei sicuro di voler eliminare questa macchina?');">
                                                    <i class="fa fa-trash"></i>
                                                </a>
                                            </td>
                                        </tr>
                                    {% else %}
                                        <tr>
                                            <td colspan="8" class="text-center">{{ 'Nessuna macchina trovata'|trans }}</td>
                                        </tr>
                                    {% endfor %}
                                </tbody>
                            </table>
                        </div>
                    </div>
                </section>
            </div>
        </div>
    </div>
{% endblock %}

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