{% extends 'base/layout.html' %}

{% block title %}Confirm import{% endblock %}

{% block content %}
<div class="row">
  <div class="col col-md-8 col-lg-7">
    <div class="card border-warning">
      <h5 class="card-header text-bg-warning">
        <i class="mdi mdi-alert"></i> Confirmation required — {{ device_count }} device(s)
      </h5>
      <div class="card-body">

        {% if not_confirmed %}
        <div class="alert alert-danger">
          Nothing was confirmed, so the import was not started.
        </div>
        {% endif %}

        {% if branch_unavailable %}
        <p>
          This import cannot be placed in its own branch:
          <strong>{{ branch_unavailable }}</strong>
        </p>
        <p class="mb-2">
          Continuing means writing <strong>directly into the main NetBox data</strong>.
          There is no branch to delete if the result is wrong — undoing it would be
          manual. <strong>Take a snapshot of the NetBox VM before you continue.</strong>
        </p>
        <form action="{% url 'plugins:netbox_device_importer:confirm_import' %}" method="post">
          {% csrf_token %}
          <input type="hidden" name="pending_key" value="{{ pending_key }}">
          <div class="form-check mb-3">
            <input class="form-check-input" type="checkbox" name="snapshot_confirmed"
                   id="snapshot_confirmed" required>
            <label class="form-check-label" for="snapshot_confirmed">
              I have taken a snapshot of the NetBox VM and accept importing directly
              into main.
            </label>
          </div>
          <div class="text-end">
            <button type="submit" name="cancel" value="1" class="btn btn-outline-secondary">
              Cancel import
            </button>
            <button type="submit" class="btn btn-warning">
              Import without a branch
            </button>
          </div>
        </form>

        {% elif open_branches %}
        <p>
          A previous import branch has not been merged yet:
        </p>
        <ul>
          {% for branch in open_branches %}
          <li><code>{{ branch.name }}</code></li>
          {% endfor %}
        </ul>
        <p class="mb-2">
          A new branch is taken from main, so it will <strong>not</strong> contain the
          devices imported into the branch above. If both runs touch the same objects,
          merging the second one can conflict and is awkward to untangle.
        </p>
        <p class="mb-3">
          <strong>Continuing is not advised.</strong> Merge or delete the open branch
          first. Only proceed if you know exactly why you need two import branches at
          once.
        </p>
        <form action="{% url 'plugins:netbox_device_importer:confirm_import' %}" method="post">
          {% csrf_token %}
          <input type="hidden" name="pending_key" value="{{ pending_key }}">
          <div class="form-check mb-3">
            <input class="form-check-input" type="checkbox" name="stacked_branches_confirmed"
                   id="stacked_branches_confirmed" required>
            <label class="form-check-label" for="stacked_branches_confirmed">
              I understand the open branch will not be included and that merging may
              conflict.
            </label>
          </div>
          <div class="text-end">
            <button type="submit" name="cancel" value="1" class="btn btn-outline-secondary">
              Cancel import
            </button>
            <button type="submit" class="btn btn-warning">
              Import in a second branch anyway
            </button>
          </div>
        </form>
        {% endif %}

      </div>
    </div>
    {% include 'netbox_device_importer/inc/version_footer.html' %}
  </div>
</div>
{% endblock %}