{% extends "website/base/base.html" %}
{% load tags_conteudos %}

{% block principal %}
<script>
    function change_page(page){
        $('#page').val(page).parents('form').submit();

    }
    $(document).ready(function(){
        $(".filtro_letras li").click(function(){
             $("#page").val('1');
            if($(this).hasClass('seleccionada'))
                $("#search_letter").val('').parents('form').submit();
            else
                $("#search_letter").val($(this).html()).parents('form').submit();
        });

        if($("#search_letter").val() != "" ){
            var valor = $("#search_letter").val();
            $(".filtro_letras li").each(function(){
                if( $(this).html() == valor)
                    $(this).addClass('seleccionada');
            });
        }
    });


    $(document).ready(function() {
        $('#bt_pesquisar').click(function(){
          $("#page").val(1).parents('form').submit();
        });
    });
</script>
<div class="bread">
    <a href="{% url home-view %}">Arquidiocese de Braga</a> / Pesquisa
</div>

<!--noticia-->
<div class="espacamento_noticia">
    <div class="titulos">Pesquisa</div> 
    <form class="pesquisa_instituicao">
        <input type="hidden" name="page" id="page" value="{{ page.number|default:1 }}" />
        <input type="hidden" name="search_letter" id="search_letter" value="{{ form.search_letter.value|default:"" }}" />
        <div class="noticia_conteudo">Faça a sua pesquisa e tenha acesso ao que pretende.<br/>Filtre as suas opções para ter acesso a um conteúdo mais restrito</div>
        <fieldset>
            <legend>Pesquisa</legend>
            <div>
                <div class="left noticia_conteudo label_pesquisa">Pesquisa Livre</div>
                <div class="left"><input name="q" type="text" value="{{ form.q.value|default:'' }}"/></div>
                <div class="left">
                {{ form.models }}
                </div>
                                
                <div class="left"><input id="bt_pesquisar" type="button" value="pesquisar"/></div>
                <div class="clear"></div>
            </div>
            <ul class="filtro_letras">
                <li>A</li>
                <li>B</li>
                <li>C</li>
                <li>D</li>
                <li>E</li>
                <li>F</li>
                <li>G</li>
                <li>H</li>
                <li>I</li>
                <li>J</li>
                <li>K</li>
                <li>L</li>
                <li>M</li>
                <li>N</li>
                <li>O</li>
                <li>P</li>
                <li>Q</li>
                <li>R</li>
                <li>S</li>
                <li>T</li>
                <li>U</li>
                <li>V</li>
                <li>W</li>
                <li>X</li>
                <li>Y</li>
                <li>Z</li>
            </ul>
            <div class="clear"></div>   
        </fieldset>
    </form>
    {% if query %}
        <div class="noticia_conteudo">
            <ul>
                {% for result in page.object_list %}
                    {{ result.text|safe }}
                {% empty %}
                    <li>Não foi encontrado nenhum registo.</li>
                {% endfor %}
            </ul>
        </div>
        <div class="clear"></div>
        {% if page.has_previous or page.has_next %}
            <div class="paginationTG">
                {% load mkrange %}
                {% mkrange page.number|add:-5|min_value:1 page.number  1 as before_paginate %}
                {% with steps=before_paginate|length|multiply:-1|add:10 %}
                    {% mkrange page.number|add:1 page.number|add:steps|max_value:paginator.num_pages|add:1  1 as after_paginate %}
                    <ul>
                        {% for page in before_paginate %}
                            <li><a href='javascript:change_page({{ page }});'>{{ page }}</a></li>
                        {% endfor %}
                        <li class='currentpage'>{{ page.number }}</li>
                        {% for page in after_paginate %}
                            <li><a href='javascript:change_page({{ page }});'>{{ page }}</a></li>
                        {% endfor %}
                    </ul>
                {% endwith %}
                <div class="clear"></div>
            </div>
        {% endif %}
    {% endif %}
</div>
<!--fim das noticias--> 
{% endblock principal %}