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

{% block title %}Lista Decode - ACQPRESET{% endblock %}

{% block body %}
<div class="container-fluid">
    <div class="row">
        <div class="col-md-12">
            <div class="card">
                <div class="card-header">
                    <h3 class="card-title">
                        <i class="fas fa-list"></i> Lista Decode - ACQPRESET
                    </h3>
                    <div class="card-tools">
                        <a href="{{ path('decode_new') }}" class="btn btn-primary btn-sm">
                            <i class="fas fa-plus"></i> Nuovo Decode
                        </a>
                    </div>
                </div>
                <div class="card-body">
                    {% for message in app.flashes('success') %}
                        <div class="alert alert-success alert-dismissible fade show" role="alert">
                            {{ message }}
                            <button type="button" class="close" data-dismiss="alert">
                                <span aria-hidden="true">&times;</span>
                            </button>
                        </div>
                    {% endfor %}

                    {% if decodes %}
                        <div class="table-responsive">
                            <table class="table table-bordered table-striped">
                                <thead class="thead-dark">
                                    <tr>
                                        <th>Chiave</th>
                                        <th>Nome</th>
                                        <th>Valore</th>
                                        <th>Descrizione</th>
                                        <th>Ordine</th>
                                        <th>ID Macchina</th>
                                        <th>Attivo</th>
                                        <th>Immagine</th>
                                        <th>Azioni</th>
                                    </tr>
                                </thead>
                                <tbody>
                                    {% for decode in decodes %}
                                        <tr>
                                            <td>
                                                <strong>{{ decode.DECKey }}</strong>
                                            </td>
                                            <td>{{ decode.DecName }}</td>
                                            <td>
                                                <code class="small">
                                                    {{ decode.DECValue|length > 50 ? decode.DECValue|slice(0, 50) ~ '...' : decode.DECValue }}
                                                </code>
                                            </td>
                                            <td>{{ decode.DECDescription ?: '-' }}</td>
                                            <td>
                                                <span class="badge badge-secondary">{{ decode.DECOrder }}</span>
                                            </td>
                                            <td>
                                                <span class="badge badge-info">{{ decode.DECMacchinaId }}</span>
                                            </td>
                                            <td>
                                                {% if decode.DECActive %}
                                                    <span class="badge badge-success">Attivo</span>
                                                {% else %}
                                                    <span class="badge badge-danger">Disattivo</span>
                                                {% endif %}
                                            </td>
                                            <td>
                                                {% if decode.DECImmagine %}
                                                    <img src="{{ decode.DECImmagine }}" alt="Preview" style="max-width: 50px; max-height: 50px;" class="img-thumbnail">
                                                {% else %}
                                                    <span class="text-muted">Nessuna</span>
                                                {% endif %}
                                            </td>
                                            <td>
                                                <div class="btn-group" role="group">
                                                    <a href="{{ path('decode_show', {'DECClass': decode.DECClass, 'DECKey': decode.DECKey, 'DECMacchinaId': decode.DECMacchinaId}) }}" 
                                                       class="btn btn-info btn-sm" title="Visualizza">
                                                        <i class="fas fa-eye"></i>
                                                    </a>
                                                    <a href="{{ path('decode_edit', {'DECClass': decode.DECClass, 'DECKey': decode.DECKey, 'DECMacchinaId': decode.DECMacchinaId}) }}" 
                                                       class="btn btn-warning btn-sm" title="Modifica">
                                                        <i class="fas fa-edit"></i>
                                                    </a>
                                                    <button type="button" class="btn btn-danger btn-sm" title="Elimina"
                                                            data-toggle="modal" data-target="#deleteModal{{ loop.index }}">
                                                        <i class="fas fa-trash"></i>
                                                    </button>
                                                </div>

                                                <!-- Modal di conferma eliminazione -->
                                                <div class="modal fade" id="deleteModal{{ loop.index }}" tabindex="-1">
                                                    <div class="modal-dialog">
                                                        <div class="modal-content">
                                                            <div class="modal-header">
                                                                <h5 class="modal-title">Conferma Eliminazione</h5>
                                                                <button type="button" class="close" data-dismiss="modal">
                                                                    <span>&times;</span>
                                                                </button>
                                                            </div>
                                                            <div class="modal-body">
                                                                Sei sicuro di voler eliminare il decode <strong>{{ decode.DECKey }}</strong>?
                                                                <br><small class="text-muted">Questa azione non può essere annullata.</small>
                                                            </div>
                                                            <div class="modal-footer">
                                                                <button type="button" class="btn btn-secondary" data-dismiss="modal">Annulla</button>
                                                                <form method="post" action="{{ path('decode_delete', {'DECClass': decode.DECClass, 'DECKey': decode.DECKey, 'DECMacchinaId': decode.DECMacchinaId}) }}" style="display: inline;">
                                                                    <input type="hidden" name="_method" value="DELETE">
                                                                    <input type="hidden" name="_token" value="{{ csrf_token('delete' ~ decode.DECClass ~ decode.DECKey ~ decode.DECMacchinaId) }}">
                                                                    <button type="submit" class="btn btn-danger">Elimina</button>
                                                                </form>
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                            </td>
                                        </tr>
                                    {% endfor %}
                                </tbody>
                            </table>
                        </div>
                    {% else %}
                        <div class="alert alert-info">
                            <i class="fas fa-info-circle"></i>
                            Nessun decode ACQPRESET trovato. <a href="{{ path('decode_new') }}">Creane uno nuovo</a>.
                        </div>
                    {% endif %}
                </div>
            </div>
        </div>
    </div>
</div>
{% endblock %}