{"id":902,"date":"2025-07-17T19:52:11","date_gmt":"2025-07-17T19:52:11","guid":{"rendered":"https:\/\/portifolio.devcraft.dev.br\/sintonia\/?page_id=902"},"modified":"2025-07-19T16:25:10","modified_gmt":"2025-07-19T16:25:10","slug":"aula-experimental","status":"publish","type":"page","link":"https:\/\/portifolio.devcraft.dev.br\/sintonia\/aula-experimental\/","title":{"rendered":"Aula experimental"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"902\" class=\"elementor elementor-902\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-8ed8c26 e-flex e-con-boxed e-con e-parent\" data-id=\"8ed8c26\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-6d1579a elementor-widget elementor-widget-html\" data-id=\"6d1579a\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\r\n  #formularioAula {\r\n    background: #F5F5F5;\r\n    padding: 25px;\r\n    border-radius: 10px;\r\n    max-width: 600px;\r\n    margin: 30px auto;\r\n    box-shadow: 0 0 10px rgba(0,0,0,0.05);\r\n    color: #2C2C2C;\r\n    font-family: system-ui, sans-serif;\r\n  }\r\n\r\n  #formularioAula label {\r\n    display: block;\r\n    font-weight: 600;\r\n    color: #245CFF;\r\n  }\r\n\r\n  #formularioAula input[type=\"text\"],\r\n  #formularioAula input[type=\"number\"],\r\n  #formularioAula input[type=\"tel\"],\r\n  #formularioAula textarea,\r\n  #formularioAula select {\r\n    width: 100%;\r\n    padding: 8px 12px;\r\n    border: 2px solid #ccc;\r\n    border-radius: 6px;\r\n    box-sizing: border-box;\r\n    background: white;\r\n    color: #2C2C2C;\r\n    font-size: 15px;\r\n    transition: border-color 0.3s ease;\r\n  }\r\n\r\n  #formularioAula input:focus,\r\n  #formularioAula textarea:focus,\r\n  #formularioAula select:focus {\r\n    border-color: #245CFF;\r\n    outline: none;\r\n  }\r\n\r\n  #formularioAula textarea {\r\n    resize: vertical;\r\n    min-height: 80px;\r\n  }\r\n\r\n  #formularioAula input[type=\"checkbox\"] {\r\n    margin-right: 6px;\r\n  }\r\n\r\n  #formularioAula button[type=\"submit\"] {\r\n    background-color: #F47C25;\r\n    color: white;\r\n    font-size: 16px;\r\n    font-weight: bold;\r\n    padding: 10px 20px;\r\n    border: none;\r\n    border-radius: 6px;\r\n    cursor: pointer;\r\n    transition: background-color 0.3s ease;\r\n    width: 100%;\r\n    margin-top: 10px;\r\n  }\r\n\r\n  #formularioAula button[type=\"submit\"]:hover {\r\n    background-color: #CA4E11;\r\n  }\r\n\r\n  #formularioAula .termo {\r\n    background-color: #fff;\r\n    border: 1px solid #ddd;\r\n    padding: 10px;\r\n    border-radius: 6px;\r\n    color: #2C2C2C;\r\n    font-size: 0.9em;\r\n    max-height: 180px;\r\n    overflow: auto;\r\n    margin-bottom: 10px;\r\n  }\r\n\r\n  #formularioAula .termo strong {\r\n    color: #F47C25;\r\n  }\r\n\r\n  #formularioAula #responsavelDiv,\r\n  #formularioAula #campoOutro {\r\n    transition: all 0.3s ease;\r\n  }\r\n\r\n  #formularioAula::before {\r\n    content: \"AGENDAR AULA EXPERIMENTAL\";\r\n    display: block;\r\n    text-align: center;\r\n    font-size: 20px;\r\n    font-weight: bold;\r\n    margin-bottom: 15px;\r\n    color: #F47C25;\r\n  }\r\n<\/style>\r\n\r\n\r\n\r\n\r\n\r\n\r\n<form id=\"formularioAula\" method=\"POST\" onsubmit=\"return enviarFormulario()\">\r\n\r\n  <label>Nome completo do aluno:*<br>\r\n    <input type=\"text\" name=\"nome\" required>\r\n  <\/label><br><br>\r\n\r\n  <label>Idade do aluno:*<br>\r\n    <input type=\"number\" name=\"idade\" id=\"idadeAluno\" required oninput=\"verificaIdade()\">\r\n  <\/label><br><br>\r\n\r\n  <div id=\"responsavelDiv\" style=\"display:none;\">\r\n    <label>Nome do respons\u00e1vel:*<br>\r\n      <input type=\"text\" name=\"responsavel\" id=\"responsavel\">\r\n    <\/label><br><br>\r\n  <\/div>\r\n\r\n  <label>Whatsapp:*<br>\r\n    <input type=\"tel\" name=\"whatsapp\" required>\r\n  <\/label><br><br>\r\n\r\n  <label>Endere\u00e7o completo:*<br>\r\n    <input type=\"text\" name=\"endereco\" required>\r\n  <\/label><br><br>\r\n\r\n  <label>Instagram:<br>\r\n    <input type=\"text\" name=\"instagram\">\r\n  <\/label><br><br>\r\n\r\n  <label>Por que deseja fazer o curso?:*<br>\r\n    <textarea name=\"motivo\" required><\/textarea>\r\n  <\/label><br><br>\r\n\r\n  <label>Como ficou sabendo do curso?:*<br>\r\n    <select name=\"origem\" id=\"origemSelect\" required onchange=\"mostrarOutroCampo()\">\r\n      <option value=\"\">Selecione<\/option>\r\n      <option value=\"instagram\">Instagram<\/option>\r\n      <option value=\"facebook\">Facebook<\/option>\r\n      <option value=\"indicacao\">Indica\u00e7\u00e3o<\/option>\r\n      <option value=\"espetaculo\">Assistiu algum espet\u00e1culo<\/option>\r\n      <option value=\"outro\">Outro<\/option>\r\n    <\/select>\r\n  <\/label><br><br>\r\n\r\n  <div id=\"campoOutro\" style=\"display:none;\">\r\n    <label>Especifique:<br>\r\n      <input type=\"text\" name=\"outro_texto\" id=\"outroTexto\">\r\n    <\/label><br><br>\r\n  <\/div>\r\n\r\n  <label>Qual curso deseja fazer?:*<br>\r\n    <select name=\"curso\" required>\r\n      <option value=\"\">Selecione<\/option>\r\n      <option value=\"canto\">Canto<\/option>\r\n      <option value=\"canto_coral\">Canto Coral<\/option>\r\n      <option value=\"interpretacao\">Interpreta\u00e7\u00e3o para TV e Cinema<\/option>\r\n      <option value=\"violao\">Instrumento Musical - Viol\u00e3o<\/option>\r\n      <option value=\"teatro\">Teatro<\/option>\r\n    <\/select>\r\n  <\/label><br><br>\r\n\r\n  <label>\r\n    <input type=\"checkbox\" id=\"aceite\" required>\r\n    Eu li e aceito o termo de autoriza\u00e7\u00e3o descrito abaixo.*\r\n  <\/label><br><br>\r\n\r\n  <div style=\"border:1px solid #ccc; padding:10px; max-height:200px; overflow:auto; font-size:0.9em;\">\r\n    <strong>Termo de Autoriza\u00e7\u00e3o:<\/strong><br>\r\n   Ao me inscrever na aula experimental do Centro Cultural Sintonia autorizo gratuitamente o uso de de imagem e a veicula\u00e7\u00e3o da mesma em todos os meios de publica\u00e7\u00e3o e difus\u00e3o que interessem aos fins art\u00edsticos e\/ou comerciais da institui\u00e7\u00e3o, como entidade voltada a fins educacionais e culturais. Portanto, a minha imagem pode ser utilizada em todas as suas modalidades e, em destaque, das seguintes formas: (I) folhetos em geral; (II) folder de apresenta\u00e7\u00e3o; (III) home page; (IV) m\u00eddia eletr\u00f4nica (Redes Sociais, pain\u00e9is, cds, dvd\u2019s, televis\u00e3o, cinema, programa para r\u00e1dio, entre outros). Concordo com o uso acima descrito sem que nada haja a ser reclamado a t\u00edtulo de direitos conexos \u00e0 minha imagem ou a qualquer outro. E autorizo que a aula seja gravada \u00fanica e exclusivamente pelo CENTRO CULTURAL SINTONIA, por\u00e9m tenho ci\u00eancia de que eu, como participante, n\u00e3o estou autorizado a tirar foto, gravar \u00e1udio e\/ou v\u00eddeo sem um consentimento pr\u00e9vio da institui\u00e7\u00e3o.\r\n  <\/div><br>\r\n\r\n  <button type=\"submit\">Enviar<\/button>\r\n  <div id=\"mensagemEnvio\" style=\"margin-top: 15px; font-weight: bold;\"><\/div>\r\n\r\n<\/form>\r\n\r\n\r\n<script>\r\nfunction verificaIdade() {\r\n  const idade = document.getElementById('idadeAluno').value;\r\n  const divResp = document.getElementById('responsavelDiv');\r\n  if (idade < 18 && idade !== \"\") {\r\n    divResp.style.display = 'block';\r\n    document.getElementById('responsavel').setAttribute('required', true);\r\n  } else {\r\n    divResp.style.display = 'none';\r\n    document.getElementById('responsavel').removeAttribute('required');\r\n  }\r\n}\r\n\r\nfunction mostrarOutroCampo() {\r\n  const select = document.getElementById('origemSelect');\r\n  const outro = document.getElementById('campoOutro');\r\n  if (select.value === 'outro') {\r\n    outro.style.display = 'block';\r\n    document.getElementById('outroTexto').setAttribute('required', true);\r\n  } else {\r\n    outro.style.display = 'none';\r\n    document.getElementById('outroTexto').removeAttribute('required');\r\n  }\r\n}\r\n\r\nfunction validarFormulario() {\r\n  if (!document.getElementById('aceite').checked) {\r\n    alert('Voc\u00ea deve aceitar o termo de autoriza\u00e7\u00e3o.');\r\n    return false;\r\n  }\r\n  return true;\r\n}\r\n<\/script>\r\n\r\n<script>\r\nfunction enviarFormulario() {\r\n  const form = document.getElementById('formularioAula');\r\n  const formData = new FormData(form);\r\n  const mensagemDiv = document.getElementById('mensagemEnvio');\r\n\r\n  fetch('\/sintonia\/wp-content\/themes\/hello-elementor\/envia-aula.php', {\r\n    method: 'POST',\r\n    body: formData\r\n  })\r\n  .then(res => res.json())\r\n  .then(data => {\r\n    if (data.status === 'ok') {\r\n      mensagemDiv.style.color = 'green';\r\n      form.reset();\r\n    } else {\r\n      mensagemDiv.style.color = 'red';\r\n    }\r\n    mensagemDiv.textContent = data.mensagem;\r\n  })\r\n  .catch(() => {\r\n    mensagemDiv.style.color = 'red';\r\n    mensagemDiv.textContent = \"Erro ao enviar o formul\u00e1rio.\";\r\n  });\r\n\r\n  return false; \/\/ evita redirecionamento\r\n}\r\n<\/script>\r\n\r\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Nome completo do aluno:* Idade do aluno:* Nome do respons\u00e1vel:* Whatsapp:* Endere\u00e7o completo:* Instagram: Por que deseja fazer o curso?:* Como ficou sabendo do curso?:* SelecioneInstagramFacebookIndica\u00e7\u00e3oAssistiu algum espet\u00e1culoOutro Especifique: Qual curso deseja fazer?:* SelecioneCantoCanto CoralInterpreta\u00e7\u00e3o para TV e CinemaInstrumento Musical &#8211; Viol\u00e3oTeatro Eu li e aceito o termo de autoriza\u00e7\u00e3o descrito abaixo.* Termo de Autoriza\u00e7\u00e3o: [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-902","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/portifolio.devcraft.dev.br\/sintonia\/wp-json\/wp\/v2\/pages\/902","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/portifolio.devcraft.dev.br\/sintonia\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/portifolio.devcraft.dev.br\/sintonia\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/portifolio.devcraft.dev.br\/sintonia\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/portifolio.devcraft.dev.br\/sintonia\/wp-json\/wp\/v2\/comments?post=902"}],"version-history":[{"count":22,"href":"https:\/\/portifolio.devcraft.dev.br\/sintonia\/wp-json\/wp\/v2\/pages\/902\/revisions"}],"predecessor-version":[{"id":929,"href":"https:\/\/portifolio.devcraft.dev.br\/sintonia\/wp-json\/wp\/v2\/pages\/902\/revisions\/929"}],"wp:attachment":[{"href":"https:\/\/portifolio.devcraft.dev.br\/sintonia\/wp-json\/wp\/v2\/media?parent=902"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}