{% extends "base.html" %}
{% block title %}Voxint — settings{% endblock %}
{% block body %}
{% from "settings/_tab_strip.html" import settings_tabs with context %}
{{ settings_tabs("general") }}
<div class="settings">
<h1>Settings</h1>

{% if tutorial_done %}
<section class="tutorial-banner" role="note" aria-label="Tutorial complete">
  <h2>You finished the tutorial 🎉</h2>
  <p>You have completed one full run end to end: submit, attribute the voices,
     check the words, then export. When you are ready, submit your own audio or
     video and do the same with real speakers.</p>
  <div class="tutorial-actions">
    <a href="/runs">Submit your own media →</a>
  </div>
</section>
{% endif %}

<section id="setup" aria-labelledby="setup-heading">
<h2 id="setup-heading">First-run setup</h2>
<p class="muted">Onboarding is complete. You can walk through the setup wizard again
   at any time — it never resets your existing preferences unless you change them.</p>
<p><a href="/setup">Re-run the setup wizard →</a></p>
</section>

{% include "settings/_appearance.html" %}

<form method="post" action="/settings">
  <input type="hidden" name="csrf_token" value="{{ csrf_settings }}">
  <button type="submit" hidden aria-hidden="true" tabindex="-1"></button>
  {% include "settings/_features.html" %}
  <div class="switch-save">
    <button type="submit">Save settings</button>
  </div>
</form>

{% include "settings/_benchmark.html" %}
{% include "settings/_tutorial.html" %}
</div>
{# Preserve old fragment links. URL fragments never reach the server, so route
   them in the browser after the General page has loaded. #}
<script>
(function () {
  var tabs = {
    llm: "ai", translation: "ai", corrections: "ai", glossary: "ai",
    "semantic-search": "ai", folders: "media", sources: "media",
    "watch-folder": "media"
  };
  {% for section in plugin_settings_sections %}
  if (!tabs[{{ section.section_id | tojson }}]) {
    tabs[{{ section.section_id | tojson }}] = "plugins";
  }
  {% endfor %}
  var anchor = window.location.hash.slice(1);
  if (tabs[anchor]) {
    window.location.replace(
      "/settings/" + tabs[anchor] + window.location.search + window.location.hash
    );
  }
})();
</script>
{% endblock %}