{% extends "pobsync_backend/base.html" %}

{% block title %}Global Config{% endblock %}

{% block content %}
  <h1>{% if global_config %}Global Config{% else %}Create Global Config{% endif %}</h1>

  <section class="actions" aria-label="Global config actions">
    <a class="button-link" href="{% url 'dashboard' %}">Back to dashboard</a>
  </section>

  <section class="panel">
    <h2>{% if global_config %}Edit Global Config{% else %}Create Global Config{% endif %}</h2>
    <div class="stack spaced">
      <div><strong>Backup root:</strong> {{ backup_root }}</div>
      <div class="muted">This path is managed by the service environment and is saved with the config.</div>
    </div>
    <form method="post" class="form-grid">
      {% csrf_token %}
      {{ form.non_field_errors }}

      {% for field in form %}
        <div class="field">
          {{ field.errors }}
          <label for="{{ field.id_for_label }}">{{ field.label }}</label>
          {{ field }}
          {% if field.help_text %}<div class="helptext">{{ field.help_text }}</div>{% endif %}
        </div>
      {% endfor %}

      <div class="actions">
        <button type="submit">Save global config</button>
      </div>
    </form>
  </section>

  {% if config_checks %}
    <section class="panel">
      <h2>Config Check</h2>
      <section class="grid" aria-label="Global config check summary">
        <div class="metric"><div class="label">OK</div><div class="value">{{ config_check_summary.ok }}</div></div>
        <div class="metric"><div class="label">Warnings</div><div class="value">{{ config_check_summary.warning }}</div></div>
        <div class="metric"><div class="label">Failed</div><div class="value">{{ config_check_summary.failed }}</div></div>
        <div class="metric"><div class="label">Skipped</div><div class="value">{{ config_check_summary.skipped }}</div></div>
      </section>
      <table>
        <thead>
          <tr>
            <th>Status</th>
            <th>Check</th>
            <th>Message</th>
            <th>Detail</th>
          </tr>
        </thead>
        <tbody>
          {% for check in config_checks %}
            <tr>
              <td><span class="status {{ check.status }}">{{ check.status }}</span></td>
              <td>{{ check.name }}</td>
              <td>{{ check.message }}</td>
              <td class="muted">{{ check.detail }}</td>
            </tr>
          {% endfor %}
        </tbody>
      </table>
    </section>
  {% endif %}
{% endblock %}