{% extends "base.html" %}

{% block content %}
  <div class="row g-4">
    <div class="col-12 col-lg-3">
      <div class="card shadow-sm">
        {% with staff_nav_active="rate_limits" %}
          {% include "partials/staff_sidebar.html" %}
        {% endwith %}
      </div>
    </div>
    <div class="col-12 col-lg-9">
      <div class="mb-3">
        {% with breadcrumbs=[
          {"name": "Staff", "href": "/staff"},
          {"name": "Rate Limits", "href": "/staff/rate-limits"},
          {"name": setting.scope}
        ] %}
          {% include "partials/breadcrumbs.html" %}
        {% endwith %}
        <h1 class="h3 mb-1">Edit Rate Limit</h1>
        <p class="text-muted mb-0">Update the stored rule. Enforcement remains controlled by the global toggle.</p>
      </div>
      {% with staff_site_settings_tab_active="rate_limits" %}
        {% include "partials/staff_site_settings_tabs.html" %}
      {% endwith %}
      {% if notice %}
        <div class="alert alert-success">{{ notice }}</div>
      {% endif %}
      {% if error %}
        <div class="alert alert-danger">{{ error }}</div>
      {% endif %}
      <div class="card shadow-sm">
        <div class="card-body">
          <form method="post" action="/staff/rate-limits/{{ setting.uuid }}" autocomplete="off">
            <input type="hidden" name="csrf_token" value="{{ form.csrf_token }}" />
            <div class="mb-3">
              <label class="form-label" for="scope">Scope</label>
              <input class="form-control" id="scope" name="scope" value="{{ form.scope }}" required />
            </div>
            <div class="mb-3">
              <label class="form-label" for="max_requests">Maximum requests</label>
              <input class="form-control" type="number" min="1" step="1" id="max_requests" name="max_requests" value="{{ form.max_requests }}" required />
            </div>
            <div class="mb-3">
              <label class="form-label" for="window_seconds">Window seconds</label>
              <input class="form-control" type="number" min="1" step="1" id="window_seconds" name="window_seconds" value="{{ form.window_seconds }}" required />
            </div>
            <div class="mb-3">
              <div class="form-check form-switch">
                <input class="form-check-input" type="checkbox" id="is_enabled" name="is_enabled" value="true" {% if form.is_enabled %}checked{% endif %} />
                <label class="form-check-label" for="is_enabled">Enable this rule</label>
              </div>
            </div>
            <div class="text-muted small mb-3">Last updated {{ setting.updated_at | timeago }}</div>
            <button type="submit" class="btn btn-primary">Save rate limit</button>
            <a class="btn btn-outline-secondary" href="/staff/rate-limits">Back to rate limits</a>
          </form>
          <hr />
          <form method="post" action="/staff/rate-limits/{{ setting.uuid }}/delete" data-confirm-modal="confirm-delete-rate-limit" data-confirm-name="{{ setting.scope }}">
            <input type="hidden" name="csrf_token" value="{{ form.csrf_token }}" />
            <button type="submit" class="btn btn-outline-danger">Delete rate limit</button>
          </form>
        </div>
      </div>
      {% with
        modal_id="confirm-delete-rate-limit",
        modal_title="Delete rate limit",
        modal_body='Delete rate limit <span class="fw-semibold" data-confirm-name></span>?',
        modal_confirm_text="Delete rate limit",
        modal_desc="This permanently removes the rate limit rule."
      %}
        {% include "partials/confirm_modal.html" %}
      {% endwith %}
    </div>
  </div>
{% endblock %}