{% extends "base.html" %} {% block title %}Application Settings{% endblock %} {%
block content %}
<div class="container mt-4">
  <div class="row">
    <div class="col-md-12">
      <h2>Application Settings</h2>

      {% if message %}
      <div class="alert alert-success alert-dismissible fade show" role="alert">
        {{ message }}
        <button
          type="button"
          class="btn-close"
          data-bs-dismiss="alert"
          aria-label="Close"
        ></button>
      </div>
      {% endif %}

      <div class="card">
        <div class="card-header">
          <h5>Configure Settings</h5>
        </div>
        <div class="card-body">
          <form method="post" action="/dashboard/config/settings/save">
            {% for section_name, settings in settings_by_section.items() %}
            <div class="mb-4">
              <h5>{{ section_name }}</h5>
              {% for setting in settings %}
              <div class="mb-3">
                <label for="setting_{{ setting.key }}" class="form-label"
                  >{{ setting.key }}</label
                >
                <input
                  type="text"
                  class="form-control"
                  id="setting_{{ setting.key }}"
                  name="setting_{{ setting.key }}"
                  value="{{ setting.value_json }}"
                />
              </div>
              {% endfor %}
            </div>
            {% endfor %}
            <button type="submit" class="btn btn-primary">Save Settings</button>
          </form>
        </div>
      </div>
    </div>
  </div>
</div>
{% endblock %}