{% extends 'netbox_slm/object.html' %}
{% load helpers %}
{% load plugins %}
{% load render_table from django_tables2 %}
{% load view_helpers %}
{% load perms %}

{% block extra_controls %}
{% comment %}
<a href="{% url 'plugins:netbox_slm:record_add' %}?zone={{ object.id }}" class="btn btn-sm btn-primary" role="button">
    <i class="mdi mdi-plus-thick"></i> Add Record
</a>
{% endcomment %}
{{ block.super }}
{% endblock %}

{% block content %}
<div class="row">
    <div class="col col-md-6">
        <div class="card">
            <div class="card-header">
                Zone
            </div>
            <div class="card-body">
                <table class="table table-hover attr-table">
                    <tr>
                        <th scope="row">Name</th>
                        <td>{{ object.name }}</td>
                    </tr>
                    <tr>
                        <th scope="row">Versions</th>
                        <td>
                            <ul>
<!--                                {% for nameserver in object.nameservers.all %}-->
<!--                                <li>-->
<!--                                    <a href="{% url 'plugins:netbox_slm:nameserver' pk=nameserver.pk %}">-->
<!--                                        {{ nameserver }}-->
<!--                                    </a>-->
<!--                                </li>-->
<!--                                {% endfor %}-->
                            </ul>
                        </td>
                    </tr>
                </table>
            </div>
        </div>
        {% include 'inc/custom_fields_panel.html' %}
    </div>
    <div class="col col-md-6">
        {% include 'extras/inc/tags_panel.html' with tags=object.tags.all url='plugins:netbox_slm:softwareproduct_list' %}
    </div>
</div>
<!--<div class="row">-->
<!--    <div class="col col-md-12">-->
<!--        <div class="card">-->
<!--            <h5 class="card-header">Records</h5>-->
<!--            <div class="card-body">-->
<!--                <table class="table table-hover attr-table table-striped">-->
<!--                    <thead>-->
<!--                        <tr>-->
<!--                            <th scope="col">TYPE</th>-->
<!--                            <th scope="col">NAME</th>-->
<!--                            <th scope="col">VALUE</th>-->
<!--                            <th scope="col">TTL</th>-->
<!--                            <th scope="col">Actions</th>-->
<!--                        </tr>-->
<!--                    </thead>-->
<!--                    <tbody>-->
<!--                        {% for record in records %}-->
<!--                        <tr>-->
<!--                            <td>{{ record.type }}</td>-->
<!--                            <td>{{ record.name|truncatechars:32 }}</td>-->
<!--                            <td>{{ record.value|truncatechars:64 }}</td>-->
<!--                            <td>{{ record.ttl }}</td>-->
<!--                            <td class="noprint text-end text-nowrap">-->
<!--                                {% if request.user|can_change:object %}-->
<!--                                    {% plugin_edit_button record %}-->
<!--                                {% endif %}-->
<!--                                {% if request.user|can_delete:object %}-->
<!--                                    {% plugin_delete_button record %}-->
<!--                                {% endif %}-->
<!--                            </td>-->
<!--                        </tr>-->
<!--                        {% endfor %}-->
<!--                    </tbody>-->
<!--                </table>-->
<!--            </div>-->
<!--        </div>-->
<!--    </div>-->
<!--</div>-->
{% endblock %}