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


{% block principal %}

<script>
    $('#menu').find('a#menu_contactos').addClass('actual');
</script>

              <div>
                <div class="bread"><a href="{% url home-view %}">Arquidiocese de Braga</a> / Contactos</div>
                <!--noticia-->
                <div class="titulos">Contactos</div>
                <div class="espacamento_noticia pagina_rss">
                  <div class="noticia_conteudo">
                    <div class="item_listagem">
                      <div class="titulos_arc">Pedido de Informação</div>
                      <form class="pedido_info" id="form_contacto">
                          <input type="hidden" name="website" value="1"  />
                          {% csrf_token %}
                        <div class="linha_pedido">
                          <div class="left label2">Nome</div>
                          <div class="left">
                            <input type="text" name="nome" id="nome"/>
                          </div>
                          <div class="clear"></div>
                        </div>
                        <div class="linha_pedido">
                          <div class="left label2">E-mail</div>
                          <div class="left">
                            <input type="text" name="email" id="email"/>
                          </div>
                          <div class="clear"></div>
                        </div>
                        <div class="linha_pedido">
                          <div class="left label2">Telefone</div>
                          <div class="left">
                            <input type="text" name="telefone" id="telefone"/>
                          </div>
                          <div class="clear"></div>
                        </div>
                        <div class="linha_pedido">
                          <div class="left label2">Assunto</div>
                          <div class="left">
                            <input type="text" name="assunto" id="assunto"/>
                          </div>
                          <div class="clear"></div>
                        </div>
                        <div class="linha_pedido">
                          <div class="left label2">Mensagem</div>
                          <div class="left">
                            <textarea name="mensagem" id="mensagem"></textarea>
                          </div>
                          <div class="clear"></div>
                        </div>
                        <div class="linha_pedido">
                          <div class="left label2">&nbsp;</div>
                          <div class="left">
                            <input type="submit" value="enviar"/>
                          </div>
                          <div class="clear"></div>
                        </div>
                      </form>
                      <script>
                          contact_form = $("#form_contacto");
                          $(contact_form).submit(function(){
                              $.post("{% url contacto-view %}", contact_form.serialize(), function(data) {
                                  alert(data.msg);
                                  //window.location.reload();
                                  /*
                                  if(data.ok){
                                      window.location.reload();
                                  }
                                  */
                                  if (data.ok ==1){
                                    $('#nome').val('');
                                    $('#email').val('');
                                    $('#telefone').val('');
                                    $('#assunto').val('');
                                    $('#mensagem').val('');
                                  }
                              });
                              return false;
                          });
                      </script>
                    </div>
                    <div class="titulos_arc">{{ object.titulo }}</div>
                    {{ object.noticia|safe }}
                  </div>
                  <div class="clear"></div>
                </div>
              </div>
            <!--fim das noticias-->
{% endblock principal %}