<?php 
	$fale_conosco = get_page_by_title('Fale Conosco');
?>

<section class="container" data-group="contact-form">
			<div class="tab-menu ">
				<li><a data-click="contato">Contato</a></li>
				<li><a data-click="ouvidoria">Ouvidoria</a></li>
				<li><a data-click="visita">Solicitação de Visita</a></li>				
				<li><a data-click="duvidas">Dúvidas dos Usuários</a></li>
			</div>
				
				<div data-target="contato" class="contato">

					<p class="flex-8">Entre em contato e tire suas dúvidas. Para verificar o ramal de cada setor, favor alterar o depatartamento abaixo:</p>

					<div class="flex-8 contato-setores" data-change="section-info">

						<?php include get_theme_file_path("/inc/setores.php") ?>
					
						<form method="post" action="<?php echo get_template_directory_uri(); ?>/form-contato.php" class="flex-4" id="form-contato">

							<label for="departamento-contato">Selecione o departamento:</label>
							<?php include get_theme_file_path("/inc/opcoes-departamentos.php") ?>

							<label for="nome-contato">Nome:</label>
							<input type="text" maxlength="50" id="nome-contato" name="fnome">

							<label for="telefone-contato">Telefone:</label>
							<input type="tel" id="telefone-contato" class="masked-tel" name="ftelefone"/>

							<label for="celular-contato">Celular:</label>
							<input type="tel" id="celular-contato" class="masked-cel" name="fcelular"/>

							<label for="email-contato">E-mail:</label>
							<input type="text" maxlength="50" id="email-contato" name="femail">

							<label for="uf-contato">UF:</label>
							<select id="uf-contato" name="fuf-contato">
								<option value="">Selecione um estado</option>
								<?php do_action(get_estados()); ?>
							</select>

							<label for="cidade-contato">Cidade:</label>
							<input type="text" id="cidade-contato" name="fcidade">

							<label class="nao-aparece">Se você não é um robô, deixe em branco.</label>
							<input type="text" class="nao-aparece" name="leaveblank">
							<label class="nao-aparece">Se você não é um robô, não mude este campo.</label>
							<input type="text" class="nao-aparece" name="dontchange" value="http://">

							<label for="mensagem-contato">Mensagem:</label>
							<textarea id="mensagem-contato" name="fmensagem" rows="4"></textarea>
							
							<div class="g-recaptcha" data-sitekey="6LdHRbYaAAAAAEWbHkSCCZh3Ui5KKWadbdFmUSIr"></div>

							<button type="submit" id="enviar-contato" class="btn-submit">Enviar</button>

						</form>

					</div>

				</div>
				
				
				<div data-target="ouvidoria"  class="contato formulario">
					
					<p>A Ouvidoria permite à você, realizar solitações para que a administração possa tomar as providências cabíveis, caso você tenha alguma sugestão ou reclamação. Preencha corretamente os campos abaixo:</p>
					<form method="post" action="<?php echo get_template_directory_uri(); ?>/form-ouvidoria.php" class="flex-8" id="form-ouvidoria">

						<div class="op-obrigatorias flex-8">
							<label for="tipo-solicitante">Solicitante</label>
							<ul id="tipo-solicitante" class="flex-8">
								<li><input type="radio" name="ftp-solicitante" value='i' checked/>Identificado</li>
								<li><input type="radio" name="ftp-solicitante" value='s'/>Sigiloso</li>
								<li><input type="radio" name="ftp-solicitante" value='a'/>Anônimo</li>
							</ul>
						</div>

						<div class="op-obrigatorias flex-8">
							<label for="tipo-solicitacao">Tipo da Solicitação:</label>
							<select id="tipo-solicitacao" name="ftp-solicitacao">
								<option value="Reclamação">Reclamação</option>
								<option value="Denúncia">Denúncia</option>
								<option value="Sugestão">Sugestão</option>
								<option value="Elogio">Elogio</option>
								<option value="Solicitação">Solicitação</option>
							</select>
						</div>

						<div class="flex-8">

							<div class="flex-4">
								<label for="nome-ouvidoria">Nome:</label>
								<input type="text" maxlength="50" id="nome-ouvidoria" name="fnome">
								<label for="telefone-ouvidoria">Telefone:</label>
								<input type="text" id="telefone-ouvidoria" name="ftelefone" class="masked-tel" />
								<label for="cep-ouvidoria">CEP:</label>
								<input type="tel" id="cep-ouvidoria" class="masked-cep" name="fcep"/>
								<label for="nlogradouro-ouvidoria">Número:</label>
								<input type="tel" id="nlogradouro-ouvidoria" name="fnlogradouro"/>
							</div>
							<div class="flex-4">
								<label for="email-ouvidoria">E-mail:</label>
								<input type="text" maxlength="50" id="email-ouvidoria" name="femail">
								<label for="celular-ouvidoria">Celular:</label>
								<input type="tel" id="celular-ouvidoria" class="masked-cel" name="fcelular"/>
								<label for="logradouro-ouvidoria">Logradouro:</label>
								<input type="tel" id="logradouro-ouvidoria" name="flogradouro"/>
								<label for="bairro-ouvidoria">Bairro:</label>
								<input type="tel" id="bairro-ouvidoria" name="fbairro"/>
							</div>

						</div>

						
						<div class="op-obrigatorias flex-8">

							<div class="flex-4">
								<label for="cidade-ouvidoria">Cidade:</label>
								<input type="text" id="cidade-ouvidoria" name="fcidade">
							</div>

							<div class="flex-4">
								<label for="uf-ouvidoria">UF:</label>
								<select id="uf-ouvidoria" name="fuf-contato">
									<option value="">Selecione um estado</option>
									<?php do_action(get_estados()); ?>
								</select>

								<label class="nao-aparece">Se você não é um robô, deixe em branco.</label>
								<input type="text" class="nao-aparece" name="leaveblank">
								<label class="nao-aparece">Se você não é um robô, não mude este campo.</label>
								<input type="text" class="nao-aparece" name="dontchange" value="http://">
							</div>

						</div>

						<div class="op-obrigatorias flex-8">
							<label for="mensagem-ouvidoria">Mensagem:</label>
							<textarea id="mensagem-ouvidoria" rows="8" name="fmensagem"></textarea>
						</div>
							
						<div class="g-recaptcha" data-sitekey="6LdHRbYaAAAAAEWbHkSCCZh3Ui5KKWadbdFmUSIr"></div>

						<button type="submit" id="enviar-ouvidoria" class="btn-submit">Enviar</button>
					</form>

				</div>

				<div data-target="visita" class="contato formulario">
					<p>Utilize o formulário abaixo para solicitar a sua visita técnica ao CISAMUSEP.</p>
					<form method="post" action="<?php echo get_template_directory_uri(); ?>/form-visita.php" class="flex-8" id="form-visita">

						<div class="flex-8">
							
							<div class="flex-4">
								<label>Selecione o Departamento a ser visitado*:</label>
								<?php include get_theme_file_path("/inc/opcoes-departamentos.php") ?>
								<label for="nome-visita">Nome:*</label>
								<input type="text" maxlength="50" id="nome-visita" name="fnome">
								<label for="data-visita">Data Pretendida:*</label>
								<input type="date" id="data-visita" name="fdata"/>
								<label for="telefone-visita">Telefone:*</label>
								<input type="tel" id="telefone-visita" class="masked-tel" name="ftelefone"/>
								<label for="uf-visita">UF:*</label>
								<select id="uf-visita" name="fuf-contato">
									<option value="">Selecione um estado</option>
									<?php do_action(get_estados()); ?>
								</select>
							</div>

							<div class="flex-4">
								<label for="instituicao-visita">Instituição:*</label>
								<input type="text" maxlength="50" id="instituicao-visita" name="finstituicao">
								<label for="cargo-visita">Cargo:*</label>
								<input type="tel" id="cargo-visita" name="fcargo"/>
								<label for="email-visita">E-mail:*</label>
								<input type="text" maxlength="50" id="email-visita" name="femail">
								<label for="celular-visita">Celular:*</label>
								<input type="tel" id="celular-visita" class="masked-cel" name="fcelular"/>
								<label for="cidade-visita">Cidade:*</label>
								<input type="text" id="cidade-visita" name="fcidade">

								<label class="nao-aparece">Se você não é um robô, deixe em branco.</label>
								<input type="text" class="nao-aparece" name="leaveblank">
								<label class="nao-aparece">Se você não é um robô, não mude este campo.</label>
								<input type="text" class="nao-aparece" name="dontchange" value="http://">
							</div>
						</div>


						<div class="flex-8">
							<label for="finalidade-visita">Finalidade da Visita:*</label>
							<textarea id="finalidade-visita" rows="6" name="ffinalidade"></textarea>
							<label for="participantes-visita">Participantes (nome/cargo):*</label>
							<textarea id="participantes-visita" rows="6" name="fparticipantes"></textarea>
							<label for="consideracoes-visita">Outras Considerações:</label>
							<textarea id="consideracoes-visita" rows="6" name="fconsideracoes"></textarea>
							<div class="g-recaptcha" data-sitekey="6LdHRbYaAAAAAEWbHkSCCZh3Ui5KKWadbdFmUSIr"></div>
							<button type="submit" id="enviar-visita" class="btn-submit">Enviar</button>
						</div>

						
					</form>
				</div>

				<!-- Início da seção com as "Dúvidas dos Usuários" !-->

				<div data-target="duvidas" data-change="duvidas-usuarios" class="selected-info flex-6" max-width="90%">

					<select data-select="duvidas-usuarios" class="selecao-titulo" width="100%">
						<option data-option="padrao">Qual a sua dúvida?</option>
						<option data-option="<?php the_field('id_duvida1', $fale_conosco); ?>"><?php the_field('titulo_duvida1', $fale_conosco); ?></option>
						<option data-option="<?php the_field('id_duvida2', $fale_conosco); ?>"><?php the_field('titulo_duvida2', $fale_conosco); ?></option>
					</select>

					<div data-selected="padrao" class="selected-item-info">
					</div>

					<div data-selected="<?php the_field('id_duvida1', $fale_conosco); ?>" class="selected-item-info duvidas">
						<?php the_field('duvida1', $fale_conosco); ?>
					</div>

					<div data-selected="<?php the_field('id_duvida2', $fale_conosco); ?>" class="selected-item-info duvidas">
						<?php the_field('duvida2', $fale_conosco); ?>
					</div>

				</div>

				<!-- Fim da seção com as "Dúvidas dos Usuários" !-->

		</section>