{% extends "base.html" %}
{% block title %}Settings — AniWorld Downloader{% endblock %}
{% block content %}
<div class="settings-container">
  <h1>Settings</h1>

  {% if auth_enabled %}
  <div class="settings-section">
    <h2>User Management</h2>

    {% if not force_sso %}
    <h3 class="settings-subtitle">Add User</h3>
    <div class="add-user-row" style="margin-bottom:16px">
      <input type="text" id="newUsername" placeholder="Username">
      <input type="password" id="newPassword" placeholder="Password">
      <select id="newRole">
        <option value="user">User</option>
        <option value="admin">Admin</option>
      </select>
      <button onclick="addUser()">Add</button>
    </div>
    {% endif %}

    <table class="user-table" id="userTable">
      <thead>
        <tr>
          <th>ID</th>
          <th>Username</th>
          <th>Role</th>
          <th>Auth</th>
          <th>Created</th>
          <th>Actions</th>
        </tr>
      </thead>
      <tbody id="userTableBody"></tbody>
    </table>
  </div>
  {% endif %}

  <div class="settings-section">
    <h2>Custom Paths</h2>
    <h3 class="settings-subtitle">Add Path</h3>
    <div class="add-user-row" style="margin-bottom:16px">
      <input type="text" id="newPathName" placeholder="Name (e.g. NAS)">
      <input type="text" id="newPathValue" placeholder="/mnt/nas/anime">
      <button onclick="addCustomPath()">Add</button>
    </div>
    <table class="user-table" id="customPathsTable">
      <thead>
        <tr><th>Name</th><th>Path</th><th>Actions</th></tr>
      </thead>
      <tbody id="customPathsBody"></tbody>
    </table>
  </div>

  <div class="settings-notice">
    Changes made below are temporary and will be reset when AniWorld Downloader is restarted. To make settings persist, set them in your .env file at <code>{{ env_path }}</code>.
  </div>

  <div class="settings-section">
    <h2>Settings</h2>
    <h3 class="settings-subtitle">Download Path</h3>
    <div class="settings-row">
      <input type="text" id="downloadPath" placeholder="/path/to/downloads">
      <button onclick="saveDownloadPath()">Save</button>
    </div>
    <div class="settings-hint">Changes take effect immediately for new downloads</div>
    <label class="settings-checkbox" style="display:flex;align-items:center;gap:8px;margin-top:14px;font-size:.88rem;color:#c8cad0;cursor:pointer">
      <input type="checkbox" id="langSeparation" onchange="saveLangSeparation()" style="accent-color:#2563eb;cursor:pointer">
      Separate languages into folders
    </label>
    <div class="settings-hint">When enabled, downloads are organized into subfolders by language (e.g. german-dub/, english-sub/)</div>
    <label class="settings-checkbox" style="display:flex;align-items:center;gap:8px;margin-top:14px;font-size:.88rem;color:#c8cad0;cursor:pointer">
      <input type="checkbox" id="disableEnglishSub" onchange="saveDisableEnglishSub()" style="accent-color:#2563eb;cursor:pointer">
      Disable English Sub downloads
    </label>
    <div class="settings-hint">When enabled, English Sub is hidden from the language selector and cannot be downloaded</div>
  </div>
</div>
{% endblock %}
{% block scripts %}
<script src="{{ url_for('static', filename='settings.js') }}"></script>
{% endblock %}