{% extends 'generic/object.html' %}
{% load buttons %}
{% load custom_links %}
{% load helpers %}
{% load i18n %}
{% load plugins %}

{% block content %}
<div class="row">
    <div class="col-md">
        <div class="card">
            <h5 class="card-header">
                {% trans "NAT Pool Members" %}
                <div class="card-actions">
                    {% if perms.netbox_security.add_natpoolmember %}
                        <a href="{% url 'plugins:netbox_security:natpoolmember_add' %}?return_url={{ object.get_absolute_url }}&prefix={{ object.pk }}" class="btn btn-ghost-primary btn-sm">
                          <span class="mdi mdi-plus-thick" aria-hidden="true"></span> {% trans "Create NAT Pool Member" %}
                        </a>
                    {% endif %}
                </div>
            </h5>
            {% htmx_table 'plugins:netbox_security:natpoolmember_list' prefix_id=object.pk %}
        </div>
    </div>
    <div class="col-md-6">
        <div class="card">
            <h5 class="card-header">
                {% trans "NAT Rules" %}
                <div class="card-actions">
                    {% if perms.netbox_security.add_natrule %}
                        <a href="{% url 'plugins:netbox_security:natrule_add' %}?return_url={{ object.get_absolute_url }}&source_prefixes={{ object.pk }}" class="btn btn-ghost-primary btn-sm">
                          <span class="mdi mdi-plus-thick" aria-hidden="true"></span> {% trans "Create NAT Rule (Source)" %}
                        </a>
                        <a href="{% url 'plugins:netbox_security:natrule_add' %}?return_url={{ object.get_absolute_url }}&destination_prefixes={{ object.pk }}" class="btn btn-ghost-primary btn-sm">
                          <span class="mdi mdi-plus-thick" aria-hidden="true"></span> {% trans "Create NAT Rule (Destination)" %}
                        </a>
                    {% endif %}
                </div>
            </h5>
            {% htmx_table 'plugins:netbox_security:natrule_list' source_addresses_id=object.pk %}
        </div>
    </div>
</div>
<div class="row">
    <div class="col-md-6">
        <div class="card">
            <h5 class="card-header">
                {% trans "Addresses" %}
                <div class="card-actions">
                    {% if perms.netbox_security.add_address %}
                        <a href="{% url 'plugins:netbox_security:address_add' %}?ipam_prefix={{ object.pk }}&return_url={{ object.get_absolute_url }}" class="btn btn-ghost-primary btn-sm">
                          <span class="mdi mdi-plus-thick" aria-hidden="true"></span> {% trans "Create Address" %}
                        </a>
                    {% endif %}
                </div>
            </h5>
            {% htmx_table 'plugins:netbox_security:address_list' prefix_id=object.pk %}
        </div>
    </div>
    <div class="col-md-6">
        <div class="card">
            <h5 class="card-header">
                {% trans "Security Zones" %}
                <div class="card-actions">
                    {% if perms.netbox_security.add_securityzone %}
                        <a href="{% url 'plugins:netbox_security:securityzone_add' %}?return_url={{ object.get_absolute_url }}" class="btn btn-ghost-primary btn-sm">
                          <span class="mdi mdi-plus-thick" aria-hidden="true"></span> {% trans "Create Security Zone" %}
                        </a>
                    {% endif %}
                </div>
            </h5>
            {% htmx_table 'plugins:netbox_security:securityzone_list' prefix_id=object.pk %}
        </div>
    </div>
</div>
{% endblock %}