{% extends 'generic/_base.html' %}
{% load helpers %}
{% load i18n %}

{% block title %}{% trans "Settings" %}{% endblock %}

{% block subtitle %}
  <div class="text-secondary fs-5">{% trans "Orchestrator configuration" %}</div>
{% endblock %}

{% block content %}
<form method="post" novalidate>
  {% csrf_token %}

  {% if form.errors %}
  <div class="alert alert-danger mb-3">
    {% for field in form %}{% for error in field.errors %}<div>{{ field.label }}: {{ error }}</div>{% endfor %}{% endfor %}
    {% for error in form.non_field_errors %}<div>{{ error }}</div>{% endfor %}
  </div>
  {% endif %}

  {# ── Engine ────────────────────────────────────────────────────────────── #}
  <div class="card mb-3">
    <h2 class="card-header d-flex justify-content-between align-items-center">
      <span>{% trans "Orchestrator Engine" %}</span>
      <span>
        {% if settings.engine_status == "active" %}
          <span class="badge text-bg-success fs-6">{% trans "Active" %}</span>
        {% elif settings.engine_status == "maintenance" %}
          <span class="badge text-bg-warning fs-6">{% trans "Maintenance" %}</span>
        {% else %}
          <span class="badge text-bg-danger fs-6">{% trans "Disabled" %}</span>
        {% endif %}
      </span>
    </h2>
    <div class="card-body">
      <div class="row g-3">

        <div class="col-12 col-md-4">
          <label class="form-label fw-semibold" for="{{ form.engine_status.id_for_label }}">
            {% trans "Engine Status" %}
          </label>
          {{ form.engine_status }}
          <div class="form-text">{{ form.engine_status.help_text }}</div>
        </div>

        <div class="col-12 col-md-8">
          <label class="form-label fw-semibold" for="{{ form.maintenance_message.id_for_label }}">
            {% trans "Maintenance Message" %}
          </label>
          {{ form.maintenance_message }}
          <div class="form-text">{% trans "Shown to users when the engine is not Active." %}</div>
        </div>

      </div>
    </div>
    {% if settings.updated_at %}
    <div class="card-footer text-muted small">
      {% trans "Last saved" %}: {{ settings.updated_at }}
    </div>
    {% endif %}
  </div>

  {# ── Jobs ─────────────────────────────────────────────────────────────── #}
  <div class="card mb-3">
    <h2 class="card-header">{% trans "Jobs" %}</h2>
    <div class="card-body">
      <div class="row g-3">

        <div class="col-12 col-md-4">
          <label class="form-label fw-semibold" for="{{ form.default_job_timeout.id_for_label }}">
            {% trans "Default Job Timeout" %} <small class="text-muted fw-normal">({% trans "seconds" %})</small>
          </label>
          {{ form.default_job_timeout }}
          <div class="form-text">{{ form.default_job_timeout.help_text }}</div>
        </div>

        <div class="col-12 col-md-4">
          <label class="form-label fw-semibold" for="{{ form.max_concurrent_jobs.id_for_label }}">
            {% trans "Max Concurrent Jobs" %}
          </label>
          {{ form.max_concurrent_jobs }}
          <div class="form-text">{{ form.max_concurrent_jobs.help_text }}</div>
        </div>

        <div class="col-12 col-md-4">
          <label class="form-label fw-semibold" for="{{ form.job_retention_days.id_for_label }}">
            {% trans "Job Retention" %} <small class="text-muted fw-normal">({% trans "days" %})</small>
          </label>
          {{ form.job_retention_days }}
          <div class="form-text">{{ form.job_retention_days.help_text }}</div>
        </div>

      </div>
    </div>
  </div>

  {# ── Steps ────────────────────────────────────────────────────────────── #}
  <div class="card mb-3">
    <h2 class="card-header">{% trans "Step Defaults" %}</h2>
    <div class="card-body">
      <div class="row g-3">

        <div class="col-12 col-md-4">
          <label class="form-label fw-semibold" for="{{ form.default_step_retries.id_for_label }}">
            {% trans "Default Retries" %}
          </label>
          {{ form.default_step_retries }}
          <div class="form-text">{{ form.default_step_retries.help_text }}</div>
        </div>

        <div class="col-12 col-md-4">
          <label class="form-label fw-semibold" for="{{ form.default_step_retry_delay.id_for_label }}">
            {% trans "Default Retry Delay" %} <small class="text-muted fw-normal">({% trans "seconds" %})</small>
          </label>
          {{ form.default_step_retry_delay }}
          <div class="form-text">{{ form.default_step_retry_delay.help_text }}</div>
        </div>

      </div>
    </div>
  </div>

  {# ── Connections ──────────────────────────────────────────────────────── #}
  <div class="card mb-3">
    <h2 class="card-header">{% trans "Connections" %}</h2>
    <div class="card-body">
      <div class="row g-3">

        <div class="col-12 col-md-4">
          <label class="form-label fw-semibold" for="{{ form.default_connection_timeout.id_for_label }}">
            {% trans "Connection Timeout" %} <small class="text-muted fw-normal">({% trans "seconds" %})</small>
          </label>
          {{ form.default_connection_timeout }}
          <div class="form-text">{{ form.default_connection_timeout.help_text }}</div>
        </div>

        <div class="col-12 col-md-8 d-flex align-items-end pb-1">
          <div class="form-check">
            {{ form.ssh_host_key_verify }}
            <label class="form-check-label fw-semibold" for="{{ form.ssh_host_key_verify.id_for_label }}">
              {% trans "Verify SSH Host Keys" %}
            </label>
            <div class="form-text">{{ form.ssh_host_key_verify.help_text }}</div>
          </div>
        </div>

      </div>
    </div>
  </div>

  <div class="d-flex justify-content-between align-items-center">
    <a href="{% url 'plugins:netbox_orchestrator:connection_backends' %}" class="btn btn-outline-secondary">
      <i class="mdi mdi-power-plug me-1"></i>{% trans "Connection Backends" %}
      {% if any_missing %}<span class="badge text-bg-danger ms-1">!</span>{% endif %}
    </a>
    <button type="submit" class="btn btn-primary">
      <i class="mdi mdi-content-save me-1"></i>{% trans "Save Settings" %}
    </button>
  </div>

</form>
{% endblock content %}