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

{% block coluna_direita %}
 <ul class="menu_secundario">
    <li><a href="{% url paroquia-list-view %}?arciprestado={{ arciprestado_object.pk }}">Paróquias</a></li>
    <li><a href="{% url instituicoes %}?q=&models=None&search_letter=&arciprestado={{ arciprestado_object.pk }}" class="actual2">Instituições</a></li>
</ul>
<div class="clear"></div>
{% include "website/base/coluna_direita.html" %}
{% endblock coluna_direita %}

{% 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> / <a href="{% url arciprestados-list-view %}">Arciprestados</a> / <a href="{% url arciprestado-view pk=arciprestado_object.pk %}" > Arciprestado de {{ arciprestado_object.arciprestado }}</a> / Instituições
</div>

<!--noticia-->
<div class="espacamento_noticia">
    <div class="titulos">Instituições</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:"" }}" />
        <input type="hidden" name="arciprestado" id="arciprestado" value="{{ arciprestado_object.pk|default:"" }}" />


        <div class="noticia_conteudo">Faça a Pesquisa da instituição que pretende</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">
            {% for result in page.object_list %}
                <div class="item_listagem">
                    <div class="titulos_arc">{{ result.object.nome }}</div>
                    <div>
                        <ul>
                            {% if result.object.morada %}<li><strong>Morada: </strong>{{ result.object.morada }}</li>{% endif %}
                            {% if result.object.codigo_postal or result.object.localidade %}<li><strong>Código Postal: </strong>{{ result.object.codigo_postal }} {{ result.object.localidade|default:"" }}</li>{% endif %}
                            {% if result.object.telefone %}<li><strong>Telefone: </strong>{{ result.object.telefone }}</li>{% endif %}
                            {% if result.object.fax %}<li><strong>Fax:</strong>{{ result.object.fax }}</li>{% endif %}
                            {% if result.object.get_url %}<li><strong>Site Internet (URL): </strong><a href="{{ result.object.get_url }}" target="_blank">{{ result.object.get_url }}</a></li>{% endif %}
                            {% if result.object.email %}<li><strong>Email: </strong><a href="mailto:{{ result.object.email }}">{{ result.object.email }}</a></li>{% endif %}
                        </ul>
                    </div>
                    <div class="clear"></div>
                </div>
            {% empty %}
                <div><ul><li>Não foi encontrado nenhum registo.</li></ul></div>
                <div class="clear"></div>
            {% endfor %}
        </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 %}