{% extends "base.html" %}

{% block title %}abogen · Settings{% endblock %}

{% block content %}
<section class="card settings">
  <h1 class="card__title">Application Settings</h1>
  <p class="tag">Settings apply to new jobs you queue from the dashboard.</p>

  {% if saved %}
  <div class="alert alert--success">Settings saved successfully.</div>
  {% endif %}

  <form action="{{ url_for('web.settings_page') }}" method="post" class="settings__form">
    <fieldset class="settings__section">
  <legend>Output Defaults</legend>
      <div class="field">
  <label for="output_format">Audio Format</label>
        <select id="output_format" name="output_format">
          {% for fmt in options.output_formats %}
          <option value="{{ fmt }}" {% if settings.output_format == fmt %}selected{% endif %}>{{ fmt }}</option>
          {% endfor %}
        </select>
      </div>
      <div class="field">
  <label for="subtitle_format">Subtitle File Format</label>
        <select id="subtitle_format" name="subtitle_format">
          {% for value, text in options.subtitle_formats %}
          <option value="{{ value }}" {% if settings.subtitle_format == value %}selected{% endif %}>{{ text }}</option>
          {% endfor %}
        </select>
      </div>
      <div class="field">
  <label for="default_voice">Default Voice</label>
        <select id="default_voice" name="default_voice">
          {% for voice in options.voices %}
          <option value="{{ voice }}" {% if settings.default_voice == voice %}selected{% endif %}>{{ voice }}</option>
          {% endfor %}
        </select>
        <p class="hint">Used when “Standard voice” is selected on the dashboard.</p>
      </div>
      <div class="field">
  <label for="save_mode">Save Location</label>
        <select id="save_mode" name="save_mode">
          {% for location in save_locations %}
          <option value="{{ location.value }}" {% if settings.save_mode == location.value %}selected{% endif %}>{{ location.label }}</option>
          {% endfor %}
        </select>
        <p class="tag">Default output: <code>{{ default_output_dir }}</code></p>
      </div>
    </fieldset>

    <fieldset class="settings__section">
  <legend>Processing</legend>
      <div class="field field--choices">
        <label class="toggle-pill">
          <input type="checkbox" name="replace_single_newlines" value="true" {% if settings.replace_single_newlines %}checked{% endif %}>
          <span>Replace Single Newlines</span>
        </label>
        <label class="toggle-pill">
          <input type="checkbox" name="use_gpu" value="true" {% if settings.use_gpu %}checked{% endif %}>
          <span>Use GPU (When Available)</span>
        </label>
        <label class="toggle-pill">
          <input type="checkbox" name="save_chapters_separately" value="true" {% if settings.save_chapters_separately %}checked{% endif %}>
          <span>Save Each Chapter Separately</span>
        </label>
        <label class="toggle-pill">
          <input type="checkbox" name="merge_chapters_at_end" value="true" {% if settings.merge_chapters_at_end %}checked{% endif %}>
          <span>Also Create Merged Audiobook</span>
        </label>
        <label class="toggle-pill">
          <input type="checkbox" name="save_as_project" value="true" {% if settings.save_as_project %}checked{% endif %}>
          <span>Save as Project With Metadata</span>
        </label>
      </div>
      <div class="field">
  <label for="separate_chapters_format">Separate Chapter Format</label>
        <select id="separate_chapters_format" name="separate_chapters_format">
          {% for fmt in options.separate_formats %}
          <option value="{{ fmt }}" {% if settings.separate_chapters_format == fmt %}selected{% endif %}>{{ fmt|upper }}</option>
          {% endfor %}
        </select>
      </div>
      <div class="field">
  <label for="silence_between_chapters">Silence Between Chapters (Seconds)</label>
        <input type="number" step="0.5" min="0" id="silence_between_chapters" name="silence_between_chapters" value="{{ settings.silence_between_chapters }}">
      </div>
      <div class="field">
  <label for="max_subtitle_words">Max Words Per Subtitle Entry</label>
        <input type="number" min="1" max="200" id="max_subtitle_words" name="max_subtitle_words" value="{{ settings.max_subtitle_words }}">
      </div>
    </fieldset>

    <div class="settings__actions">
  <button type="submit" class="button">Save Settings</button>
    </div>
  </form>
</section>
{% endblock %}