{% extends "base.html" %}
{% block title %}{{ file.path.split('/')[-1] }} - Filenthropist{% endblock %}
{% block content %}
<h1>{{ file.path.split('/')[-1] }}</h1>
<p style="color: #666; margin-bottom: 1.5rem;">{{ file.path }}</p>

<div class="cards">
    <div class="card">
        <h3>Toegangsniveau</h3>
        <div style="margin-top: 0.5rem;"><span class="label label-{{ file.access_level }}">{{ file.access_level }}</span></div>
    </div>
    <div class="card">
        <h3>Bewaartermijn</h3>
        <div style="margin-top: 0.5rem;"><span class="label label-{{ file.retention_status }}">{{ file.retention_status }}</span></div>
    </div>
    <div class="card">
        <h3>Documenttype</h3>
        <div class="number" style="font-size: 1.2rem;">{{ file.document_type }}</div>
        <div style="font-size: 0.8rem; color: #666;">{{ file.classification_method }} ({{ "%.0f"|format(file.classification_confidence * 100) }}%)</div>
    </div>
    <div class="card">
        <h3>Beoordeling</h3>
        <div style="margin-top: 0.5rem;"><span class="label label-{{ file.user_decision }}">{{ file.user_decision }}</span></div>
    </div>
</div>

{% if advisory %}
<div class="card advisory advisory-{{ advisory.severity }}">
    <h3>Aanbeveling</h3>
    <p>{{ advisory.message }}</p>
    {% if advisory.legal_basis %}
    <p class="legal">Grondslag: {{ advisory.legal_basis }}</p>
    {% endif %}
</div>
{% endif %}

<div class="card">
    <h3>Metadata</h3>
    <table>
        <tr><td><strong>Grootte</strong></td><td>{{ file.size }} bytes</td></tr>
        <tr><td><strong>Aangemaakt</strong></td><td>{{ file.created_at }}</td></tr>
        <tr><td><strong>Gewijzigd</strong></td><td>{{ file.modified_at }}</td></tr>
        <tr><td><strong>Gescand</strong></td><td>{{ file.scanned_at }}</td></tr>
        <tr><td><strong>Hash</strong></td><td><code>{{ file.hash[:16] }}...</code></td></tr>
        <tr><td><strong>Extractie</strong></td><td>{{ file.extraction_method }}{% if file.ocr_confidence %} (OCR-betrouwbaarheid: {{ "%.0f"|format(file.ocr_confidence * 100) }}%){% endif %}</td></tr>
    </table>
</div>

{% if file.pii_detected %}
<div class="card">
    <h3>PII gedetecteerd</h3>
    <div style="margin-top: 0.5rem;">
        {% for pii_type in file.pii_types %}
        <span class="label label-pii_restricted" style="margin-right: 0.3rem;">{{ pii_type }}</span>
        {% endfor %}
    </div>
</div>
{% endif %}

{# A3.4 — Redacted preview with styled badges #}
{% if redacted_preview %}
<div class="card">
    <h3>Tekstvoorbeeld (geanonimiseerd)</h3>
    <div class="redacted-preview">{{ redacted_preview | e | replace('[NAAM]', '<span class="redaction-badge redaction-badge-naam">[NAAM]</span>') | replace('[PERSOON]', '<span class="redaction-badge redaction-badge-persoon">[PERSOON]</span>') | replace('[BSN]', '<span class="redaction-badge redaction-badge-bsn">[BSN]</span>') | replace('[DATUM]', '<span class="redaction-badge redaction-badge-datum">[DATUM]</span>') | replace('[GEBOORTEDATUM]', '<span class="redaction-badge redaction-badge-geboortedatum">[GEBOORTEDATUM]</span>') | replace('[ADRES]', '<span class="redaction-badge redaction-badge-adres">[ADRES]</span>') | replace('[LOCATIE]', '<span class="redaction-badge redaction-badge-locatie">[LOCATIE]</span>') | replace('[IBAN]', '<span class="redaction-badge redaction-badge-iban">[IBAN]</span>') | replace('[REKENINGNUMMER]', '<span class="redaction-badge redaction-badge-rekeningnummer">[REKENINGNUMMER]</span>') | replace('[EMAIL]', '<span class="redaction-badge redaction-badge-email">[EMAIL]</span>') | replace('[TELEFOON]', '<span class="redaction-badge redaction-badge-telefoon">[TELEFOON]</span>') | replace('[TELEFOONNUMMER]', '<span class="redaction-badge redaction-badge-telefoonnummer">[TELEFOONNUMMER]</span>') | replace('[BEDRIJF]', '<span class="redaction-badge redaction-badge-bedrijf">[BEDRIJF]</span>') | replace('[ORGANISATIE]', '<span class="redaction-badge redaction-badge-organisatie">[ORGANISATIE]</span>') | safe }}</div>
</div>
{% elif file.text_preview %}
<div class="card">
    <h3>Tekstvoorbeeld</h3>
    <pre style="white-space: pre-wrap; font-size: 0.85rem; color: #555; margin-top: 0.5rem;">{{ file.text_preview }}</pre>
</div>
{% endif %}

{# A3.3 — Action form for user decisions #}
<div class="card">
    <h3>Beoordeling</h3>
    <form action="/files/{{ file.id }}/decide" method="POST" class="action-form">
        <label for="decision">Beslissing</label>
        <select name="decision" id="decision">
            <option value="pending" {% if file.user_decision == 'pending' %}selected{% endif %}>Nog niet beoordeeld</option>
            <option value="approved" {% if file.user_decision == 'approved' %}selected{% endif %}>Goedgekeurd — mag bewaard blijven</option>
            <option value="flagged_for_deletion" {% if file.user_decision == 'flagged_for_deletion' %}selected{% endif %}>Markeren voor verwijdering</option>
        </select>
        <label for="notes" style="margin-top: 0.75rem;">Notities (optioneel)</label>
        <textarea name="notes" id="notes" placeholder="Notities...">{{ file.user_notes or '' }}</textarea>
        <button type="submit">Opslaan</button>
    </form>
</div>

{% if file.user_notes and file.decision_at %}
<div class="card">
    <h3>Laatste beoordeling</h3>
    <p style="color: #666; font-size: 0.85rem;">Beoordeeld op: {{ file.decision_at }}</p>
    <p style="margin-top: 0.5rem;">{{ file.user_notes }}</p>
</div>
{% endif %}
{% endblock %}