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

{% block title %}
    Log
{% endblock %}

{% block page_name %}
    <em class="fa fa-bar-chart"></em> Log
{% endblock %}


{% block log_active %}
    active
{% endblock %}

{% block page_content %}
    <table class="table table-hover">
        <thead>
        <tr>
            <th>Username</th>
            {#            <th>Cardreader</th>#}
            <th>Time</th>
            <th>Status</th>
            <th>Card</th>
        </tr>
        </thead>
        <tbody>
        {% for log in logs %}
            <tr>
                {#                {{ log.userid }}#}
                {#                {{ log.timeuserid }}#}
                {% if log.userid %}
                    <td>{{ log.userid }}</td>
                {% else %}
                    {% if log.timeuserid %}
                        <td>{{ log.timeuserid }}</td>
                    {% else %}
                        <td>----</td>
                    {% endif %}
                {% endif %}
                {#                <td>{{ log }}</td>#}
                {#                <td>{{ log.cardreaderid }}</td>#}
                <td>{{ log.time }}</td>
                <td>{{ log.statusid.status }}</td>
                <td>{{ log.card }}</td>
            </tr>
        {% endfor %}
        </tbody>
    </table>

    {% if logs.has_other_pages %}
        <div class="btn-group btn-group-toggle" role="group" aria-label="paggination buttons">
            {% if logs.has_previous %}
                <a type="button" class="btn btn-secondary" href="?page=1">first </a>
                <a type="button" class="btn btn-secondary" href="?page={{ logs.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 %}
            {% if logs.paginator.num_pages <= 10 %}
                {% for i in logs.paginator.page_range %}
                    {% if logs.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 %}

                <a type="button" class="btn btn-secondary" disabled>...</a>
                {% for i in logs.number|index_range:10 %}
                    {% if logs.has_next %}
                        {% if i == logs.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 logs.has_next %}
                <a type="button" class="btn btn-secondary" href="?page={{ logs.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 %}