{% extends 'base/base.html' %}
{% load base_extras %}

{% block title %}
    Time users
{% endblock %}

{% block page_name %}
    <em class="fa fa-user"></em> Time users list
{% endblock %}


{% block time_users_active %}
    active
{% endblock %}

{% block page_content %}

    {% if messages %}
        {% for message in messages %}

            <div class="alert alert-{{ message.tags }}" role="alert">
                {{ message }}
            </div>
        {% endfor %}
    {% endif %}

    <table class="table table-hover">
        <thead>
        <tr>
            <th>First name</th>
            <th>Surname</th>
            <th>Start date</th>
            <th>End date</th>
            <th>Card</th>
            <th>Email</th>
            <th>Phone</th>
            <th>Manage</th>
        </tr>
        </thead>
        <tbody>
        {% for user in time_users %}
            <tr>
                <td>{{ user.first_name }}</td>
                <td>{{ user.surname }}</td>
                {% if user.forever %}
                    <td>forever</td>
                    <td>forever</td>
                {% else %}
                    <td>{{ user.start_date }}</td>
                    <td>{{ user.end_date }}</td>
                {% endif %}
                <td>{{ user.card }}</td>
                <td>{{ user.email }}</td>
                <td>{{ user.phone }}</td>
                {#                <td>{% if is_warning %}#}
                {#                    warning#}
                {#                {% else %}#}
                {#                    nie warning#}
                {#                {% endif %}#}
                {#                    {{ user.is_warning }}#}
                {#                </td>#}
                <td>
                    <div class="btn-group btn-group-sm" role="group" aria-label="Management buttons">
                        <a class="btn btn-secondary" href="{% url 'timeusers:edit' user.pk %}">Edit</a>
                        <a class="btn btn-secondary" href="{% url 'timeusers:remove' user.pk %}">Delete</a>
                        {% if user.activated %}
                            <a class="btn btn-secondary" href="{% url 'timeusers:deactivate' user.pk %}">Deactivate</a>
                            {#                            <a class="btn btn-secondary" href="">{{ user.activated }}</a>#}
                        {% else %}
                            <a class="btn btn-secondary" href="{% url 'timeusers:activate' user.pk %}">Activate</a>
                        {% endif %}
                        {#                        {{ user.activated }}#}
                    </div>
                </td>
            </tr>
        {% endfor %}
        </tbody>
    </table>

    {#    {% if time_users.has_other_pages %}#}
    {#        <div class="btn-group btn-group-toggle" role="group" aria-label="paggination buttons">#}
    {#            <ul class="pagination">#}
    {#            {% if users.has_previous %}#}
    {#                <li><a href="?page={{ users.previous_page_number }}">&laquo;</a></li>#}
    {#                <li>#}
    {#                <a type="button" class="btn btn-secondary" href="?page={{ users.previous_page_number }}">&laquo; </a>#}
    {#                </li>#}
    {#            {% else %}#}
    {#                <a type="button" class="btn btn-secondary" disabled>&laquo; </a>#}
    {#                <li class="disabled"><span>&laquo;</span></li>#}
    {#            {% endif %}#}
    {#            {% for i in users.paginator.page_range %}#}
    {#                {% if users.number == i %}#}
    {#                    <a type="button" class="btn btn-secondary" checked>{{ i }}</a>#}
    {#                    <li class="active"><span>{{ i }} <span class="sr-only">(current)</span></span></li>#}
    {#                {% else %}#}
    {#                    <li><a href="?page={{ i }}">{{ i }}</a></li>#}
    {#                    <a type="button" class="btn btn-secondary" href="?page={{ i }}">{{ i }}</a>#}
    {##}
    {#                {% endif %}#}
    {#            {% endfor %}#}
    {#            {% if users.has_next %}#}
    {#                <li><a href="?page={{ users.next_page_number }}">&raquo;</a></li>#}
    {#                <a type="button" class="btn btn-secondary" href="?page={{ users.next_page_number }}">&raquo; </a>#}
    {#            {% else %}#}
    {#                <a type="button" class="btn btn-secondary" disabled>&raquo; </a>#}
    {#                <li class="disabled"><span>&raquo;</span></li>#}
    {#            {% endif %}#}
    {#            </ul>#}
    {#        </div>#}
    {#    {% endif %}#}


    {% if time_users.has_other_pages %}
        <div class="btn-group btn-group-toggle" role="group" aria-label="paggination buttons">
            {% if time_users.has_previous %}
                <a type="button" class="btn btn-secondary" href="?page=1">first </a>
                <a type="button" class="btn btn-secondary"
                   href="?page={{ time_users.previous_page_number }}">before </a>
            {% else %}
                <a type="button" class="btn btn-secondary" disabled>first </a>
                <a type="button" class="btn btn-secondary" disabled>before </a>
            {% endif %}
            {#            {{ time_users.paginator.num_pages }}#}
            {% if time_users.paginator.num_pages <= 10 %}
                {% for i in time_users.paginator.page_range %}
                    {#                    <p>{{ i }}</p>#}
                    {% if time_users.number == i %}
                        <a type="button" class="btn btn-secondary" checked>{{ i }}</a>
                    {% else %}
                        <a type="button" class="btn btn-secondary" href="?page={{ i }}">{{ i }}</a>

                    {% endif %}
                {% endfor %}
            {% else %}
                {#                <p>{{ i }}</p>#}

                <a type="button" class="btn btn-secondary" disabled>...</a>
                {% for i in time_users.number|index_range:10 %}
                    {% if time_users.has_next %}
                        {% if i == time_users.number %}
                            <a type="button" class="btn btn-secondary" checked>{{ i }}</a>
                        {% else %}
                            <a type="button" class="btn btn-secondary" href="?page={{ i }}">{{ i }}</a>
                        {% endif %}
                    {% endif %}
                {% endfor %}
                <a type="button" class="btn btn-secondary" disabled>...</a>

            {% endif %}
            {% if time_users.has_next %}
                <a type="button" class="btn btn-secondary" href="?page={{ time_users.next_page_number }}">next </a>
                <a type="button" class="btn btn-secondary" href="?page={{ last_page_number }}">last </a>
            {% else %}
                <a type="button" class="btn btn-secondary" disabled>next </a>
                <a type="button" class="btn btn-secondary" disabled>last </a>
            {% endif %}
            {#            </ul>#}
        </div>
    {% endif %}
{% endblock %}