{% load tags_conteudos %}
<div class="fundo_links">
    <div class="left coluna_newsletter">
        <div class="cx_branca">
            <div class="titulos_menores">Newsletter</div>
            <form class="newsletter" id="newsletter_register" style="padding-bottom:25px;">
                <div><input type="hidden" name="website" value="1"  />
                <input type="text" placeholder="e-mail" name="email"  /><input type="submit" value="Subscrever"/></div>
            </form>

            <script>
              /* attach a submit handler to the form */
              $("#newsletter_register").submit(function(event) {

                event.preventDefault();

                /* get some values from elements on the page: */
                var $form = $( this ),
                    email = $form.find( 'input[name="email"]' ).val();
                    website = $form.find( 'input[name="website"]' ).val();


                $.post( '{% url newsletter-ajax-registar-view %}', { email: email, website:website },
                  function( data ) {
                      $("#dialog").find('p').html(data['msg']);
                      $("#dialog").dialog();
                  }
                );
              });
            </script>
            <div id="dialog" title="Newsletter" style="display:none;">
                <p></p>
            </div>


        </div>
        <div class="acesso_curia cx_branca">
            <div class="left"><img src="{{ STATIC_URL }}images/rodape/logo_curia.png" width="70" height="70"></div>
            <div class="left texto_acessocuria">
                <a target="_blank" href="https://processos.diocese-braga.pt">Aceda á Cúria Online aqui</a>
            </div>
            <div class="clear"></div>
        </div>
    </div>
    <div class="left coluna_departamentos cx_branca">
        <div class="titulos_menores">Departamentos</div>
        <div class="texto_departamentos">
            {% get_departamentos as departamentos %}
            {% for departamento in departamentos %}
            <div><a href="{{ departamento.get_paginaweb }}" target="_blank" >{{ departamento.nome }}</a></div>
            {% endfor %}
        </div>
    </div>
    <div class="left cx_branca">
        <!--
        <div class="titulos_menores">Igrejas em Braga</div>
        <div class="coluna_igrejas"><img src="{{ STATIC_URL }}images/rodape/ex_igreja_braga.jpg" width="219" height="161"></div>
        -->

        <script>(function(d, s, id) {
          var js, fjs = d.getElementsByTagName(s)[0];
          if (d.getElementById(id)) return;
          js = d.createElement(s); js.id = id;
          js.src = "//connect.facebook.net/pt_PT/all.js#xfbml=1";
          fjs.parentNode.insertBefore(js, fjs);
        }(document, 'script', 'facebook-jssdk'));</script>
        <div class="fb-like-box" data-href="http://www.facebook.com/pages/Arquidiocese-de-Braga/132938956773236" data-width="292" data-height="204" data-show-faces="true" data-border-color="#FFFFFF" data-stream="false" data-header="false"></div>
        <style>
        .fbConnectWidgetTopmost{border-width:0px!important; border-color:none!important; border-style:none!important;}
        </style>

    </div>
    <div class="clear"></div>
</div>