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