{% extends "base.html" %}
<!-- questions.html -->
{% load extra_tags %}
{% load i18n %}
{% load humanize %}
{% load extra_filters %}
{% load smart_if %}
{% block title %}{% spaceless %}{% trans "Questions" %}{% endspaceless %}{% endblock %}
{% block forejs %}
       <script type="text/javascript">
           var tags = {{ tags_autocomplete|safe }};
           $().ready(function(){
               var sort_tab_id = "{{ sort }}";
               $("#"+sort_tab_id).attr('className',"on");
               var scope_tab_id = "{{ scope }}";
               $("#"+scope_tab_id).attr('className',"on");
               var on_tab = '#nav_questions';
               $(on_tab).attr('className','on');
               Hilite.exact = false;
               Hilite.elementid = "listA";
               Hilite.debug_referrer = location.href;
           });
       </script>
       <script type='text/javascript' src='{% media  "/media/js/com.cnprog.editor.js" %}'></script>
       <script type='text/javascript' src='{% media  "/media/js/com.cnprog.tag_selector.js" %}'></script>
{% endblock %}
{% block content %}
<div class="tabBar">
    {% comment %}
    <div class="headQuestions">
        {% if searchtag %}
            {% trans "Found by tags" %}
        {% else %}
            {% if searchtitle %}
                {% if settings.USE_SPHINX_SEARCH %}
                    {% trans "Search results" %}
                {% else %}
                    {% trans "Found by title" %}
                {% endif %}
            {% else %}
                {% if is_unanswered %}
                    {% trans "Unanswered questions" %}
                {% else %}
                    {% trans "All questions" %}
                {% endif %}
            {% endif %}
        {% endif %}
    </div><br/>
    {% endcomment %}
    <div class="tabsC">
        <span class="label">{% trans "Pick:" %}</span>
        <a id="all" class="off" href="?scope=all" title="{% trans "see all questions" %}">{% trans "all" %}</a>
        <a id="unanswered" class="off" href="?scope=unanswered" title="{% trans "see unanswered questions" %}">{% trans "unanswered" %}</a>
        {% if request.user.is_authenticated %} 
        <a id="favorite" class="off" href="?scope=favorite" title="{% trans "see your favorite questions" %}">{% trans "favorite" %}</a>
        {% endif %}
    </div>
    <div class="tabsA">
        <span class="label">{% trans "Sort by:" %}</span>
        {% if sort == "oldest" %}
        <a id="oldest" 
            href="?sort=latest" 
            class="off" 
            title="{% trans "click to see the newest questions" %}">{% trans "oldest" %}</a>
        {% else %}
                {% if sort == "latest" %}
                    <a id="latest" 
                        href="?sort=oldest" 
                        class="off" 
                        title="{% trans "click to see the oldest questions" %}">{% trans "newest" %}</a>
                {% else %}
                    <a id="latest" 
                        href="?sort=latest" 
                        class="off" 
                        title="{% trans "click to see the newest questions" %}">{% trans "newest" %}</a>
                {% endif %}
        {% endif %}

        {% if sort == "inactive" %}
        <a id="inactive" 
            href="?sort=active" 
            class="off" 
            title="{% trans "click to see the most recently updated questions" %}">{% trans "inactive" %}</a>
        {% else %}
            {% if sort == "active" %}
                <a id="active" 
                    href="?sort=inactive" 
                    class="off" 
                    title="{% trans "click to see the least recently updated questions" %}">{% trans "active" %}</a>
            {% else %}
                <a id="active" 
                    href="?sort=active" 
                    class="off" 
                    title="{% trans "click to see the most recently updated questions" %}">{% trans "active" %}</a>
            {% endif %}
        {% endif %}

        {% if sort == "coldest" %}
        <a id="coldest" 
            href="?sort=hottest" 
            class="off" 
            title="{% trans "click to see hottest questions" %}">{% trans "coldest" %}</a>
        {% else %}
            {% if sort == "hottest" %}
                <a id="hottest" 
                    href="?sort=coldest" 
                    class="off" 
                    title="{% trans "click to see coldest questions" %}">{% trans "hottest" %}</a>
            {% else %}
                <a id="hottest" 
                    href="?sort=hottest" 
                    class="off" 
                    title="{% trans "click to see hottest questions" %}">{% trans "hottest" %}</a>
            {% endif %}
        {% endif %}

        {% if sort == "leastvoted" %}
        <a id="leastvoted" 
            href="?sort=mostvoted" 
            class="off" 
            title="{% trans "click to see most voted questions" %}">{% trans "unpopular" %}</a>    
        {% else %}
            {% if sort == "mostvoted" %}
                <a id="mostvoted" 
                    href="?sort=leastvoted" 
                    class="off" 
                    title="{% trans "click to see least voted questions" %}">{% trans "popular" %}</a>    
            {% else %}
                <a id="mostvoted" 
                    href="?sort=mostvoted" 
                    class="off" 
                    title="{% trans "click to see most voted questions" %}">{% trans "popular" %}</a>    
            {% endif %}
        {% endif %}
    </div>
