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


    <ol class="breadcrumb">
        <li><span class="glyphicon glyphicon-home"></span></li>
        <li class="active">Тарифы</li>
    </ol>

    {% include 'message_block.html' %}

    <h3>Список тарифов</h3>
    <div class="table-responsive">
        <table class="table table-striped table-bordered">
            <thead>
            <tr>
                <th>
                    <a href="{% url 'tarifs:home' %}?order_by=title&dir={{ dir|default:"down" }}">
                        Тариф
                    </a>
                    {% if order_by == 'title' %}<span class="glyphicon glyphicon-filter"></span>{% endif %}
                </th>
                <th>
                    <a href="{% url 'tarifs:home' %}?order_by=speedIn&dir={{ dir|default:"down" }}">
                        Входящая скорость
                    </a>
                    {% if order_by == 'speedIn' %}<span class="glyphicon glyphicon-filter"></span>{% endif %}
                </th>
                <th>
                    <a href="{% url 'tarifs:home' %}?order_by=speedOut&dir={{ dir|default:"down" }}">
                        Исходящая скорость
                    </a>
                    {% if order_by == 'speedOut' %}<span class="glyphicon glyphicon-filter"></span>{% endif %}
                </th>
                <th>
                    <a href="{% url 'tarifs:home' %}?order_by=amount&dir={{ dir|default:"down" }}">
                        Стоимость
                    </a>
                    {% if order_by == 'amount' %}<span class="glyphicon glyphicon-filter"></span>{% endif %}
                </th>
                <th>
                    <a href="{% url 'tarifs:home' %}?order_by=time_of_action&dir={{ dir|default:"down" }}">
                        Время действия
                    </a>
                    {% if order_by == 'time_of_action' %}<span class="glyphicon glyphicon-filter"></span>{% endif %}
                </th>
                <th width="250">Название скрипта</th>
                <th width="50">Do</th>
            </tr>
            </thead>
            <tbody>
            {% for tar in tariflist %}
                <tr>
                    <td>
                        {% if perms.tariff_app.change_tariff %}
                            <a href="{% url 'tarifs:edit' tar.id %}"><b>{{ tar.title }}</b></a>
                        {% else %}
                            {{ tar.title }}
                        {% endif %}
                    </td>
                    <td>{{ tar.speedIn }}</td>
                    <td>{{ tar.speedOut }}</td>
                    <td>{{ tar.amount }} руб</td>
                    <td>{{ tar.time_of_action }} дней</td>
                    <td>{{ tar.calc_type }}</td>
                    <td>
                        {% if perms.tariff_app.delete_tariff %}
                            <a href="{% url 'tarifs:del' tar.id %}" class="btn btn-sm btn-danger">
                                <span class="glyphicon glyphicon-remove-circle"></span>
                            </a>
                        {% endif %}
                    </td>
                </tr>
            {% empty %}
                <tr>
                    <td colspan="7">Ещё нет созданных тарифов.
                        {% if perms.tariff_app.add_tariff %}
                            <a href="{% url 'tarifs:add' %}" class="lgtbx">Создать</a>
                        {% endif %}
                    </td>
                </tr>
            {% endfor %}
            </tbody>

            {% if perms.tariff_app.add_tariff %}
            <tfoot>
            <tr>
                <td colspan="7">
                    <a href="{% url 'tarifs:add' %}" class="btn btn-sm btn-success">
                        <span class="glyphicon glyphicon-plus"></span> Добавить
                    </a>
                </td>
            </tr>
            </tfoot>
            {% endif %}

        </table>
    </div>

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

{% endblock %}