{% extends "base.html" %}

{% block title %}{{ site.get('sito', 'Sito') }}{% endblock %}

{% block content %}
<div class="page-header">
    <h2><i class="fas fa-map-marked-alt"></i> {{ site.get('sito', 'Sito') }}</h2>
    <div>
        <a href="{{ url_for('export_site_pdf', site_id=site.get('id_sito')) }}" class="btn btn-secondary">
            <i class="fas fa-file-pdf"></i> {{ _('Export PDF') }}
        </a>
        <a href="{{ url_for('sites_list') }}" class="btn btn-outline-secondary">
            <i class="fas fa-arrow-left"></i> {{ _('Back') }}
        </a>
    </div>
</div>

<!-- Site Details -->
<div class="card mb-4">
    <div class="card-header">
        <h5><i class="fas fa-info-circle"></i> {{ _('Site Details') }}</h5>
    </div>
    <div class="card-body">
        <div class="row">
            <div class="col-md-6">
                <p><strong>{{ _('Country') }}:</strong> {{ site.get('nazione') or '-' }}</p>
                <p><strong>{{ _('Region') }}:</strong> {{ site.get('regione') or '-' }}</p>
                <p><strong>{{ _('Province') }}:</strong> {{ site.get('provincia') or '-' }}</p>
            </div>
            <div class="col-md-6">
                <p><strong>{{ _('Municipality') }}:</strong> {{ site.get('comune') or '-' }}</p>
                <p><strong>{{ _('Definition') }}:</strong> {{ site.get('definizione_sito') or '-' }}</p>
            </div>
        </div>
        {% if site.get('descrizione') %}
        <div class="mt-3">
            <p><strong>{{ _('Description') }}:</strong></p>
            <p>{{ site.get('descrizione') }}</p>
        </div>
        {% endif %}
    </div>
</div>

<!-- US List -->
<div class="card mb-4">
    <div class="card-header d-flex justify-content-between align-items-center">
        <h5><i class="fas fa-layer-group"></i> {{ _('Stratigraphic Units') }} ({{ us_list|length }})</h5>
        <a href="{{ url_for('create_us') }}?sito={{ site.get('sito') }}" class="btn btn-sm btn-primary">
            <i class="fas fa-plus"></i> {{ _('New US') }}
        </a>
    </div>
    <div class="card-body">
        {% if us_list %}
        <div class="table-responsive">
            <table class="table table-sm">
                <thead>
                    <tr>
                        <th>{{ _('US') }}</th>
                        <th>{{ _('Area') }}</th>
                        <th>{{ _('Description') }}</th>
                        <th>{{ _('Excavation Year') }}</th>
                    </tr>
                </thead>
                <tbody>
                    {% for us in us_list[:10] %}
                    <tr>
                        <td><strong>{{ us.get('us') }}</strong></td>
                        <td>{{ us.get('area') or '-' }}</td>
                        <td>{{ us.get('d_stratigrafica') or '-' }}</td>
                        <td>{{ us.get('anno_scavo') or '-' }}</td>
                    </tr>
                    {% endfor %}
                </tbody>
            </table>
            {% if us_list|length > 10 %}
            <p class="text-muted">{{ _('Showing 10 of %(total)s US.', total=us_list|length) }} <a href="{{ url_for('us_list') }}?sito={{ site.get('sito') }}">{{ _('View all') }}</a></p>
            {% endif %}
        </div>
        {% else %}
        <p class="text-muted">{{ _('No stratigraphic units recorded.') }}</p>
        {% endif %}
    </div>
</div>

<!-- Inventory List -->
<div class="card mb-4">
    <div class="card-header d-flex justify-content-between align-items-center">
        <h5><i class="fas fa-archive"></i> {{ _('Material Inventory') }} ({{ inventory_list|length }})</h5>
        <a href="{{ url_for('create_inventario') }}?sito={{ site.get('sito') }}" class="btn btn-sm btn-primary">
            <i class="fas fa-plus"></i> {{ _('New Artifact') }}
        </a>
    </div>
    <div class="card-body">
        {% if inventory_list %}
        <div class="table-responsive">
            <table class="table table-sm">
                <thead>
                    <tr>
                        <th>{{ _('Inv. No.') }}</th>
                        <th>{{ _('Type') }}</th>
                        <th>{{ _('Definition') }}</th>
                        <th>{{ _('US') }}</th>
                    </tr>
                </thead>
                <tbody>
                    {% for item in inventory_list[:10] %}
                    <tr>
                        <td><strong>{{ item.get('numero_inventario') }}</strong></td>
                        <td>{{ item.get('tipo_reperto') or '-' }}</td>
                        <td>{{ item.get('definizione') or '-' }}</td>
                        <td>{{ item.get('us') or '-' }}</td>
                    </tr>
                    {% endfor %}
                </tbody>
            </table>
            {% if inventory_list|length > 10 %}
            <p class="text-muted">{{ _('Showing 10 of %(total)s artifacts.', total=inventory_list|length) }} <a href="{{ url_for('inventario_list') }}?sito={{ site.get('sito') }}">{{ _('View all') }}</a></p>
            {% endif %}
        </div>
        {% else %}
        <p class="text-muted">{{ _('No artifacts recorded.') }}</p>
        {% endif %}
    </div>
</div>

<!-- Harris Matrix Link -->
<div class="card">
    <div class="card-body text-center">
        <a href="{{ url_for('harris_matrix', site_name=site.get('sito')) }}" class="btn btn-lg btn-success">
            <i class="fas fa-project-diagram"></i> {{ _('View Harris Matrix') }}
        </a>
    </div>
</div>
{% endblock %}