{% load i18n %}
{% if perms.netbox_ip_history.view_historicalipevent %}
<div class="card shadow-sm border mb-3">
  <div class="card-header d-flex align-items-center justify-content-between py-2 px-3">
    <h5 class="card-title mb-0 fw-semibold d-flex align-items-center gap-2">
      <i class="mdi mdi-history text-primary"></i>
      <span>{% trans "IP History" %}</span>
    </h5>
    <a href="{% url 'plugins:netbox_ip_history:history' %}?ip={{ object.address.ip }}" class="btn btn-xs btn-outline-primary py-0 px-2">
      {% trans "Full Timeline" %}
    </a>
  </div>
  <div class="card-body p-3">
    <p class="small text-secondary mb-3">
      {% trans "Audit changes, previous assignments, DNS history, and external IPAM records for" %} <strong class="font-monospace text-primary">{{ object.address.ip }}</strong>.
    </p>
    <div class="d-grid gap-2">
      <a href="{% url 'plugins:netbox_ip_history:history' %}?ip={{ object.address.ip }}" class="btn btn-sm btn-primary">
        <i class="mdi mdi-timeline-clock-outline me-1"></i> {% trans "View History Timeline" %}
      </a>
      <a href="{% url 'plugins:netbox_ip_history:compare' %}?ip={{ object.address.ip }}" class="btn btn-sm btn-outline-secondary">
        <i class="mdi mdi-compare-horizontal me-1"></i> {% trans "Compare Sources" %}
      </a>
    </div>
  </div>
</div>
{% endif %}