{% extends "base.html" %}
{% block nav_config %}active{% endblock %}
{% block page_title %}Configuration{% endblock %}
{% block content %}
{% if not writable %}
<div class="alert alert-warning">
Config file <code>{{ config_path }}</code> is read-only. Edit the file directly and reload the application.
</div>
{% endif %}
<div id="config-status"></div>
<form id="config-form"
      hx-post="/dashboard/config/save"
      hx-target="#config-status"
      hx-swap="innerHTML"
      {% if not writable %}style="display:none"{% endif %}>
  <input type="hidden" name="mtime" id="cfg-mtime" value="{{ mtime }}">
  <textarea id="config-editor" name="config_yaml" class="code-textarea config-editor" spellcheck="false">{{ config_raw }}</textarea>
  <div id="editor-host"></div>
  <div class="form-actions">
    <button type="submit" class="btn btn-primary">Save Config <span class="spinner htmx-indicator"></span></button>
    <button type="button" class="btn" onclick="location.reload()">Discard Changes</button>
  </div>
</form>
<script type="module" src="/static/config-editor.js"></script>
{% endblock %}
{% block body_class %}dashboard-page{% endblock %}