{% extends 'base.html' %}
{% block main %}


    <ol class="breadcrumb">
      <li><span class="glyphicon glyphicon-home"></span></li>
      <li><a href="{% url 'abongroup_list_link' %}">Группы абонентов</a></li>
      <li class="active">{{ abon_group.title }}</li>
    </ol>


    <h3>Народ в выбранной группе</h3>
    <div class="table-responsive">
    <table class="table table-striped table-bordered">
        <thead>
        <tr>
            <th width="15">#</th>
            <th>
                <a href="{% url 'people_list_link' abon_group.id %}?order_by=username&dir={{ dir|default:"down" }}">
                    Абонент
                </a>
                {% if order_by == 'username' %}<span class="glyphicon glyphicon-filter"></span>{% endif %}
            </th>
            <th>
                <a href="{% url 'people_list_link' abon_group.id %}?order_by=ip_address&dir={{ dir|default:"down" }}">
                    IP Адрес
                </a>
                {% if order_by == 'ip_address' %}<span class="glyphicon glyphicon-filter"></span>{% endif %}
            </th>
            <th>
                <a href="{% url 'people_list_link' abon_group.id %}?order_by=fio&dir={{ dir|default:"down" }}">
                    ФИО
                </a>
                {% if order_by == 'fio' %}<span class="glyphicon glyphicon-filter"></span>{% endif %}
            </th>
            <th width="50">
                <a href="{% url 'people_list_link' abon_group.id %}?order_by=ballance&dir={{ dir|default:"down" }}">
                    Балланс
                </a>
                {% if order_by == 'ballance' %}<span class="glyphicon glyphicon-filter"></span>{% endif %}
            </th>
            <th width="150">Телефон</th>
            <th width="150">Тариф</th>
            <th width="100">Do</th>
        </tr>
        </thead>
        <tbody>
        {% for human in peoples %}
            <tr>
                <td>{{ human.id }}</td>
                <td><a href="{% url 'abonhome_link' human.group.id human.id %}">{{ human.username }}</a></td>
                <td>{{ human.ip_address|default:'Не назначен' }}</td>
                <td>{{ human.fio }}</td>
                <td>{{ human.ballance }}</td>
                <td><a href="tel:{{ human.telephone }}">{{ human.telephone }}</a></td>
                <td>
                    {% if human.active_tariff %}
                        <a href="{% url 'tarifs_edit_link' human.active_tariff.id %}">{{ human.active_tariff.title }}</a>
                    {% else %}&mdash;&mdash;&mdash;
                    {% endif %}
                </td>
                <td><a href="{% url 'abonapp_del_link' %}?t=a&id={{ human.id }}" class="btn btn-danger btn-sm">
                    <span class="glyphicon glyphicon-remove"></span>
                </a></td>
            </tr>
        {% empty %}
            <tr>
                <td colspan="8">
                    Ещё нет абонентов, <a href="{% url 'addabon_link' abon_group.id %}">добавить</a>
                </td>
            </tr>
        {% endfor %}
        </tbody>
        <tfoot>
        <tr>
            <td colspan="8">
                <a href="{% url 'addabon_link' abon_group.id %}" class="btn btn-sm btn-default" title="Добавить">
                    <span class="glyphicon glyphicon-plus"></span> Добавить абонента
                </a>
            </td>
        </tr>
        </tfoot>
    </table>
    </div>

    {% include 'toolbar_page.html' with pag=peoples %}

{% endblock %}