{% extends "app_home/base.html" %}
{% load static %}
{% load i18n %}

{% block navbar_app %}
{% include 'app_home/_sidebar.html' %}
{% endblock %}

{% block title %}
{% if ip %}
<h2>{% translate 'IPAM' %} - {% translate 'IP' %} - {{ ip.ip }}{% if ipam_ip_description %} - {{ ipam_ip_description }}{% endif %}</h2>
{% else %}
<h2>{% translate 'IPAM' %} - {% translate 'IP' %}</h2>
{% endif %}
<hr>{% endblock %}


{% block content %}

{% if error %}
<div class="alert alert-warning">{{ error }}</div>
{% endif %}

{% if ip %}

<div class="card mb-3">
  <div class="card-header cv-ipam-card-header">
    <i class="fa fa-map-pin text-primary"></i>
    <span class="cv-ipam-card-title flex-grow-1">{{ ip.ip }}</span>
    {% if ipam_ip_instance %}
    <a class="btn btn-outline-primary btn-sm" href="{% url 'app_data:instance_edit' ipam_ip_instance.id %}">
        <i class="fa fa-pencil me-1"></i>{% translate 'Edit' %}
    </a>
    {% elif can_create_ipam_ip %}
    <a class="btn btn-outline-secondary btn-sm" href="{% url 'app_data:instance_new' 'ipam_ip' %}?keyname={{ ip.ip }}">
        <i class="fa fa-plus me-1"></i>{% translate 'Create IPAM record' %}
    </a>
    {% endif %}
  </div>
  <div class="card-body py-2">
    <div class="cv-ipam-stat-strip">
        <div class="cv-ipam-stat"><span class="cv-ipam-stat-label">{% translate 'version' %}</span><span class="cv-ipam-stat-value">{{ ip.version }}</span></div>
        <div class="cv-ipam-stat"><span class="cv-ipam-stat-label">{% translate 'private' %}</span><span class="cv-ipam-stat-value">{{ ip.is_private|yesno:"yes,no" }}</span></div>
        <div class="cv-ipam-stat"><span class="cv-ipam-stat-label">{% translate 'global' %}</span><span class="cv-ipam-stat-value">{{ ip.is_global|yesno:"yes,no" }}</span></div>
        {% if ip.is_multicast %}<div class="cv-ipam-stat text-warning"><i class="fa fa-exclamation-triangle me-1"></i>{% translate 'multicast' %}</div>{% endif %}
        {% if ip.is_loopback %}<div class="cv-ipam-stat text-warning"><i class="fa fa-exclamation-triangle me-1"></i>{% translate 'loopback' %}</div>{% endif %}
        {% if ip.is_reserved %}<div class="cv-ipam-stat text-warning"><i class="fa fa-exclamation-triangle me-1"></i>{% translate 'reserved' %}</div>{% endif %}
    </div>
  </div>
</div>

{% if ip.subnet %}
<table class="table table-striped table-hover table-sm cv-ipam-table mb-3">
  <tr class="table-light"><th colspan="2">{% translate 'Containing subnet' %}</th></tr>
  <tr>
    <td width="25%"><a class="cv-ipam-link" href="{% url 'app_ipam:subnet_view' %}?subnet={{ ip.subnet.subnet }}">{{ ip.subnet.subnet }}</a></td>
    <td><a class="cv-ipam-row-link" href="{% url 'app_ipam:subnet_view' %}?subnet={{ ip.subnet.subnet }}">{{ ip.subnet.description|default:'' }}</a></td>
  </tr>
</table>
{% endif %}

{% if vlans %}
<table class="table table-striped table-hover table-sm cv-ipam-table mb-3">
  <tr class="table-light"><th colspan="1">{% translate 'VLAN' %}</th></tr>
  {% for v in vlans %}
  <tr>
    <td><a class="cv-ipam-link" href="{% url 'app_ipam:vlan_view' %}?vlan={{ v.keyname }}">{{ v.displayname|default:v.keyname }}</a></td>
  </tr>
  {% endfor %}
</table>
{% endif %}

{% if related %}
<table class="table table-striped table-hover table-sm cv-ipam-table mb-3">
  <tr class="table-light"><th colspan="2">{% translate 'Objects at this IP' %}</th></tr>
  {% for row in related %}
  {% if row.classname == 'ipam_subnet' %}
  <tr>
    <td class="text-muted" width="25%"><a class="cv-ipam-row-link" href="{% url 'app_ipam:subnet_view' %}?subnet={{ row.keyname }}">{{ row.classname }}</a></td>
    <td><a class="cv-ipam-link" href="{% url 'app_ipam:subnet_view' %}?subnet={{ row.keyname }}">{{ row.displayname|default:row.keyname }}</a></td>
  </tr>
  {% elif row.classname == 'ipam_vlan' %}
  <tr>
    <td class="text-muted" width="25%"><a class="cv-ipam-row-link" href="{% url 'app_ipam:vlan_view' %}?vlan={{ row.keyname }}">{{ row.classname }}</a></td>
    <td><a class="cv-ipam-link" href="{% url 'app_ipam:vlan_view' %}?vlan={{ row.keyname }}">{{ row.displayname|default:row.keyname }}</a></td>
  </tr>
  {% else %}
  <tr>
    <td class="text-muted" width="25%"><a class="cv-ipam-row-link" href="{% url 'app_data:instance_detail' row.iid %}">{{ row.classname }}</a></td>
    <td><a class="cv-ipam-link" href="{% url 'app_data:instance_detail' row.iid %}">{{ row.displayname|default:row.keyname }}</a></td>
  </tr>
  {% endif %}
  {% endfor %}
</table>
{% endif %}

{% endif %}

{% endblock %}