{% extends "base.html" %}
{% block title %}New document{% endblock %}
{% block content %}
<div class="app-page-header">
  <h1><i class="fas fa-file-alt" aria-hidden="true"></i> New document</h1>
  <div class="app-page-header-actions">
    <a class="btn btn-secondary btn-sm" href="{{ url_for('organization_documents_page') }}">Back</a>
  </div>
</div>
<form id="f" class="filters-section" style="max-width:640px;padding:14px;">
  <div class="form-group"><label>Title</label><input id="title" required style="width:100%"></div>
  <div class="form-group"><label>Body (markdown)</label><textarea id="body" rows="10" style="width:100%"></textarea></div>
  <button type="submit" class="btn btn-primary btn-sm">Create</button>
</form>
<pre id="msg" class="muted" style="margin-top:12px;"></pre>
<script>
document.getElementById('f').onsubmit = async function(ev){
  ev.preventDefault();
  const r = await fetch('/api/portal/organization/documents', {
    method: 'POST',
    headers: {'Content-Type':'application/json'},
    body: JSON.stringify({ title: document.getElementById('title').value, body: document.getElementById('body').value })
  });
  const j = await r.json();
  document.getElementById('msg').textContent = JSON.stringify(j, null, 2);
  if (j.success && j.document && j.document.id) location.href = '/organization/documents/' + j.document.id;
};
</script>
{% endblock %}