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

{% block title %}{% if host %}Config | {{ host.host }}{% else %}New Host{% endif %}{% endblock %}

{% block content %}
  <h1>{% if host %}Config: {{ host.host }}{% else %}New Host{% endif %}</h1>

  <section class="actions" aria-label="Config actions">
    {% if host %}
      <a class="button-link" href="{% url 'host_detail' host.host %}">Back to host</a>
    {% else %}
      <a class="button-link" href="{% url 'dashboard' %}">Back to dashboard</a>
    {% endif %}
  </section>

  <section class="panel">
    <h2>{% if host %}Edit Host Config{% else %}Create Host Config{% endif %}</h2>
    <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">{% if host %}Save config{% else %}Create host{% endif %}</button>
      </div>
    </form>
  </section>
{% endblock %}