{% extends "base.html" %}

{% block content %}
<section class="hero" data-test="settings-page">
  <p class="eyebrow">Settings</p>
  <h1>Your Settings</h1>
  <p class="lede">Control automation cadence and request pacing for your own account.</p>
</section>

<section class="sandbox" data-test="settings-form-card">
  <h2>Automation Settings</h2>
  <form method="post" action="/settings" class="stack-form">
    <input type="hidden" name="csrf_token" value="{{ csrf_token }}">
    <label class="checkbox-row" for="auto_run_enabled">
      <input id="auto_run_enabled" name="auto_run_enabled" type="checkbox" {% if user_settings.auto_run_enabled %}checked{% endif %}>
      <span>Enable automatic runs</span>
    </label>

    <label for="run_interval_minutes">Run Interval (minutes)</label>
    <input
      id="run_interval_minutes"
      name="run_interval_minutes"
      type="number"
      min="15"
      step="1"
      value="{{ user_settings.run_interval_minutes }}"
      required
    >

    <label for="request_delay_seconds">Request Delay (seconds)</label>
    <input
      id="request_delay_seconds"
      name="request_delay_seconds"
      type="number"
      min="1"
      step="1"
      value="{{ user_settings.request_delay_seconds }}"
      required
    >

    <button type="submit" data-loading-text="Saving...">Save Settings</button>
  </form>
</section>
{% endblock %}