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

{% block title %}Multi Import{% endblock %}

{% block content %}
<div class="row">
  <div class="col col-md-8 col-lg-6">
    <div class="card">
      <h5 class="card-header">Device Import &amp; Sync — Multi Import</h5>
      <div class="card-body">
        <p class="text-muted">
          Upload <code>Sources.csv</code> (SSH devices) or <code>Devices.csv</code>
          (static devices). Header row required; no trailing blank lines. SSH
          credentials in the file are used only for this run and are never stored.
        </p>
        <p class="text-muted mb-3">
          Not sure of the format? Download an example:
          <a href="{% url 'plugins:netbox_device_importer:example_csv' 'ssh' %}">
            <i class="mdi mdi-download"></i> Sources.csv (SSH)</a>
          &middot;
          <a href="{% url 'plugins:netbox_device_importer:example_csv' 'static' %}">
            <i class="mdi mdi-download"></i> Devices.csv (static)</a>
        </p>
        <form action="" method="post" enctype="multipart/form-data">
          {% csrf_token %}
          {% render_form form %}
          <div class="text-end">
            <a href="{% url 'home' %}" class="btn btn-outline-secondary">Cancel</a>
            <button type="submit" class="btn btn-primary">Run import</button>
          </div>
        </form>
      </div>
    </div>
  </div>
</div>
{% endblock %}