{% extends "base.html" %}
{% block title %}Dashboard - Filenthropist{% endblock %}
{% block content %}

{% if stats.total_files == 0 %}
{# A3.5 — Onboarding empty state #}
<div class="card empty-state">
    <h2>Welkom bij Filenthropist</h2>
    <p>Er zijn nog geen bestanden gescand. Start een scan via de terminal:</p>
    <code>filenthropist scan ~/Documents</code>
    <p style="margin-top: 1.5rem;">Na de scan verschijnen hier de resultaten.</p>
</div>

{% else %}

<h1>Dashboard</h1>

{# A3.1 — Alert banner for overdue files #}
{% if overdue_count > 0 %}
<div class="alert alert-warning">
    <strong>{{ overdue_count }} {{ "bestand heeft" if overdue_count == 1 else "bestanden hebben" }} een verlopen bewaartermijn.</strong>
    <a href="/files?retention_status=overdue">Bekijk bestanden &rarr;</a>
</div>
{% endif %}

{# A3.1 — Last scan info #}
{% if last_scan %}
<div class="last-scan">
    Laatst gescand: {{ last_scan }} &middot; {{ stats.total_files }} bestanden
</div>
{% endif %}

{# B6.2 — Governance score card #}
{% if governance and governance.score is defined %}
<div class="cards">
    <div class="card" style="flex: 1; text-align: center; border-left: 6px solid {% if governance.score >= 80 %}#2e7d32{% elif governance.score >= 50 %}#f9a825{% else %}#c62828{% endif %};">
        <h3>Governance Score</h3>
        <div class="number" style="font-size: 3rem; color: {% if governance.score >= 80 %}#2e7d32{% elif governance.score >= 50 %}#f9a825{% else %}#c62828{% endif %};">
            {{ governance.score }}<span style="font-size: 1.2rem; color: #666;">/100</span>
        </div>
        <div style="margin-top: 0.5rem; color: {% if governance.score >= 80 %}#2e7d32{% elif governance.score >= 50 %}#f9a825{% else %}#c62828{% endif %}; font-weight: bold;">
            {{ governance.label }}
        </div>
        <div style="margin-top: 1rem; text-align: left; font-size: 0.85rem;">
            {% for key, comp in governance.componenten.items() %}
            <div style="margin-top: 0.3rem;">
                <span style="display: inline-block; width: 55%;">{{ comp.detail }}</span>
                <span style="display: inline-block; width: 20%; text-align: right;">{{ comp.score }}%</span>
                <span style="display: inline-block; width: 20%; text-align: right; color: #999;">({{ comp.gewicht }}%)</span>
            </div>
            {% endfor %}
        </div>
    </div>
</div>
{% endif %}

{# A3.1 — Clickable stat cards #}
<div class="cards">
    <a href="/files" class="card-link">
        <div class="card">
            <h3>Totaal bestanden</h3>
            <div class="number">{{ stats.total_files }}</div>
        </div>
    </a>
    <a href="/files?search=&sort=path&order=asc" class="card-link">
        <div class="card">
            <h3>PII gedetecteerd</h3>
            <div class="number">{{ stats.pii_detected_count }}</div>
        </div>
    </a>
    <a href="/files?retention_status=overdue" class="card-link">
        <div class="card">
            <h3>Verlopen bewaartermijn</h3>
            <div class="number">{{ stats.by_retention.overdue | default(0) }}</div>
        </div>
    </a>
    <a href="/files?document_type=&access_level=&retention_status=" class="card-link">
        <div class="card">
            <h3>Wachtend op beoordeling</h3>
            <div class="number">{{ stats.by_decision.pending | default(0) }}</div>
        </div>
    </a>
</div>

<div class="cards">
    <div class="card">
        <h3>Per toegangsniveau</h3>
        {% for level, count in stats.by_access_level.items() %}
        <div style="margin-top: 0.5rem;">
            <a href="/files?access_level={{ level }}" class="file-link">
                <span class="label label-{{ level }}">{{ level }}</span>
                <strong>{{ count }}</strong>
            </a>
        </div>
        {% endfor %}
    </div>
    <div class="card">
        <h3>Per documenttype</h3>
        {% for dtype, count in stats.by_document_type.items() %}
        <div style="margin-top: 0.5rem;">
            <a href="/files?document_type={{ dtype }}" class="file-link">
                {{ dtype }}: <strong>{{ count }}</strong>
            </a>
        </div>
        {% endfor %}
    </div>
    <div class="card">
        <h3>Per bewaartermijn</h3>
        {% for status, count in stats.by_retention.items() %}
        <div style="margin-top: 0.5rem;">
            <a href="/files?retention_status={{ status }}" class="file-link">
                <span class="label label-{{ status }}">{{ status }}</span>
                <strong>{{ count }}</strong>
            </a>
        </div>
        {% endfor %}
    </div>
</div>

{% endif %}
{% endblock %}