{% extends "base.html" %}

{% block title %}{{ _('Dating Periods') }}{% endblock %}

{% block content %}
<div class="container mt-4">
    <div class="d-flex justify-content-between align-items-center mb-4">
        <h2>{{ _('Dating Periods') }}</h2>
        <div>
            <a href="{{ url_for('periodizzazione_create') }}" class="btn btn-primary">
                <i class="fas fa-plus"></i> {{ _('Add Dating') }}
            </a>
        </div>
    </div>

    <!-- Datazioni Table -->
    {% if datazioni and datazioni|length > 0 %}
    <div class="table-responsive">
        <table class="table table-striped table-hover">
            <thead>
                <tr>
                    <th>{{ _('ID') }}</th>
                    <th>{{ _('Name') }}</th>
                    <th>{{ _('Description') }}</th>
                    <th>{{ _('Actions') }}</th>
                </tr>
            </thead>
            <tbody>
                {% for datazione in datazioni %}
                <tr>
                    <td>{{ datazione.id_datazione }}</td>
                    <td><strong>{{ datazione.nome_datazione }}</strong></td>
                    <td>{{ datazione.descrizione or '-' }}</td>
                    <td>
                        <a href="{{ url_for('periodizzazione_edit', datazione_id=datazione.id_datazione) }}" class="btn btn-sm btn-outline-primary">
                            <i class="fas fa-edit"></i> {{ _('Edit') }}
                        </a>
                        <form method="POST" action="{{ url_for('periodizzazione_delete', datazione_id=datazione.id_datazione) }}" style="display:inline;"
                              onsubmit="return confirm('{{ _('Are you sure you want to delete this dating?') }}');">
                            <button type="submit" class="btn btn-sm btn-outline-danger">
                                <i class="fas fa-trash"></i> {{ _('Delete') }}
                            </button>
                        </form>
                    </td>
                </tr>
                {% endfor %}
            </tbody>
        </table>
    </div>

    <!-- Total Count -->
    <div class="mt-3">
        <p class="text-muted">{{ _('Total dating periods') }}: {{ total }}</p>
    </div>
    {% else %}
    <div class="alert alert-info">
        {{ _('No dating periods found.') }}
        <a href="{{ url_for('periodizzazione_create') }}">{{ _('Create the first one') }}</a>.
    </div>
    {% endif %}
</div>
{% endblock %}