<html>

<head>
<style>
	*{
		font-family: 'Montserrat', sans-serif;
	}
	p.letra{
		margin-left:15px;
	}
	.meio{
		align-items: center;

	}
	.meio h2{
		position: absolute;
    	top: 50%;
    	left: 50%;
    	transform: translate(-50%, -50%);
	}
	.img1{

		display: block;
  		margin-left: auto;
  		margin-right: auto;
    	height:150px;
	}


	/*Adicionar essa cor de fundo nos card-headers #001d3f / background-color: rgb(0, 29, 63);*/

	@media (max-width: 1200px)
	{

		.meio h2{
			display:none;
		}
  		.img1
  		{
  		 display: none;
  		}
  		.img2
  		{
  		 display: none;
  		}
	}
</style>
<title></title>



<script src="//cdn.jsdelivr.net/npm/sweetalert2@11"></script>
<script src="https://cdn.jsdelivr.net/webshim/1.12.4/extras/modernizr-custom.js"></script>
<!-- polyfiller file to detect and load polyfills -->
<script src="https://cdn.jsdelivr.net/webshim/1.12.4/polyfiller.js"></script>
<script>
  webshims.setOptions('waitReady', false);
  webshims.setOptions('forms-ext', {types: 'date'});
  webshims.polyfill('forms forms-ext');
</script>

<script>


</script>

		<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
		<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">

		<link rel="stylesheet" href="../smerp2010/libx/bootstrap4.0.0/css/bootstrap.min.css">
		<link rel="stylesheet" href="../smerp2010/libx/bootstrap4.0.0/css/fontawesome-all.css">
		<link rel="stylesheet" href="../smerp2010/libx/bootstrap4.0.0/css/dataTables.bootstrap4.min.css">

		<link href="../smerp2010/libx/uploadfile.css" rel="stylesheet">
		<link href="https://fonts.googleapis.com/css?family=Montserrat&display=swap" rel="stylesheet">

		<script src="../smerp2010/libx/bootstrap4.0.0/js/jquery-3.2.1.min.js"></script>
		<script src="../smerp2010/libx/bootstrap4.0.0/js/popper.min.js"></script>
		<script src="../smerp2010/libx/bootstrap4.0.0/js/bootstrap.min.js"></script>
		<script src="../smerp2010/libx/bootstrap4.0.0/js//jquery.dataTables.min.js"></script>
		<script src="../smerp2010/libx/bootstrap4.0.0/js//dataTables.bootstrap4.min.js"></script>
		<script type="text/javascript" src="../smerp2010/libx/bibliotecaAjax.js"></script>



</head>
<body class='bg-dark'>


