{% extends "base.html" %}
{% block title %}{{ doc.title or doc.filename }}{% endblock %}

{% block content %}
<nav class="breadcrumb">
    <a href="/hseq-dashboard/">Home</a>
    {% if doc.category %}<span class="bc-sep">/</span><a href="/hseq-dashboard/?category={{ doc.category | urlencode }}">{{ doc.category }}</a>{% endif %}
    <span class="bc-sep">/</span><span class="bc-current">{{ doc.title or doc.filename }}</span>
</nav>

<article class="doc-detail">
    <h1 class="doc-detail-title">{{ doc.title or doc.filename }}</h1>

    <div class="meta-grid">
        {% if doc.author %}<div class="meta-item"><span class="meta-label">Auteur</span><span class="meta-value">{{ doc.author }}</span></div>{% endif %}
        {% if doc.pages %}<div class="meta-item"><span class="meta-label">Pagina's</span><span class="meta-value">{{ doc.pages }}</span></div>{% endif %}
        {% if doc.file_size %}<div class="meta-item"><span class="meta-label">Grootte</span><span class="meta-value">{{ doc.file_size }}</span></div>{% endif %}
        {% if doc.created_date %}<div class="meta-item"><span class="meta-label">Datum</span><span class="meta-value">{{ doc.created_date }}</span></div>{% endif %}
        {% if doc.indexed_date %}<div class="meta-item"><span class="meta-label">Geïndexeerd</span><span class="meta-value">{{ doc.indexed_date }}</span></div>{% endif %}
        {% if doc.category %}<div class="meta-item"><span class="meta-label">Categorie</span><span class="meta-value">{{ doc.category }}</span></div>{% endif %}
    </div>

    {% if chunks %}
    <div class="doc-sections">
        {% for chunk in chunks %}
        <div class="section-block">
            {% if chunk.title %}<h2 class="section-title">{{ chunk.title }}</h2>{% endif %}
            <div class="section-content">{{ chunk.content|safe }}</div>
        </div>
        {% endfor %}
    </div>
    {% elif doc.full_text %}
    <div class="doc-content">{{ doc.full_text[:5000] }}{% if doc.full_text|length > 5000 %}…{% endif %}</div>
    {% endif %}
</article>

<div class="doc-actions">
    {% if doc.title %}
    <form action="/hseq-dashboard/search" method="get" class="action-form">
        <input type="hidden" name="q" value="{{ doc.title }}">
        <button type="submit" class="btn btn-outline">Zoek gerelateerd</button>
    </form>
    {% endif %}
    <a href="/hseq-dashboard/" class="btn btn-secondary">← Terug naar overzicht</a>
</div>
{% endblock %}