{% extends "base.html" %}
{% block title %}{{ _('TMA - Materiali Archeologici') }}{% endblock %}

{% block content %}
<div class="page-header">
    <h2><i class="fas fa-boxes"></i> {{ _('TMA - Tabella Materiali Archeologici') }}</h2>
    <div>
        <a href="{{ url_for('tma_create') }}" class="btn btn-primary">
            <i class="fas fa-plus"></i> {{ _('New TMA') }}
        </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 site, box, inventory, material...') }}" value="{{ search or '' }}">
        </div>
        <div class="col-md-3">
            <select name="sito" class="form-select">
                <option value="">{{ _('All sites') }}</option>
                {% for s in sites %}
                <option value="{{ s }}" {% if s == sito_filter %}selected{% endif %}>{{ s }}</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 tma_list %}
<div class="table-responsive">
    <table class="table table-striped table-hover table-sm">
        <thead>
            <tr>
                <th>ID</th>
                <th>{{ _('Site') }}</th>
                <th>{{ _('Box (Cassetta)') }}</th>
                <th>{{ _('Area') }}</th>
                <th>US</th>
                <th>{{ _('Inventory') }}</th>
                <th>{{ _('Material (OGTM)') }}</th>
                <th>{{ _('Chronology') }}</th>
                <th>{{ _('Actions') }}</th>
            </tr>
        </thead>
        <tbody>
            {% for tma in tma_list %}
            <tr>
                <td>{{ tma.id }}</td>
                <td>{{ tma.sito or '-' }}</td>
                <td><strong>{{ tma.cassetta or '-' }}</strong></td>
                <td>{{ tma.area or '-' }}</td>
                <td>{{ tma.dscu or '-' }}</td>
                <td>{{ tma.inventario or '-' }}</td>
                <td>{{ tma.ogtm or '-' }}</td>
                <td>{{ tma.dtzg or '-' }}</td>
                <td>
                    <div class="btn-group btn-group-sm">
                        <a href="{{ url_for('tma_edit', tma_id=tma.id) }}" class="btn btn-primary" title="{{ _('Edit') }}">
                            <i class="fas fa-edit"></i>
                        </a>
                        <a href="{{ url_for('tma_label', tma_id=tma.id) }}" class="btn btn-success" title="{{ _('Print Label') }}">
                            <i class="fas fa-qrcode"></i>
                        </a>
                        <form method="POST" action="{{ url_for('tma_delete', tma_id=tma.id) }}" style="display:inline;"
                              onsubmit="return confirm('{{ _('Delete this TMA 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('tma_list', page=page-1, search=search, sito=sito_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('tma_list', page=page+1, search=search, sito=sito_filter) }}">{{ _('Next') }}</a>
            </li>
        </ul>
    </nav>
    {% endif %}
</div>

<!-- Bulk label print -->
<div class="card mt-3">
    <div class="card-body">
        <h5><i class="fas fa-print"></i> {{ _('Bulk label print') }}</h5>
        <p class="text-muted small">{{ _('Print labels for ALL TMA records matching current filters.') }}</p>
        <a href="{{ url_for('tma_labels_bulk', search=search, sito=sito_filter) }}" class="btn btn-success">
            <i class="fas fa-file-pdf"></i> {{ _('Generate PDF labels (all filtered)') }}
        </a>
    </div>
</div>

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