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


{% block principal %}
<div>
    <div class="bread"><a href="{% url home-view %}">Arquidiocese de Braga</a> / Newsletter</div>
    <div class="espacamento_noticia">
        <div class="titulos">Newsletter</div>
        <div class="noticia_conteudo padding_igreja_viva">
            {% if confirmar %}
                A sua Subscrição da Newsletter foi efectuada com sucesso.<br/>
            {% endif %}
            {% if desactivar %}
                A sua Subscrição da Newsletter foi cancelada com sucesso.<br/>
            {% else %}
            Para remover a Subscrição introduza o seu email.
            <form class="newsletter" id="newsletter_deactivate">
                <div><input type="hidden" name="website" value="{{ website.pk }}"/>
                <input type="text" name="email" value="{{ email|default:"" }}" placeholder="e-mail" /><input type="submit" value="Remover Subscrição"/></div>
            </form>
            <script>
              /* attach a submit handler to the form */
              $("#newsletter_deactivate").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-desactivar-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>
            {% endif %}
        </div>
        <div class="clear"></div>
    </div>
</div>
{% endblock principal %}