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

{% block content %}
<div class="container mt-4">
  <h2 class="mb-3">Mailgun Settings</h2>

  {% if messages %}
    {% for message in messages %}
      <div class="alert alert-{{ message.tags }} mb-2">
        {{ message }}
      </div>
    {% endfor %}
  {% endif %}

  <form method="post">
    {% csrf_token %}
    <div class="card">
      <div class="card-body">
        {{ form.non_field_errors }}

        <div class="mb-3">
          <label class="form-label" for="{{ form.domain.id_for_label }}">Domain</label>
          {{ form.domain }}
          {{ form.domain.errors }}
        </div>

        <div class="mb-3">
          <label class="form-label" for="{{ form.api_key.id_for_label }}">API Key</label>
          {{ form.api_key }}
          {{ form.api_key.errors }}
        </div>

        <div class="mb-3">
          <label class="form-label" for="{{ form.from_email.id_for_label }}">From Email</label>
          {{ form.from_email }}
          {{ form.from_email.errors }}
        </div>

        <div class="mb-3">
          <label class="form-label" for="{{ form.from_name.id_for_label }}">From Name</label>
          {{ form.from_name }}
          {{ form.from_name.errors }}
        </div>

        <div class="mb-3">
          <label class="form-label" for="{{ form.base_url.id_for_label }}">Base URL</label>
          {{ form.base_url }}
          {{ form.base_url.errors }}
        </div>

        <div class="form-check mb-3">
          {{ form.is_active }}
          <label class="form-check-label" for="{{ form.is_active.id_for_label }}">
            Active
          </label>
          {{ form.is_active.errors }}
        </div>
      </div>

      <div class="card-footer text-end">
        <button type="submit" class="btn btn-primary">
          Save
        </button>
      </div>
    </div>
  </form>
</div>
{% endblock %}