{% extends 'base.html.twig' %}
{% block body_id 'notifiche-eventi' %}
{% block body_class 'bg-28 no-zoom' %}

{% block body %}
{% set r = routes|default({'index':'notifica_evento_index','new':'notifica_evento_new','edit':'notifica_evento_edit','delete':'notifica_evento_delete','toggle':'notifica_evento_toggle'}) %}
<div id="content" class="col-md-12" style="overflow: hidden; outline: none;">
    <div id="wrap">
        <div class="row">
            {# Stessa cornice grafica della lista dello schedulatore cron:
               sfondo scuro/trasparente, testo bianco, tabella .table. #}
            <section class="tile transparent" id="id-content-block">
                <div class="jumbotron scheduler">
                    <div class="container">
                        <div class="row">
                            <div class="col-md-12">
                                <h2>Notifiche a eventi{% if azienda %} — {{ azienda.nome ?: azienda.ragioneSociale }}{% endif %}</h2>

                                {% for msg in app.flashes('success') %}
                                    <div class="ok-green" role="alert">{{ msg }}</div>
                                {% endfor %}
                                {% for msg in app.flashes('error') %}
                                    <div class="alert alert-danger" role="alert">{{ msg }}</div>
                                {% endfor %}

                                {% if azienda is null %}
                                    <div class="alert alert-warning">Il tuo utente non è associato a un'azienda: non è possibile configurare le notifiche.</div>
                                {% endif %}

                                <div class="table-responsive table-stripped">
                                <table class="table">
                                    <thead>
                                        <tr>
                                            <th>&nbsp;</th>
                                            <th>Evento</th>
                                            <th>Oggetto</th>
                                            <th>Destinatari</th>
                                            <th>Azioni</th>
                                        </tr>
                                    </thead>
                                    <tbody>
                                    {% for n in notifiche %}
                                        <tr {% if not n.abilitato %}class="text-muted"{% endif %}>
                                            <td>
                                                <a href="{{ path(r.toggle, {'id': n.id}) }}" title="Attiva/disattiva">
                                                {% if n.abilitato %}
                                                    <span class="text-success glyphicon glyphicon-off"></span> <span class="sr-only">Attivo</span>
                                                {% else %}
                                                    <span class="text-danger glyphicon glyphicon-off"></span> <span class="sr-only">Disattivo</span>
                                                {% endif %}
                                                </a>
                                            </td>
                                            <td>{{ n.tipoEventoLabel }}</td>
                                            <td>{{ n.oggetto ?: '(default)' }}</td>
                                            <td>{{ n.destinatariEmails|keys|join(', ') ?: '(nessuno → support)' }}</td>
                                            <td style="min-width: 90px;">
                                                <a href="{{ path(r.edit, {'id': n.id}) }}">
                                                    <span class="text-info glyphicon glyphicon-pencil"></span> <span class="sr-only">Modifica</span>
                                                </a>
                                                <form method="post" action="{{ path(r.delete, {'id': n.id}) }}"
                                                      style="display:inline;" onsubmit="return confirm('Eliminare questa notifica?');">
                                                    <input type="hidden" name="_token" value="{{ csrf_token('delete_notifica_' ~ n.id) }}">
                                                    <button type="submit" style="background:none;border:0;padding:0;cursor:pointer;">
                                                        <span class="text-danger glyphicon glyphicon-trash"></span> <span class="sr-only">Elimina</span>
                                                    </button>
                                                </form>
                                            </td>
                                        </tr>
                                    {% else %}
                                        <tr><td colspan="5">Nessuna notifica configurata.</td></tr>
                                    {% endfor %}
                                    </tbody>
                                </table>
                                </div>

                                {% if azienda %}
                                <a href="{{ path(r.new) }}" class="btn btn-primary btn-lg pull-right" role="button">Nuova »</a>
                                {% endif %}
                            </div>
                        </div>
                    </div>
                </div>
            </section>
        </div>
    </div>
</div>
{% endblock %}