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

{% block title %}Single Device (SSH){% 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 — Single Device (SSH)</h5>
      <div class="card-body">
        <p class="text-muted">
          Import one SSH-reachable device. Placement uses NetBox object pickers
          (Site &rarr; Location &rarr; Rack chain), so you can only pick objects
          that already exist. Name, serial, model, interfaces and VLANs come from
          the SSH scrape. Credentials are used only for this run and never stored.
        </p>
        <form action="" method="post">
          {% 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 %}