{% extends "diario/base.html" %}
{% block title %}{{ doc.titolo }}{% endblock %}

{% block content %}
<div class="row justify-content-center">
<div class="col-lg-8 fade-in">

    <div class="d-flex align-items-center mb-4 gap-3">
        <a href="{% url 'documenti_lista' %}" class="btn btn-icon btn-outline-secondary">
            <i class="bi bi-arrow-left" style="font-size:.85rem;"></i>
        </a>
        <h5 class="mb-0 fw-bold flex-grow-1">{{ doc.titolo }}</h5>
        {% if can_edit %}
        <a href="{% url 'documento_elimina' doc.pk %}" class="btn btn-sm btn-outline-danger">
            <i class="bi bi-trash me-1"></i>Elimina
        </a>
        {% endif %}
    </div>

    <div class="card p-4 mb-4">
        <div class="d-flex align-items-center gap-3 mb-3">
            <div class="d-flex align-items-center justify-content-center rounded-3" style="width:52px;height:52px;background:#fef2f2;">
                <i class="bi bi-file-earmark-pdf" style="font-size:1.6rem;color:#ef4444;"></i>
            </div>
            <div>
                <div class="fw-semibold">{{ doc.filename }}</div>
                <small class="text-muted">Caricato il {{ doc.data_caricamento|date:"d/m/Y \a\l\l\e H:i" }}</small>
            </div>
        </div>

        <a href="{{ doc.file.url }}" target="_blank" class="btn btn-primary mb-3" hx-boost="false">
            <i class="bi bi-download me-2"></i>Scarica PDF
        </a>

        {% if doc.descrizione %}
        <hr class="soft my-3">
        <p class="mb-0" style="white-space:pre-wrap;line-height:1.7;">{{ doc.descrizione }}</p>
        {% endif %}

        <hr class="soft my-3">
        <div class="row g-3">
            <div class="col-sm-4">
                <small class="text-muted d-block mb-1">Caricato da</small>
                <div class="d-flex align-items-center gap-2">
                    <span class="avatar" style="width:22px;height:22px;font-size:.58rem;">{{ doc.caricato_da.username|slice:":2"|upper }}</span>
                    <span class="small">{{ doc.caricato_da.get_full_name|default:doc.caricato_da.username }}</span>
                </div>
            </div>
            {% if doc.conversazione %}
            <div class="col-sm-4">
                <small class="text-muted d-block mb-1">Conversazione</small>
                <a href="{% url 'conversazione_dettaglio' doc.conversazione.pk %}" class="small text-decoration-none" style="color:var(--accent);">
                    {{ doc.conversazione.titolo }}
                </a>
            </div>
            {% endif %}
            {% if doc.obiettivo %}
            <div class="col-sm-4">
                <small class="text-muted d-block mb-1">Obiettivo</small>
                <a href="{% url 'obiettivo_dettaglio' doc.obiettivo.pk %}" class="small text-decoration-none" style="color:var(--accent);">
                    {{ doc.obiettivo.titolo }}
                </a>
            </div>
            {% endif %}
        </div>
    </div>

</div>
</div>
{% endblock %}