</div>
<div id="listA">
    {% include "question_list.html" %}
        {% if questions_count == 0 %}
            <p class="evenMore" style="padding-top:30px;text-align:center;">
            {% if scope == "unanswered" %}
                {% trans "There are no unanswered questions in this selection" %}
            {% endif %}
            {% if scope == "favorite" %}
                {% trans "No favorite questions here. " %}
                {% trans "Please bookmark some questions with a star and find them here later." %}
            {% endif %}
            {% if scope == "all" %}
                {% trans "Did not find anything? Please feel free to ask your question!" %}
            {% endif %}
            </p>
        {% else %}
            <p class="evenMore" style="padding-left:9px">
                {% trans "Did not find what you were looking for?" %} 
                <a href="{% url ask %}">{% trans "Please, post your question!" %}</a>
            </p>
        {% endif %}
</div>
{% endblock %}

{% block tail %}
    <div class="pager">{% cnprog_paginator context %}</div>
    <div class="pagesize">{% cnprog_pagesize context %}</div>
{% endblock %}

{% block sidebar %}
<div class="boxC">
		{% if searchtag %}
            {% blocktrans count questions_count as cnt with questions_count|intcomma as q_num and searchtag as tagname %}have total {{q_num}} questions tagged {{tagname}}{% plural %}have total {{q_num}} questions tagged {{tagname}}{% endblocktrans %}
		{% else %}
			{% if searchtitle %}
                {% if settings.USE_SPHINX_SEARCH %}
                    {% blocktrans count questions_count as cnt with questions_count|intcomma as q_num %} have total {{q_num}} questions containing {{searchtitle}} in full text {% plural %} have total {{q_num}} questions containing {{searchtitle}} in full text {% endblocktrans %}
                {% else %}
                    {% blocktrans count questions_count as cnt with questions_count|intcomma as q_num %} have total {{q_num}} questions containing {{searchtitle}} {% plural %} have total {{q_num}} questions containing {{searchtitle}} {% endblocktrans %}
                {% endif %}
			{% else %}
                {% if is_unanswered %}
                    {% blocktrans count questions_count as cnt with questions_count|intcomma as q_num %} have total {{q_num}} unanswered questions {% plural %} have total {{q_num}} unanswered questions {% endblocktrans %}
                {% else %}
                    {% blocktrans count questions_count as cnt with questions_count|intcomma as q_num %} have total {{q_num}} questions {% plural %} have total {{q_num}} questions {% endblocktrans %}
                {% endif %}
			{% endif %}
		{% endif %}
        <p class="nomargin">
        {% ifequal tab_id "latest" %}
			{% trans "latest questions info" %}
        {% endifequal %}
        
        {% ifequal tab_id "active" %}
            {% trans "Questions are sorted by the <strong>time of last update</strong>." %} 
			{% trans "Most recently answered ones are shown first." %}
        {% endifequal %}
        
        {% ifequal tab_id "hottest" %}
			{% trans "Questions sorted by <strong>number of responses</strong>." %}
            {% trans "Most answered questions are shown first." %}
        {% endifequal %}
        
        {% ifequal tab_id "mostvoted" %}
			{% trans "Questions are sorted by the <strong>number of votes</strong>." %}
            {% trans "Most voted questions are shown first." %}
        {% endifequal %}
        </p>
</div>
{% if request.user.is_authenticated %} 
{% include "tag_selector.html" %}
{% endif %}
<div class="boxC">
	<h3 class="subtitle">{% trans "Related tags" %}</h3>
    <div class="tags">
        {% for tag in tags %}
            <a rel="tag" title="{% blocktrans with tag.name as tag_name %}see questions tagged '{{ tag_name }}'{% endblocktrans %}"  href="{% url tag_questions tag.name|urlencode %}">{{ tag.name }}</a>
            <span class="tag-number">&#215; {{ tag.used_count|intcomma }}</span>
            <br />
        {% endfor %}
    </div>
</div>

{% endblock %}
<!-- end questions.html -->