{% extends "base.html" %}
{% block title %}Mis notas — GhostAuth{% endblock %}
{% block content %}
<h2 class="section-title">Mis notas</h2>

<form id="add-note-form" class="rate-box">
  <div class="field">
    <label>Nueva nota</label>
    <textarea name="body" rows="3" placeholder="Escribe algo que quieras guardar..." required></textarea>
  </div>
  <button type="submit" class="btn">Guardar nota</button>
</form>

<div id="notes-list" class="comments-list">
  <p class="muted">Cargando notas...</p>
</div>

<h2 class="section-title">Token de API personal</h2>
<div class="rate-box">
  <p class="muted">
    Genera un token de larga duración para consultar tus notas desde fuera
    de esta aplicación (por ejemplo, con curl o con Burp Repeater), mandándolo
    como cabecera <code>Authorization: Bearer &lt;token&gt;</code> a
    <code>GET /api/notes</code>.
  </p>
  <button type="button" id="gen-api-token-btn" class="btn" style="margin-top:12px">Generar token de API</button>
  <pre id="api-token-box" class="token-box" style="display:none"></pre>
</div>

<p class="muted" style="margin-top:20px">
  ¿Quieres conectar GhostAuth con un servicio externo de confianza?
  Ve a <a href="{{ url_for('partner_page') }}">Integración de partner</a>.
</p>
{% endblock %}