{% extends "network/base.html" %}
{% load render_table from django_tables2 %}
{% load i18n %}
{% load l10n %}
{% load staticfiles %}
{% load crispy_forms_tags %}

{% block content %}
<div class="page-header">
    <a href="{% url network.host_delete pk=host_pk%}" class="btn btn-danger pull-right"><i class="icon-remove-sign"></i> Delete this host</a>
    <h1>{{ form.hostname.value }} <small>details of host</small></h1>
</div>

<div class="row">
    <div class="col-sm-8">
        {% crispy form %}
    </div>
    <div class="col-sm-4">
        <div class="page-header">
            <h3>Rules</h3>
        </div>
        {% if rule_list.data.data.count > 0 %}
            {% render_table rule_list %}
        {% else %}
            No rules associated with this host!
        {% endif %}
        
        <div class="page-header">
            <h3>Groups</h3>
        </div>
        {% for group in group_rule_list %}
            <div>
                <h4 id="{{ group.pk }}_group_pk">{{ group.name }} 
                    <a href="{% url network.remove_host_group pk=host_pk group_pk=group.pk %}?from={{ request.path }}">
                        <i class="icon-remove" style="vertical-align: middle;"></i></a>
                <a href="{% url network.group group.pk %}">
                    <i class="icon-pencil" style="vertical-align: middle;"></i></a>
                </h4>
                {% render_table group.table %}
            </div>
        {% endfor %}

    <div class="page-header">
        <h3>Add host group</h3>
    </div>
    {% if not_used_groups|length == 0 %}
      No more groups to add!
    {% else %}
        <form action="{% url network.add_host_group pk=host_pk %}" method="POST">
        {% csrf_token %}
            <div class="input-group">
                <select name="group" id="add_group" class="form-control">
                    {% for rest in not_used_groups %}
                        <option value="{{ rest.pk }}">{{ rest }}</option>
                    {% endfor %}
                </select>
                <div class="input-group-btn">
                    <input type="submit" value="Add group" class="btn btn-default"></input>
                </div>
            </div><!-- input-group -->
        </form>
    {% endif %}
    </div><!-- col-sm-4 -->
</div><!-- row -->

{% endblock %}
