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


{% block principal %}
    {% if website.websiteprofile.contactos_noticia %}
        {% get_latest_contents website=website cod=website.websiteprofile.contactos_noticia.pk content_type=1 elements=1 as contactos %}
    {% endif %}

            <div>

             <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="{{ website.pk }}"  />
                          {% 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"/>
                            <!--colocar o email diocese@diocese-braga.pt-->
                          </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>
                    {% if contactos %}
                      <div class="titulos_arc">{{ contactos.0.titulo }}</div>
                      {{ contactos.0.noticia|safe }}
                    {% endif %}
                  </div>
                  <div class="clear"></div>
                </div>
              </div>
            <!--</div>
          </div>-->
            <!--fim das noticias-->


{% endblock principal %}