<div id=dialog title='mensagem'> </div>
<input type=hidden value='19' name=idsme id=idsme><input type=hidden value='' name=idescola id=idescola>		<div class="modal fade" id="caixaDialogo" role="dialog">
			<div class="modal-dialog modal-lg">

			  <div class="modal-content">
				<div class="modal-body">
				  <div id=caixaDialogo_msg> </div>
				</div>
				<div class="modal-footer">
				  <button type="button" class="btn btn-default" data-dismiss="modal">Fechar</button>
				</div>
			  </div>

			</div>
		  </div>




			<div class='card'>
				<div class='card-header text-white' style='background-color:#001d3f'>
					Lista de Espera Creches - Pirassununga
				</div>
				<div class='card-body'>
					<div class='row'>
						<div class='col-md-4 meio'>
							<img class='img1'  class='img-reponsive' src='https://demanda-net-arquivos-producao.s3.sa-east-1.amazonaws.com/logo/19.jpg?X-Amz-Content-Sha256=UNSIGNED-PAYLOAD&X-Amz-Algorithm=AWS4-HMAC-SHA256&X-Amz-Credential=AKIASDKFNCINY4KUIMN4%2F20260522%2Fsa-east-1%2Fs3%2Faws4_request&X-Amz-Date=20260522T170606Z&X-Amz-SignedHeaders=host&X-Amz-Expires=600&X-Amz-Signature=5a2ef832c69761e84502de7cdb5fa9726b8b462bc28c68eafcb462ba43bcf9a3' >
						</div>
						<div class='col-md-4 text-center meio' >
							<h2> LISTA DE ESPERA </h2>
						</div>
						<div class='col-md-4 meio'>
							<img class='img1' class='img-reponsive'  src='https://demanda-net-arquivos-producao.s3.sa-east-1.amazonaws.com/logo/demandanet/colorido/logo_texto_lado.png?X-Amz-Content-Sha256=UNSIGNED-PAYLOAD&X-Amz-Algorithm=AWS4-HMAC-SHA256&X-Amz-Credential=AKIASDKFNCINY4KUIMN4%2F20260522%2Fsa-east-1%2Fs3%2Faws4_request&X-Amz-Date=20260522T170606Z&X-Amz-SignedHeaders=host&X-Amz-Expires=600&X-Amz-Signature=7799981420a06775e66f5cbc15e999a5be48fdfeeb45fe543dca5879d1227450' >
						</div>
					</div>
					<hr>

					 <div class="card mb-4" style="cursor:pointer">
						<div class='card-header text-white' style='background-color:#001d3f' type='button' onclick='mostrar_esconder_videos()'>
							<div class='d-flex justify-content-between aling-items-center flex-wrap'>
								<div>Vídeos Tutoriais </div>
								<div id='campo_vidoes_seta'> <i class="fas fa-chevron-down"></i> </div>
							</div>
						</div>
						<div class='card-body' id="campo_videos" style="display: none">

							<div class='btn btn-secondary btn-block' onclick='carregar_videos(1)'> 1 - consultando cadastro online </div>
							<div class='btn btn-secondary btn-block' onclick='carregar_videos(2)'> 2 - consulta classificação geral online </div>

							<!-- <a class='btn btn-block btn-primary' target='_blank' href=''> 1 - preenchendo lista online </a>
						<a class='btn btn-block btn-primary' target='_blank' href=''> 2 - consultando cadastro online </a>
						<a class='btn btn-block btn-primary' target='_blank' href=''> 3 - consulta classificação geral online </a> -->
						</div>
					</div>


					<div id='resultado'>

					</div>
				</div>
			</div>
			<footer style="background-color: #003366; color: white; padding: 20px; text-align: center;">
				<p style="margin: 0;"><strong>Dúvidas?</strong></p>
				<p style="margin: 0;"> Contate a Secretaria de Educação: </p>
				<p style="margin: 0;">
					<span style="display: inline-block; margin-right: 10px;"><i class="fas fa-phone"></i> (19) 3565-8300</span> |
					<span style="display: inline-block; margin-left: 10px;"> <i class="fas fa-envelope"></i>
						<a href="mailto:educacao@pirassununga.sp.gov.br" style="color: #ffffff; text-decoration: underline;">
							educacao@pirassununga.sp.gov.br
						</a>
					</span>
				</p>
			</footer>


		<script>
		classificacao3()


			function mostrar_esconder_videos() {
				$("#campo_videos").toggle('1000', () => {
					$("#campo_vidoes_seta").empty();
					if ($("#campo_videos").css('display') == "none") {
						$("#campo_vidoes_seta").html("<i class='fas fa-chevron-down'></i>");
					} else {
						$("#campo_vidoes_seta").html("<i class='fas fa-chevron-up'></i>");
					}
				});
			}

			
		function carregar_videos(tipo_video) {

			$.ajax({
				type: 'GET',
				url: 'carregar_videos.php',
				beforeSend: () => {
					Swal.fire({
						title: 'AGUARDE...',
						allowEscapeKey: false,
						allowOutsideClick: false
					})
					Swal.showLoading();
				},
				dataType: 'JSON',
				success: (info) => {

					if (tipo_video == 1) {
						window.open(`${info.src_video1}`);
					} else if (tipo_video == 2) {
						window.open(`${info.src_video2}`);
					} else {
						window.open(`${info.src_video3}`);
					}
					swal.close();
				},
				error: (jqXHR, textStatus, errorThrown) => {
					console.error(jqXHR)
					console.error(textStatus)
					console.error(errorThrown)
				}
			});

		}
	





			function classificacao3()
			{


				var url = '?funcao=classificacao3'


				;
				$('#resultado').html("<div class='alert alert-warning'> Aguarde... </div>");
				$.ajax({
							type:'GET',
							url: url,
							success: function(info)
							{
								$('#resultado').html(info);


							}
				});

			}
			 function lista(idespera,idescola,idserie)
			 {
			 	var url = '?funcao=lista'
			 									+'&idespera='+idespera
			 									+'&idserie='+idserie
			 									+'&idescola='+idescola;


			 	$.ajax({
							type:'GET',
							url: url,
							success: function(info)
							{
								$('#respostaDetalhes').html(info);


							}
				});
			 }


		</script>


	<center></div>
</body>
</html>
