{% extends 'base/layout.html' %}
{% block title %}vManage preview — {{ object.hostname }}{% endblock %}
{% block content %}
<h1 class="h3">vManage preview — {{ object.hostname }}</h1>
<p class="text-muted">This preview is stored as Sync Run #{{ run.pk }}. Apply uses this exact snapshot.</p>
<div class="card mb-3">
  <h2 class="card-header">Planned result</h2>
  <table class="table table-hover attr-table">
    <tr><th>NetBox Site</th><td>{{ object.netbox_site|default:'Unmatched' }}</td></tr>
    <tr><th>Device</th><td>create {{ result.devices_created }}, update {{ result.devices_updated }}</td></tr>
    <tr><th>Interfaces</th><td>{{ result.interfaces_created }}</td></tr>
    <tr><th>IP addresses</th><td>{{ result.ips_created }}</td></tr>
    <tr><th>MAC addresses</th><td>{{ result.macs_created }}</td></tr>
    <tr><th>FHRP groups</th><td>{{ result.fhrp_groups_created }}</td></tr>
    <tr><th>Result</th><td>{{ result.message }}</td></tr>
  </table>
</div>
<div class="card mb-3">
  <h2 class="card-header">Collected interfaces</h2>
  <table class="table table-hover">
    <thead><tr><th>Name</th><th>Description</th><th>IPv4</th><th>Mask</th><th>IPv6</th><th>MAC</th><th>VPN</th></tr></thead>
    <tbody>{% for iface in data.interfaces %}<tr>
      <td>{{ iface.name }}</td><td>{{ iface.description }}</td><td>{{ iface.ipv4_address }}</td>
      <td>{{ iface.ipv4_mask }}</td><td>{{ iface.ipv6_addresses|join:', ' }}</td>
      <td>{{ iface.mac_address }}</td><td>{{ iface.vpn_id }}</td>
    </tr>{% empty %}<tr><td colspan="7">No interfaces returned.</td></tr>{% endfor %}</tbody>
  </table>
</div>
<div class="text-end">
  <a href="{{ object.get_absolute_url }}" class="btn btn-outline-secondary">Cancel</a>
  {% if not result.skipped %}<form method="post" class="d-inline">{% csrf_token %}
    <input type="hidden" name="run" value="{{ run.pk }}">
    <button type="submit" class="btn btn-primary"><i class="mdi mdi-content-save"></i> Apply snapshot</button>
  </form>{% endif %}
</div>
{% endblock %}