        <div class="col-md-12">
            <div class="blog-lg-area-left">
                <p>Entre em contato conosco preenchendo os dados abaixo ou se preferir envie para o email <a href="mailto:topinovacao@uninter.com">topinovacao@uninter.com</a>. </p>
                <form data-form-contato method="post" class="wpcf7-form init" novalidate="novalidate">
                <p>
                    <label> Seu nome<br>
                    <span class="wpcf7-form-control-wrap your-name">
                        <input type="text" name="Nome" size="40" class="wpcf7-form-control wpcf7-text wpcf7-validates-as-required" aria-required="true" aria-invalid="false">
                        <div class="error" style="display: none;color: red;font-size: 11px;margin-top:-10px;">Campo obrigatório</div>
                    </span> 
                    </label>
                </p>
                <p>
                    <label> Seu e-mail<br>
                        <span class="wpcf7-form-control-wrap your-email">
                            <input type="email" name="Email" size="40" class="wpcf7-form-control wpcf7-text wpcf7-email wpcf7-validates-as-required wpcf7-validates-as-email" aria-required="true" aria-invalid="false">
                        </span> 
                        <div class="error" style="display: none;color: red;font-size: 11px;margin-top:-10px;">Campo obrigatório</div>
                    </label>
                </p>
                <p>
                    <label> Sua mensagem (opcional)<br>
                        <span class="wpcf7-form-control-wrap your-message">
                            <textarea name="Mensagem" cols="40" rows="10" class="wpcf7-form-control wpcf7-textarea" aria-invalid="false"></textarea>
                        </span> 
                        <div class="error" style="display: none;color: red;font-size: 11px;margin-top:-10px;">Campo obrigatório</div>
                    </label>
                </p>
                <p><input type="submit" value="Enviar" class="wpcf7-form-control wpcf7-submit"><span class="ajax-loader"></span></p>
                <div data-div-feedback class="alert" role="alert" style="display: none;"></div>
			</div>
        </div>
		<script>
			const formContato = document.querySelector('[data-form-contato]'),
				divFeedback = document.querySelector('[data-div-feedback]');

			const clearFeedback = () => {
				divFeedback.textContent = '';
				divFeedback.classList.remove('alert-success', 'alert-danger');
				divFeedback.style.display = 'none';
			}

			const clearForm = () => {
				formContato.querySelectorAll('input, textarea')
					.forEach(input => (input.value !== 'Enviar') && (input.value = ''));
			}

			formContato.querySelectorAll('input, textarea')
				.forEach(input => input.addEventListener('input', e => {
					input.closest('div').querySelector('.error').style.display = input.value === '' ? 'block' : 'none'
				}));

			formContato.addEventListener('submit', e => {
				e.stopPropagation();
				e.preventDefault();

				formContato.querySelectorAll('input, textarea').forEach(input => 
						(input.value !== 'Enviar') && (input.closest('div').querySelector('.error').style.display = input.value === '' ? 'block' : 'none')
					);

				clearFeedback();
				if (formContato.querySelectorAll('.error[display="block"]').length === 0) {
					fetch('https://www.uninter.com/topinovacao/wp-content/themes/appointment/application/send-email.php', {
						method:'post', body: new FormData(formContato)
					}).then((resp) => resp.json())
					.then(response => {
						console.log(response);
						
						divFeedback.classList.remove('alert-success', 'alert-danger');
						divFeedback.classList.add(`alert-${response.success ? 'success' : 'danger'}`);
						divFeedback.textContent = response.msg;
						divFeedback.style.display = 'block';

						if (response.success) clearForm();

						setTimeout(() => clearFeedback(), 5000);
					})
					.catch(error => console.log(error))
					.finally(() => {
						// btnEnviarMensagem.style.display = 'inline-block';
					});
				} 
			})
		</script>
	{"id":15,"date":"2021-06-10T15:26:49","date_gmt":"2021-06-10T18:26:49","guid":{"rendered":"https:\/\/wwwdev.uninter.com\/topinovacao\/?page_id=15"},"modified":"2024-07-11T10:14:04","modified_gmt":"2024-07-11T13:14:04","slug":"contato","status":"publish","type":"page","link":"https:\/\/www.uninter.com\/topinovacao\/contato\/","title":{"rendered":"Contato"},"content":{"rendered":"\n","protected":false},"excerpt":{"rendered":"<div class=\"slide-text-bg2\"><span><\/span><\/div>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":[],"acf":[],"_links":{"self":[{"href":"https:\/\/www.uninter.com\/topinovacao\/wp-json\/wp\/v2\/pages\/15"}],"collection":[{"href":"https:\/\/www.uninter.com\/topinovacao\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.uninter.com\/topinovacao\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.uninter.com\/topinovacao\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.uninter.com\/topinovacao\/wp-json\/wp\/v2\/comments?post=15"}],"version-history":[{"count":8,"href":"https:\/\/www.uninter.com\/topinovacao\/wp-json\/wp\/v2\/pages\/15\/revisions"}],"predecessor-version":[{"id":1966,"href":"https:\/\/www.uninter.com\/topinovacao\/wp-json\/wp\/v2\/pages\/15\/revisions\/1966"}],"wp:attachment":[{"href":"https:\/\/www.uninter.com\/topinovacao\/wp-json\/wp\/v2\/media?parent=15"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}