{% extends 'body_base.html' %}

{% block title %}Minne - Account{% endblock %}

{% block main %}
<main class="container flex-grow flex flex-col mx-auto mt-4 space-y-6">
  <h1 class="text-2xl font-bold mb-2">Admin Dashboard</h1>

  <div class="stats stats-vertical lg:stats-horizontal shadow">
    <div class="stat">
      <div class="stat-title font-bold">Page loads</div>
      <div class="stat-value text-secondary">{{analytics.page_loads}}</div>
      <div class="stat-desc">Amount of page loads</div>
    </div>

    <div class="stat">
      <div class="stat-title font-bold">Unique visitors</div>
      <div class="stat-value text-primary">{{analytics.visitors}}</div>
      <div class="stat-desc">Amount of unique visitors</div>
    </div>

    <div class="stat">
      <div class="stat-title font-bold">Users</div>
      <div class="stat-value text-accent">{{users}}</div>
      <div class="stat-desc">Amount of registered users</div>
    </div>
  </div>

  <!-- Settings in Fieldset -->
  <div class="grid grid-cols-1 sm:grid-cols-2 gap-6">
    {% block system_prompt_section %}
    <div id="system_prompt_section">
      <fieldset class="fieldset p-4 shadow rounded-box">
        <legend class="fieldset-legend">System Prompts</legend>
        <div class="flex gap-2 flex-col sm:flex-row">
          <button type="button" class="btn btn-primary btn-sm" hx-get="/edit-query-prompt" hx-target="#modal"
            hx-swap="innerHTML">
            Edit Query Prompt
          </button>
          <button type="button" class="btn btn-primary btn-sm" hx-get="/edit-ingestion-prompt" hx-target="#modal"
            hx-swap="innerHTML">
            Edit Ingestion Prompt
          </button>
        </div>
      </fieldset>
    </div>
    {% endblock %}

    <fieldset class="fieldset p-4 shadow rounded-box">
      <legend class="fieldset-legend">AI Models</legend>
      {% block model_settings_form %}
      <form hx-patch="/update-model-settings" hx-swap="outerHTML">
        <div class="form-control mb-4">
          <label class="label">
            <span class="label-text">Query Model</span>
          </label>
          <select name="query_model" class="select select-bordered w-full">
            <option value="gpt-4o-mini" {% if settings.query_model=="gpt-4o-mini" %}selected{% endif %}>GPT-4o Mini
            </option>
            <option value="gpt-4.1" {% if settings.query_model=="gpt-4.1" %}selected{% endif %}>GPT-4.1</option>
            <option value="gpt-4.1-mini" {% if settings.query_model=="gpt-4.1-mini" %}selected{% endif %}>GPT-4.1-mini
            </option>
          </select>
          <p class="text-xs text-gray-500 mt-1">Model used for answering user queries</p>
        </div>

        <div class="form-control my-4">
          <label class="label">
            <span class="label-text">Processing Model</span>
          </label>
          <select name="processing_model" class="select select-bordered w-full">
            <option value="gpt-4o-mini" {% if settings.query_model=="gpt-4o-mini" %}selected{% endif %}>GPT-4o Mini
            </option>
            <option value="gpt-4.1" {% if settings.query_model=="gpt-4.1" %}selected{% endif %}>GPT-4.1</option>
            <option value="gpt-4.1-mini" {% if settings.query_model=="gpt-4.1-mini" %}selected{% endif %}>GPT-4.1-mini
            </option>
          </select>
          <p class="text-xs text-gray-500 mt-1">Model used for content processing and ingestion</p>
        </div>

        <button type="submit" class="btn btn-primary btn-sm">Save Model Settings</button>
      </form>
      {% endblock %}
    </fieldset>

    <fieldset class="fieldset p-4 shadow rounded-box">
      <legend class="fieldset-legend">Registration</legend>
      <label class="flex gap-4 text-center">
        {% block registration_status_input %}
        <form hx-patch="/toggle-registrations" hx-swap="outerHTML" hx-trigger="change">
          <input name="registration_open" type="checkbox" class="checkbox" {% if settings.registrations_enabled
            %}checked{% endif %} />
        </form>
        {% endblock %}
        Enable Registrations
      </label>
      <div id="registration-status" class="text-sm mt-2"></div>
    </fieldset>

  </div>
</main>
{% endblock %}