{% extends "base.html" %}
{% block title %}Ask the Hermit{% endblock %}
{% block content %}
<h1>Ask the Hermit</h1>
<p class="small">About <a href="{{ ask_page }}"><code>{{ ask_page }}</code></a>{% if ai.available %} &middot; {{ ai.provider }}, {{ model_label(answer.model if answer else (tried or ai[ai.tier])) }}{% endif %}</p>

{% if not ai.available %}
<p class="errors">No AI CLI available: {{ ai.reason }}. See <a href="/settings#enrichment">Settings → AI</a>.</p>
{% endif %}
{% if error %}<p class="errors">{{ error }}</p>{% endif %}

{% if answer %}
<section class="ask-answer">
  <p class="question"><strong>{{ answer.question }}</strong></p>
  <p class="small ask-scope">{% if answer.scope == 'index' %}Answered from the CRM index{% elif answer.scope == 'page' %}Answered from this page{% else %}Searched the whole CRM{% endif %} &middot; {{ answer.model_label }} &middot; {{ answer.seconds_label }}</p>
  <div class="helpdoc">{{ render_markdown(answer.text) | safe }}</div>
  {% if answer.sources %}<p class="small">Sources: {% for s in answer.sources %}<code>{{ s }}</code>{% if not loop.last %}, {% endif %}{% endfor %}</p>{% endif %}
  <div class="ask-retry">
    {% if answer.tier != 'strong' and ai.strong and ai.strong != answer.model %}
    <form method="post" action="/ask" class="inline">
      <input type="hidden" name="csrf_token" value="{{ csrf_token }}">
      <input type="hidden" name="page" value="{{ ask_page }}">
      <input type="hidden" name="question" value="{{ answer.question }}">
      <input type="hidden" name="scope" value="{{ 'deep' if answer.scope == 'crm' else 'auto' }}">
      <input type="hidden" name="tier" value="strong">
      <button type="submit" data-busy="Retrying&hellip;">Retry with {{ model_label(ai.strong) }}</button>
    </form>
    {% endif %}
    {% if answer.scope != 'crm' %}
    <form method="post" action="/ask" class="inline">
      <input type="hidden" name="csrf_token" value="{{ csrf_token }}">
      <input type="hidden" name="page" value="{{ ask_page }}">
      <input type="hidden" name="question" value="{{ answer.question }}">
      <input type="hidden" name="scope" value="deep">
      <input type="hidden" name="tier" value="{{ answer.tier }}">
      <button type="submit" data-busy="Searching&hellip;">Search every file instead</button>
    </form>
    {% endif %}
    {#- Posted by askbook.js without leaving the page: this answer took minutes and is not on a URL. -#}
    {% if question_saved %}
    <span class="small ask-saved-mark">Saved &#10003;</span>
    {% else %}
    <form method="post" action="/ask/saved" class="inline" data-save-form>
      <input type="hidden" name="csrf_token" value="{{ csrf_token }}">
      <input type="hidden" name="page" value="{{ ask_page }}">
      <input type="hidden" name="question" value="{{ answer.question }}">
      <input type="hidden" name="scope" value="{{ 'crm' if answer.scope == 'crm' else 'auto' }}">
      <button type="submit">Save this question</button>
    </form>
    {% endif %}
  </div>
</section>
{% endif %}

<form method="post" action="/ask" class="record-form ask-form">
  <input type="hidden" name="csrf_token" value="{{ csrf_token }}">
  <input type="hidden" name="page" value="{{ ask_page }}">
  <label class="grow">{% if answer %}Ask another question{% else %}Question{% endif %}
    <textarea id="ask-question-page" name="question" rows="3" required data-ask-box aria-controls="ask-suggest-page">{% if error or prefill %}{{ question }}{% endif %}</textarea>
  </label>
  <ul id="ask-suggest-page" class="ask-suggest" role="listbox" aria-label="Saved and recent questions" data-ask-suggest hidden></ul>
  <label class="check"><input type="checkbox" name="scope" value="crm" data-ask-scope> Skip the page, search the whole CRM</label>
  <button type="submit" data-busy="Asking&hellip;">Ask</button>
  <button type="submit" formaction="/ask/saved" data-save-question title="Keep this question to ask again with one click">Save</button>
  <span class="small ask-save-status" role="status" data-save-status></span>
  {% if error and question and ai.strong %}
  <button type="submit" name="tier" value="strong">Ask with {{ model_label(ai.strong) }}</button>
  {% endif %}
</form>

<section id="saved" class="ask-saved-list">
  <h2>Saved questions</h2>
  {% if ask_saved_error %}<p class="errors">{{ ask_saved_error }} Hermit does not change the file until it can be read.</p>{% endif %}
  {% if not ask_saved %}
  <p class="small">None yet. Type a question above and press <strong>Save</strong>, or press <strong>Save this question</strong> under an answer. They are kept in <code>ask-questions.toml</code> and offered as you type, on every page.</p>
  {% else %}
  <ul>
    {% for s in ask_saved %}
    <li>
      <div class="saved-row">
        <span class="saved-text">{{ s.text }}</span>
        {% if s.scope == 'crm' %}<span class="tag">whole CRM</span>{% endif %}
        {% if ask_uses.get(s.id) %}<span class="small saved-uses">asked {{ ask_uses[s.id] }}&times;</span>{% endif %}
        <button type="button" class="starter" data-ask-saved data-starter="{{ s.text }}" data-target="ask-question-page" data-scope="{{ s.scope }}">Use</button>
        <form method="post" action="/ask/saved/{{ s.id }}/delete" class="inline">
          <input type="hidden" name="csrf_token" value="{{ csrf_token }}">
          <input type="hidden" name="page" value="{{ ask_page }}">
          <button type="submit">Delete</button>
        </form>
      </div>
      <details class="saved-edit">
        <summary class="small">Edit</summary>
        <form method="post" action="/ask/saved/{{ s.id }}/edit" class="record-form">
          <input type="hidden" name="csrf_token" value="{{ csrf_token }}">
          <input type="hidden" name="page" value="{{ ask_page }}">
          <textarea name="text" rows="2" required>{{ s.text }}</textarea>
          <label class="check"><input type="checkbox" name="scope" value="crm"{% if s.scope == 'crm' %} checked{% endif %}> Skip the page, search the whole CRM</label>
          <button type="submit">Save changes</button>
        </form>
      </details>
    </li>
    {% endfor %}
  </ul>
  {% endif %}
</section>
{% endblock %}