{% extends "base.html" %}
{% block title %}Documents — Organization{% endblock %}
{% block content %}
<div class="app-page-header">
  <h1><i class="fas fa-book" aria-hidden="true"></i> Documents</h1>
  <div class="app-page-header-actions">
    <a class="btn btn-primary btn-sm" href="{{ url_for('organization_document_new_page') }}"><i class="fas fa-plus"></i> New document</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');
  const j = await r.json();
  if (!j.success) { el.textContent = j.error||'Failed'; return; }
  const rows = (j.documents||[]).map(d => '<tr><td>'+d.id+'</td><td><a href="/organization/documents/'+d.id+'">'+(d.title||'').replace(/</g,'&lt;')+'</a></td></tr>').join('');
  el.innerHTML = '<div class="table-container"><table class="client-table-simple"><thead><tr><th>ID</th><th>Title</th></tr></thead><tbody>'+(rows||'<tr><td colspan="2">None</td></tr>')+'</tbody></table></div>';
})();
</script>
{% endblock %}