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

{% block content %}
<div class="page-header">
    <h2><i class="fas fa-bone"></i> {{ _('Individui') }}</h2>
    <div>
        <div class="btn-group me-1">
            <a href="{{ url_for('export_individui_excel') }}{% if sito_filter %}?sito={{ sito_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_individui_csv') }}{% if sito_filter %}?sito={{ sito_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_individui_pdf') }}{% if sito_filter %}?sito={{ sito_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('individui_create') }}" class="btn btn-primary">
            <i class="fas fa-plus"></i> {{ _('New Individuo') }}
        </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, area, us, sigla struttura, sesso, classi eta, schedatore...') }}" 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 individui_list %}
<div class="table-responsive">
    <table class="table table-striped table-hover table-sm">
        <thead>
            <tr>
                <th>ID</th>
                <th>{{ _('Site') }}</th>
                <th>{{ _('US') }}</th>
                <th>{{ _('N. Individuo') }}</th>
                <th>{{ _('Sesso') }}</th>
                <th>{{ _('Classi Eta') }}</th>
                <th>{{ _('Actions') }}</th>
            </tr>
        </thead>
        <tbody>
            {% for individui in individui_list %}
            <tr>
                <td>{{ individui.id_scheda_ind }}</td>
                <td>{{ individui.sito or '-' }}</td>
                <td>{{ individui.us or '-' }}</td>
                <td>{{ individui.nr_individuo if individui.nr_individuo is not none else '-' }}</td>
                <td>{{ individui.sesso or '-' }}</td>
                <td>{{ individui.classi_eta or '-' }}</td>
                <td>
                    <div class="btn-group btn-group-sm">
                        <a href="{{ url_for('individui_edit', individui_id=individui.id_scheda_ind) }}" class="btn btn-primary" title="{{ _('Edit') }}">
                            <i class="fas fa-edit"></i>
                        </a>
                        <form method="POST" action="{{ url_for('individui_delete', individui_id=individui.id_scheda_ind) }}" style="display:inline;"
                              onsubmit="return confirm('{{ _('Delete this Individuo 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('individui_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('individui_list', page=page+1, search=search, sito=sito_filter) }}">{{ _('Next') }}</a>
            </li>
        </ul>
    </nav>
    {% endif %}
</div>

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