{% extends "generic/object.html" %}
{% load form_helpers %}

{% block content %}
<div class="row">
  <div class="col col-xl-10 offset-xl-1">
    <div class="card mb-4">
      <div class="card-header">
        <strong>Import DHCPv{{ dhcp_version }} Reservations</strong>
      </div>
      <div class="card-body">
        <p class="text-muted">
          Select YAML or JSON. Then paste a document or upload one UTF-8 file.
          NetBox Kea validates the complete document before it contacts Kea.
        </p>
        <div class="alert alert-info" role="note">
          <strong>Scope and identity rules</strong>
          <ul class="mb-0 mt-2">
            <li>Use a subnet CIDR. The import resolves its current Kea subnet ID from the live Subnet Catalogue.</li>
            <li>Each record needs exactly one native Kea identity.</li>
            <li>Global scope is valid in exports, but import currently supports only <code>in-subnet</code>.</li>
            <li>Any validation error stops the complete import. A Kea write failure stops the remaining records.</li>
          </ul>
        </div>

        <details class="mb-3">
          <summary>Show a minimal YAML example</summary>
          <pre class="bg-body-tertiary border rounded p-3 mt-2 mb-0"><code>version: 1
reservations:
  - family: {{ dhcp_version }}
    scope:
      type: in-subnet
      subnet:
        cidr: {% if dhcp_version == 4 %}198.18.0.0/24{% else %}2001:db8::/64{% endif %}
    identity:
      type: {% if dhcp_version == 4 %}hw-address
      value: "aa:bb:cc:dd:ee:ff"{% else %}duid
      value: "00:01:02:03:04:05"{% endif %}
    addresses: [{% if dhcp_version == 4 %}198.18.0.20{% else %}2001:db8::20{% endif %}]
    delegated_prefixes: []
    hostname: host.example.invalid
    options: []</code></pre>
        </details>

        <form method="post" enctype="multipart/form-data">
          {% csrf_token %}
          {% render_form form %}
          <div class="text-end mt-3">
            <a href="{{ return_url }}" class="btn btn-secondary me-2">Cancel</a>
            <button type="submit" class="btn btn-primary">
              <i class="mdi mdi-upload" aria-hidden="true"></i> Validate and import
            </button>
          </div>
        </form>
      </div>
    </div>

    {% if result is not None %}
    <div class="card">
      <div class="card-header"><strong>Import result</strong></div>
      <div class="card-body">
        {% if result.diagnostics %}
        <div class="alert alert-danger" role="alert">
          <strong>No Reservations were created.</strong>
          Correct every document error and try again.
        </div>
        <table class="table table-sm table-bordered align-middle">
          <thead><tr><th>Position</th><th>Code</th><th>Problem</th></tr></thead>
          <tbody>
            {% for diagnostic in result.diagnostics %}
            <tr>
              <td><code>{{ diagnostic.source_position }}</code></td>
              <td><code>{{ diagnostic.code }}</code></td>
              <td>{{ diagnostic.message }}</td>
            </tr>
            {% endfor %}
          </tbody>
        </table>
        {% else %}
        <div class="row text-center mb-3">
          <div class="col"><div class="display-6 text-success">{{ result.created }}</div><div class="text-muted small">Created</div></div>
          <div class="col"><div class="display-6 text-danger">{{ result.failed }}</div><div class="text-muted small">Failed</div></div>
          <div class="col"><div class="display-6 text-secondary">{{ result.not_attempted }}</div><div class="text-muted small">Not attempted</div></div>
          <div class="col"><div class="display-6">{{ result.total }}</div><div class="text-muted small">Total</div></div>
        </div>
        {% if result.failure %}
        <div class="alert alert-danger" role="alert">
          Import stopped at <code>{{ result.failure.position }}</code>: {{ result.failure.message }}
        </div>
        {% else %}
        <div class="alert alert-success mb-0" role="status">All Reservations were created.</div>
        {% endif %}
        {% endif %}
      </div>
    </div>
    {% endif %}
  </div>
</div>
{% endblock %}