{% extends 'dcim/device/base.html' %}
{% load i18n %}

{% block content %}
<div class="card">
  <h2 class="card-header">
    {% trans "CDP / LLDP neighbors" %}
    {% if result %}
      <small class="text-secondary">{% trans "seen in the collection of" %} <a href="{{ result.get_absolute_url }}">{{ result.timestamp|isodatetime:"minutes" }}</a></small>
    {% endif %}
  </h2>
  <div class="table-responsive">
    <table class="table table-hover mb-0">
      <thead>
        <tr>
          <th>{% trans "Port" %}</th>
          <th>{% trans "Neighbor" %}</th>
          <th>{% trans "Neighbor port" %}</th>
          <th>{% trans "Platform" %}</th>
          <th>{% trans "IP" %}</th>
          <th>{% trans "Via" %}</th>
          <th>{% trans "In NetBox" %}</th>
          <th></th>
        </tr>
      </thead>
      <tbody>
        {% for m in matches %}
          <tr>
            <td>{% if m.local_interface %}{{ m.local_interface|linkify }}{% else %}{{ m.neighbor.local_interface }}{% endif %}</td>
            <td>{% if m.device %}{{ m.device|linkify }}{% else %}{{ m.neighbor.name }}{% endif %}</td>
            <td>{% if m.interface %}{{ m.interface|linkify }}{% else %}{{ m.neighbor.interface }}{% endif %}</td>
            <td>{{ m.neighbor.platform|placeholder }}</td>
            <td>{{ m.neighbor.ip|placeholder }}</td>
            <td>{{ m.neighbor.protocol|upper }}</td>
            <td>
              <span class="badge text-bg-{{ m.color }}">{{ m.status }}</span>
              {% if m.note %}<span class="text-secondary small">{{ m.note }}</span>{% endif %}
            </td>
            <td class="text-end">
              {% if m.status == "no cable" and can_add_cable %}
                <form method="post" action="{% url 'plugins:config_officer:device_neighbor_cable' pk=object.pk %}">
                  {% csrf_token %}
                  <input type="hidden" name="local_interface" value="{{ m.local_interface.pk }}">
                  <input type="hidden" name="remote_interface" value="{{ m.interface.pk }}">
                  <button type="submit" class="btn btn-sm btn-primary"><i class="mdi mdi-cable-data"></i> {% trans "Add cable" %}</button>
                </form>
              {% endif %}
            </td>
          </tr>
        {% empty %}
          <tr><td colspan="8" class="text-secondary">{% trans "The device reported no CDP or LLDP neighbors." %}</td></tr>
        {% endfor %}
      </tbody>
    </table>
  </div>
  <div class="card-footer text-secondary small">
    {% trans "Neighbors come from the latest successful collection; the NetBox column is evaluated now." %}
    <span class="badge text-bg-green">connected</span> {% trans "NetBox has this cable" %} &middot;
    <span class="badge text-bg-yellow">no cable</span> {% trans "both ports are free, a cable can be added" %} &middot;
    <span class="badge text-bg-red">different cable</span> {% trans "NetBox cables a port elsewhere" %} &middot;
    <span class="badge text-bg-gray">not in NetBox</span> {% trans "device or port unknown" %}
  </div>
</div>
{% endblock %}