{# SPDX-License-Identifier: Apache-2.0 #}
{# Copyright (C) 2025 Marcin Zieba <marcinpsk@gmail.com> #}
{% extends 'base/layout.html' %}
{% load form_helpers %}

{% block title %}Run Import{% endblock %}

{% block content %}
<div class="row justify-content-center">
  <div class="col col-md-6">
    <div class="card">
      <div class="card-header">
        <h5 class="mb-0"><i class="mdi mdi-database-import"></i> Run Import — Step 1 of 3: Setup</h5>
      </div>
      <div class="card-body">
        {% if resume_job %}
        <div class="alert alert-info d-flex justify-content-between align-items-center">
          <span><i class="mdi mdi-progress-clock"></i> An import is in progress or awaiting review.</span>
          <a href="{% url 'plugins:netbox_data_import:import_progress' pk=resume_job.pk %}" class="btn btn-info">
            Resume import
          </a>
        </div>
        {% endif %}
        {% if resume_preview %}
        <div class="alert alert-info d-flex justify-content-between align-items-center">
          <span><i class="mdi mdi-eye-check"></i> Your uploaded import preview is still available.</span>
          <a href="{% url 'plugins:netbox_data_import:import_preview' %}" class="btn btn-info">
            Resume preview
          </a>
        </div>
        {% endif %}
        <p class="text-muted">
          Select an import profile, upload your Excel file, and choose the target site.
          You will see a full preview before anything is written to NetBox.
        </p>
        <form method="post" enctype="multipart/form-data"
              hx-boost="true"
              hx-encoding="multipart/form-data"
              hx-push-url="true"
              hx-indicator="#import-preview-pending"
              hx-disabled-elt="#preview-import-submit">
          {% csrf_token %}
          {% render_form form %}
          <div id="import-preview-pending" class="htmx-indicator alert alert-info mt-3" role="status" aria-live="polite">
            <span class="spinner-border spinner-border-sm me-2" aria-hidden="true"></span>
            Reading workbook and generating preview. This can take a few minutes.
          </div>
          <div class="d-flex justify-content-end mt-3">
            <button id="preview-import-submit" type="submit" class="btn btn-primary">
              <i class="mdi mdi-eye"></i> Preview Import
            </button>
          </div>
        </form>
      </div>
    </div>
  </div>
</div>
{% endblock %}