{% extends "base.html" %}
{% block title %}Org AI — TechHand Remote Support{% endblock %}
{% block content %}
<div class="app-page-header">
  <h1><i class="fas fa-robot" aria-hidden="true"></i> Organization AI</h1>
</div>
<p class="muted" style="margin-bottom:12px;">Uses your TNT permissions. Modes: TNT (org context), Process guide (org docs), General (no org DB).</p>
<div class="filters-section" style="padding:14px;max-width:720px;">
<div class="form-group">
  <label>Mode</label>
  <select id="mode">
    <option value="tnt">TNT (organization context)</option>
    <option value="process_guide">Process guide</option>
    <option value="general">General</option>
  </select>
</div>
<div class="form-group">
  <textarea id="msg" rows="4" style="width:100%" placeholder="Ask a question…"></textarea>
</div>
<button type="button" class="btn btn-primary btn-sm" id="send">Send</button>
</div>
<div id="out" class="filters-section" style="margin-top:16px;min-height:120px;white-space:pre-wrap;padding:14px;"></div>
<script>
document.getElementById('send').onclick = async function(){
  const out = document.getElementById('out');
  out.textContent = 'Thinking…';
  const r = await fetch('/api/portal/organization/chat', {
    method: 'POST',
    headers: {'Content-Type':'application/json'},
    body: JSON.stringify({
      message: document.getElementById('msg').value,
      mode: document.getElementById('mode').value
    })
  });
  const j = await r.json();
  out.textContent = j.reply || j.error || JSON.stringify(j);
};
</script>
{% endblock %}