{% extends "base.html" %}
{% block title %}{{ _('UT') }}{% endblock %}

{% block content %}
<div class="page-header">
    <h2><i class="fas fa-vector-square"></i> {{ _('UT') }}</h2>
    <div>
        <div class="btn-group me-1">
            <a href="{{ url_for('export_ut_excel') }}{% if progetto_filter %}?progetto={{ progetto_filter }}{% endif %}" class="btn btn-outline-success" title="{{ _('Export Excel') }}">
                <i class="fas fa-file-excel"></i> {{ _('Export Excel') }}
            </a>
            <a href="{{ url_for('export_ut_csv') }}{% if progetto_filter %}?progetto={{ progetto_filter }}{% endif %}" class="btn btn-outline-secondary" title="{{ _('Export CSV') }}">
                <i class="fas fa-file-csv"></i> {{ _('Export CSV') }}
            </a>
            <a href="{{ url_for('export_ut_pdf') }}{% if progetto_filter %}?progetto={{ progetto_filter }}{% endif %}" class="btn btn-outline-danger" title="{{ _('Export PDF') }}">
                <i class="fas fa-file-pdf"></i> {{ _('Export PDF') }}
            </a>
        </div>
        <a href="{{ url_for('ut_create') }}" class="btn btn-primary">
            <i class="fas fa-plus"></i> {{ _('New UT') }}
        </a>
    </div>
</div>

<form method="GET" class="mb-3">
    <div class="row g-2">
        <div class="col-md-4">
            <input type="text" name="search" class="form-control"
                   placeholder="{{ _('Search by project, ut_letterale, def_ut, localita...') }}" value="{{ search or '' }}">
        </div>
        <div class="col-md-3">
            <select name="progetto" class="form-select">
                <option value="">{{ _('All projects') }}</option>
                {% for p in projects %}
                <option value="{{ p }}" {% if p == progetto_filter %}selected{% endif %}>{{ p }}</option>
                {% endfor %}
            </select>
        </div>
        <div class="col-md-2">
            <button type="submit" class="btn btn-outline-primary w-100">{{ _('Filter') }}</button>
        </div>
        <div class="col-md-3 text-end">
            <span class="badge bg-info fs-6">{{ total }} {{ _('records') }}</span>
        </div>
    </div>
</form>

{% if ut_list %}
<div class="table-responsive">
    <table class="table table-striped table-hover table-sm">
        <thead>
            <tr>
                <th>ID</th>
                <th>{{ _('Project') }}</th>
                <th>{{ _('Nr. UT') }}</th>
                <th>{{ _('UT Letterale') }}</th>
                <th>{{ _('Def. UT') }}</th>
                <th>{{ _('Localita') }}</th>
                <th>{{ _('Actions') }}</th>
            </tr>
        </thead>
        <tbody>
            {% for ut in ut_list %}
            <tr>
                <td>{{ ut.id_ut }}</td>
                <td>{{ ut.progetto or '-' }}</td>
                <td>{{ ut.nr_ut if ut.nr_ut is not none else '-' }}</td>
                <td>{{ ut.ut_letterale or '-' }}</td>
                <td>{{ ut.def_ut or '-' }}</td>
                <td>{{ ut.localita or '-' }}</td>
                <td>
                    <div class="btn-group btn-group-sm">
                        <a href="{{ url_for('ut_edit', ut_id=ut.id_ut) }}" class="btn btn-primary" title="{{ _('Edit') }}">
                            <i class="fas fa-edit"></i>
                        </a>
                        <form method="POST" action="{{ url_for('ut_delete', ut_id=ut.id_ut) }}" style="display:inline;"
                              onsubmit="return confirm('{{ _('Delete this UT record?') }}');">
                            <button type="submit" class="btn btn-danger" title="{{ _('Delete') }}">
                                <i class="fas fa-trash"></i>
                            </button>
                        </form>
                    </div>
                </td>
            </tr>
            {% endfor %}
        </tbody>
    </table>
</div>

<!-- Pagination -->
<div class="mt-3 d-flex justify-content-between align-items-center">
    <p class="text-muted mb-0">{{ _('Total') }}: {{ total }} — {{ _('Page') }} {{ page }}/{{ total_pages }}</p>
    {% if total_pages > 1 %}
    <nav>
        <ul class="pagination mb-0">
            <li class="page-item {% if page <= 1 %}disabled{% endif %}">
                <a class="page-link" href="{{ url_for('ut_list', page=page-1, search=search, progetto=progetto_filter) }}">{{ _('Previous') }}</a>
            </li>
            <li class="page-item active"><span class="page-link">{{ page }}</span></li>
            <li class="page-item {% if page >= total_pages %}disabled{% endif %}">
                <a class="page-link" href="{{ url_for('ut_list', page=page+1, search=search, progetto=progetto_filter) }}">{{ _('Next') }}</a>
            </li>
        </ul>
    </nav>
    {% endif %}
</div>

{% else %}
<div class="alert alert-info">
    <i class="fas fa-info-circle"></i> {{ _('No UT records found.') }}
    <a href="{{ url_for('ut_create') }}">{{ _('Create the first one') }}</a>
</div>
{% endif %}
{% endblock %}