{% extends 'generic/object.html' %}
{% load render_table from django_tables2 %}

{% block content %}
    <div class="row">
        <div class="col col-md-6">
            <div class="card">
                <h2 class="card-header">Configuration</h2>
                <table class="table table-hover attr-table">
                    <tr>
                        <th scope="row">Server</th>
                        <td>
                            {{ object.server }}
                        </td>
                    </tr>
                    <tr>
                        <th scope="row">Server port</th>
                        <td>
                            {{ object.server_port }}
                        </td>
                    </tr>
                    <tr>
                        <th scope="row">Protocol</th>
                        <td>
                            {{ object.protocol }}
                        </td>
                    </tr>
                </table>
            </div>
            <div class="card">
                <h2 class="card-header">Authentication</h2>
                <table class="table table-hover attr-table">
                    <tr>
                        <th scope="row">Name</th>
                        <td>
                            {{ object.tsig_key_name }}
                        </td>
                    </tr>
                    <tr>
                        <th scope="row">Algorithm</th>
                        <td>
                            {{ object.tsig_algorithm }}
                        </td>
                    </tr>
                    <tr>
                        <th scope="row">Key</th>
                        <td>
                            {{ object.tsig_key }}
                        </td>
                    </tr>
                </table>
            </div>
            <div class="card">
                <div class="justify-content-between card-header">
                    <h1 class="card-title">Forward Zones</h1>
                </div>
                <div class="card-body table-responsive">
                    {% render_table zone_table %}
                </div>
            </div>
            <div class="card">
                <div class="justify-content-between card-header">
                    <h1 class="card-title">Reverse Zones</h1>
                </div>
                <div class="card-body table-responsive">
                    {% render_table reversezone_table %}
                </div>
            </div>
            {% include 'inc/panels/custom_fields.html' %}
            {% include 'inc/panels/tags.html' %}
        </div>
    </div>

{% endblock content %}