{% extends 'website/templates/base.html' %}
{% block content %}
{% load count_tags %}
<h4><u>Recent Questions</u></h4>
<table class="table table-striped table-bordered table-hover">
    <th> FOSS </th>
    <th>TUTORIAL</th>
    <th> MIN</th>
    <th> SEC </th>
    <th> QUESTION</th>
    <th> DATE</th>
    <th>VIEWS</th>
    <th> USER</th>
    {% for question in questions %}
    <tr>
        <td>
            <span href="#" class="category" data-toggle="tooltip" data-placement="top" title="{{ question.category}}">
                {{ question.category|truncatechars:15 }} 
            </span>
            <a class="pull-right" href="{% url 'website:filter' question.category %}?qid={{ question.id }}">
                <span class="glyphicon glyphicon-search"></span>
            </a>
        </td>

        <td>
            <span class="tutorial" data-toggle="tooltip" data-placement="top" title="{{ question.tutorial}}">
                {{ question.tutorial|truncatechars:15 }}
            </span>
            <a class="pull-right" href="{% url 'website:filter' question.category question.tutorial %}?qid={{ question.id }}">
                <span class="glyphicon glyphicon-search"></span>
            </a>
        </td>

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

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

        <td>
            <span class="title" data-toggle="tooltip" data-placement="top" title="{{ question.title }}">
                <a href="{% url 'website:get_question' question.id %}">{{ question.title|truncatechars:45 }}</a>
            </span>            
        </td>

        <td>    
            <span>
                <i>
                    {{ question.date_created|date:"y-d-m" }}
                </i>
            </span>
        </td>

        <td>
            {{ question.views}}
        </td>
                
        <td>
                {{ question.user }}
        </td>
    </tr>
    {% endfor %}
</table>
    {% 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 %}

{% block javascript %}
<script>
    $('span').tooltip();
</script>
{% endblock %}