{% extends "base.html" %}
{% block title %}Settings — CalibreSync{% endblock %}

{% block content %}
<h1>Settings</h1>

{% if request.query_params.get("saved") %}
  <div class="alert alert-success">Settings saved.</div>
{% endif %}

<form method="post" action="/settings">

  <section class="form-section">
    <h2>Remote host (SFTP)</h2>

    <div class="form-row">
      <label for="sftp_host">Host</label>
      <input id="sftp_host" name="sftp_host" type="text" placeholder="192.168.1.10"
             value="{{ s.get('sftp_host','') }}">
    </div>

    <div class="form-row">
      <label for="sftp_port">Port</label>
      <input id="sftp_port" name="sftp_port" type="number" value="{{ s.get('sftp_port','22') }}" style="width:6rem">
    </div>

    <div class="form-row">
      <label for="sftp_user">Username</label>
      <input id="sftp_user" name="sftp_user" type="text" value="{{ s.get('sftp_user','') }}">
    </div>

    <div class="form-row">
      <label for="sftp_remote_path">Remote zip directory</label>
      <input id="sftp_remote_path" name="sftp_remote_path" type="text" placeholder="/mnt/media/zips"
             value="{{ s.get('sftp_remote_path','') }}">
    </div>

    <div class="form-row">
      <label>Authentication</label>
      <div class="radio-group">
        <label>
          <input type="radio" name="sftp_auth_method" value="key"
                 {% if s.get('sftp_auth_method','key') == 'key' %}checked{% endif %}
                 onchange="toggleAuth(this.value)">
          SSH key
        </label>
        <label>
          <input type="radio" name="sftp_auth_method" value="password"
                 {% if s.get('sftp_auth_method') == 'password' %}checked{% endif %}
                 onchange="toggleAuth(this.value)">
          Password
        </label>
      </div>
    </div>

    <div class="form-row" id="row-key">
      <label for="sftp_key">Private key (PEM)</label>
      <textarea id="sftp_key" name="sftp_key" rows="8" placeholder="-----BEGIN RSA PRIVATE KEY-----
...
-----END RSA PRIVATE KEY-----"></textarea>
      {% if has_key %}
        <p class="muted small">A key is already configured. Paste a new one above to replace it, or leave blank to keep the existing key.</p>
      {% endif %}
    </div>

    <div class="form-row" id="row-password" style="display:none">
      <label for="sftp_password">Password</label>
      <input id="sftp_password" name="sftp_password" type="password"
             value="{{ s.get('sftp_password','') }}">
    </div>
  </section>

  <section class="form-section">
    <h2>Calibre-Web</h2>

    <div class="form-row">
      <label for="calibre_url">URL</label>
      <input id="calibre_url" name="calibre_url" type="url" placeholder="http://localhost:8083"
             value="{{ s.get('calibre_url','') }}">
    </div>

    <div class="form-row">
      <label for="calibre_user">Username</label>
      <input id="calibre_user" name="calibre_user" type="text" value="{{ s.get('calibre_user','') }}">
    </div>

    <div class="form-row">
      <label for="calibre_pass">Password</label>
      <input id="calibre_pass" name="calibre_pass" type="password"
             value="{{ s.get('calibre_pass','') }}">
    </div>
  </section>

  <section class="form-section">
    <h2>Local</h2>

    <div class="form-row">
      <label for="local_work_dir">Work directory</label>
      <input id="local_work_dir" name="local_work_dir" type="text" placeholder="/tmp/calibresync"
             value="{{ s.get('local_work_dir','/tmp/calibresync') }}">
      <p class="muted small">Temporary storage for downloaded zips and extracted files. Cleaned up after each run.</p>
    </div>
  </section>

  <section class="form-section">
    <h2>Automatic sync schedule</h2>

    <div class="form-row">
      <label for="scheduler_interval_minutes">Run every (minutes)</label>
      <input id="scheduler_interval_minutes" name="scheduler_interval_minutes" type="number"
             min="0" step="1" style="width:8rem"
             value="{{ s.get('scheduler_interval_minutes','0') }}"
             placeholder="0">
      <p class="muted small">Set to 0 to disable automatic sync. Changes take effect immediately on save. Examples: 60 = hourly, 1440 = daily.</p>
    </div>
  </section>

  <div class="form-actions">
    <button type="submit" class="btn btn-primary">Save settings</button>
  </div>
</form>

<script>
function toggleAuth(method) {
  document.getElementById("row-key").style.display = method === "key" ? "" : "none";
  document.getElementById("row-password").style.display = method === "password" ? "" : "none";
}
// Init on load
toggleAuth(document.querySelector('[name=sftp_auth_method]:checked')?.value || "key");
</script>
{% endblock %}