{% extends "base.html" %}
{% block title %}Document {{ doc_id }}{% endblock %}
{% block content %}
<div class="app-page-header">
  <h1><i class="fas fa-file-alt" aria-hidden="true"></i> Document</h1>
  <div class="app-page-header-actions">
    <a class="btn btn-secondary btn-sm" href="{{ url_for('organization_documents_page') }}"><i class="fas fa-arrow-left"></i> Documents</a>
  </div>
</div>
<div id="out" class="filters-section" style="padding:12px;"><div class="loading-state"><div class="spinner"></div><span>Loading…</span></div></div>
<script>
(async function(){
  const el = document.getElementById('out');
  const r = await fetch('/api/portal/organization/documents/{{ doc_id }}');
  const j = await r.json();
  if (!j.success || !j.document) { el.textContent = j.error||'Not found'; return; }
  const d = j.document;
  el.innerHTML = '<h3 style="margin-top:0;color:var(--color-primary);">'+(d.title||'').replace(/</g,'&lt;')+'</h3><pre class="muted" style="white-space:pre-wrap;max-height:70vh;overflow:auto">'+(d.body||'').replace(/</g,'&lt;')+'</pre>';
})();
</script>
{% endblock %}