{% extends 'website/templates/base.html' %}
{% block content %}
{% load count_tags %}
<h4><u>Recent Questions</u></h4>
    {% for question in questions %}
        <div class="question">
            <div class="title">
                <a href="{% url 'website:get_question' question.id %}">{{ question.title }}</a>
            </div> 
            <br>
            <span class="category">
                <small>
                    <a href="{% url 'website:filter' question.category %}?qid={{ question.id }}">
                        {{ question.category }}
                    </a>
                </small>
            </span>

            <span class="tutorial">
                <small>
                    <a href="{% url 'website:filter' question.category question.tutorial %}?qid={{ question.id }}">
                        {{ question.tutorial}}
                    </a>
                </small>
            </span>

            <span class="minute_range">
                <small>
                    <a href="{% url 'website:filter' question.category question.tutorial question.minute_range %}?qid={{ question.id }}">
                        {{ question.minute_range }} min
                    </a>
                </small>
            </span>

            <span class="second_range">
                <small>
                    <a href="{% url 'website:filter' question.category question.tutorial question.minute_range question.second_range%}?qid={{ question.id }}">
                        {{ question.second_range }} sec
                    </a>
                </small>
            </span>
            
            <span class="meta">
                <small>
                        <i>
                            {{ question.date_created }}
                        </i>
                </small>

                <span class="user">
                    {{ question.user }}
                </span>
            </span>
        </div> <!-- /.question -->
    {% endfor %}

    {% if total > 10 %}
        <ul class="pagination pull-right">
            {% for i in total|get_range:"0,10" %}
                <li>
                    <a href="{% url 'website:home' %}?marker={{ i }}">
                        {% if i == marker %}
                            <strong>{{ i|div:"10"|inc }}</strong>
                        {% else %}
                            {{ i|div:"10"|inc }}
                        {% endif %}
                    </a>
                </li>
            {% endfor %}
        </ul>
    {% endif %}

{% endblock %}