{% extends 'netbox_ip_history/base.html' %}
{% load i18n %}

{% block title %}{% trans "Import IP History" %}{% endblock %}

{% block page_title %}{% trans "Import IP History" %}{% endblock %}

{% block ip_history_content %}
<div class="row">
  <div class="col-12 col-xl-8">
    <form method="post" enctype="multipart/form-data">
      {% csrf_token %}
      <div class="card">
        <div class="card-body overflow-visible py-3">
          
          <div class="field-group mb-4">
            <div class="row mb-3">
              <div class="col-sm-3 text-lg-end">
                <label for="{{ form.source.id_for_label }}" class="col-form-label d-inline-block fw-semibold">
                  {{ form.source.label }}
                </label>
              </div>
              <div class="col">
                {{ form.source }}
                {% if form.source.errors %}<div class="text-danger small mt-1">{{ form.source.errors }}</div>{% endif %}
              </div>
            </div>

            <div class="row mb-3">
              <div class="col-sm-3 text-lg-end">
                <label for="{{ form.format.id_for_label }}" class="col-form-label d-inline-block">
                  {{ form.format.label }}
                </label>
              </div>
              <div class="col">
                {{ form.format }}
                {% if form.format.errors %}<div class="text-danger small mt-1">{{ form.format.errors }}</div>{% endif %}
              </div>
            </div>

            <div class="row mb-3">
              <div class="col-sm-3 text-lg-end">
                <label for="{{ form.delimiter.id_for_label }}" class="col-form-label d-inline-block">
                  {{ form.delimiter.label }}
                </label>
              </div>
              <div class="col">
                {{ form.delimiter }}
                {% if form.delimiter.errors %}<div class="text-danger small mt-1">{{ form.delimiter.errors }}</div>{% endif %}
              </div>
            </div>

            <div class="row mb-3">
              <div class="col-sm-3 text-lg-end">
                <label for="{{ form.file.id_for_label }}" class="col-form-label d-inline-block fw-semibold">
                  {{ form.file.label }}
                </label>
              </div>
              <div class="col">
                {{ form.file }}
                {% if form.file.errors %}<div class="text-danger small mt-1">{{ form.file.errors }}</div>{% endif %}
              </div>
            </div>

            <div class="row mb-3">
              <div class="col offset-3">
                <div class="form-check">
                  {{ form.dry_run }}
                  <label class="form-check-label fw-semibold" for="{{ form.dry_run.id_for_label }}">
                    {{ form.dry_run.label }}
                  </label>
                  <small class="text-secondary d-block">{{ form.dry_run.help_text }}</small>
                </div>
              </div>
            </div>
          </div>

        </div>

        <div class="card-footer d-flex justify-content-end gap-2 py-3 bg-body-tertiary border-top">
          <a href="{% url 'plugins:netbox_ip_history:history' %}" class="btn btn-outline-secondary">
            {% trans "Cancel" %}
          </a>
          <button type="submit" class="btn btn-primary">
            <i class="mdi mdi-upload me-1"></i> {% trans "Submit" %}
          </button>
        </div>
      </div>
    </form>
  </div>
</div>
{% endblock %}