
	<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;
			}

			.btn-inscricao {
				padding: 2rem;
				background-color: #001D3F;
				background-color: #073763;
				border-color: #073763;
				margin: 2rem 0 2rem 0;
				overflow: hidden;
				text-overflow: ellipsis;
				white-space: normal;
			}

			.btn-inscricao2 {
				padding: 2rem;
				background-color: #FFDB58;
				background-color: #FFDB58;
				border-color: #FFDB58;
				margin: 2rem 0 2rem 0;
				overflow: hidden;
				text-overflow: ellipsis;
				white-space: normal;
			}

			.btn-inscricao-fund {
				padding: 2rem;
				background-color: #333333;
				border-color: #ffe11f;
				margin: 2rem 0 2rem 0;
				overflow: hidden;
				text-overflow: ellipsis;
				white-space: normal;
			}

			.card-body {
				display: flex;
				flex-direction: column;
				align-items: stretch;
			}

			.form-group {
				flex: 1;
			}

			select {
				width: 100%;
				max-width: 100%;
				box-sizing: border-box;
				-webkit-appearance: none;
				-moz-appearance: none;
				appearance: none;
			}

			/*Adicionar essa cor de fundo nos card-headers #001d3f / background-color: rgb(0, 29, 63);*/

			@media only screen and (max-width: 653px) {
				.row .col-md-12 a.btn-inscricao {
					font-size: 10px;
				}

				.row .col-md-12 a.btn-inscricao-fund {
					font-size: 10px;
				}
			}

			@media only screen and (max-width: 720px) {

				.meio h2,
				.img1,
				.img2 {
					display: none;
				}

				select {
					width: 100%;
					max-width: 100%;
					box-sizing: border-box;
					-webkit-appearance: none;
					-moz-appearance: none;
					appearance: none;
				}

				.row .col-md-12 a.btn-inscricao {
					font-size: 10px;
				}

				.row .col-md-12 a.btn-inscricao-fund {
					font-size: 10px;
				}
			}

			@media (max-width: 1200px) {

				.meio h2,
				.img1,
				.img2 {
					display: none;
				}

				select {
					width: 100%;
					max-width: 100%;
					box-sizing: border-box;
					-webkit-appearance: none;
					-moz-appearance: none;
					appearance: none;
				}
			}

			@media only screen and (min-width: 1284px) and (max-width: 1366px) {
				select {
					width: 100%;
					max-width: 100%;
				}
			}

			@media only screen and (max-device-width: 1284px) and (max-width: 1366px) {
				select {
					width: 100%;
					max-width: 100%;
					box-sizing: border-box;
					-webkit-appearance: none;
					-moz-appearance: none;
					appearance: none;
				}
			}

			table.dataTable {
				width: 100% !important;
				table-layout: fixed;
				/* força divisão proporcional */
			}

			table.dataTable th,
			table.dataTable td {
				white-space: normal;
				/* permite quebrar linha */
				word-wrap: break-word;
				font-size: 13px;
				/* reduz um pouco */
				padding: 6px 4px;
				/* diminui espaço interno */
			}
		</style>
		<title></title>




		<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>
			function gerarGeo() {
				let ponto = $('#logradouro').val() + ',' + $('#bairro').val() + ',' + $('#numcasa').val() + ',' + $('#cidade').val();
				geocoder = new google.maps.Geocoder();
				console.log(ponto);
				geocoder.geocode({
					'address': ponto
				}, function(results, status) {
					console.log(results);
					let latitudeR = results[0].geometry.location.lat();
					let longitudeR = results[0].geometry.location.lng();

					$('#latitude').val(latitudeR)
					$('#longitude').val(longitudeR)

				})
			}
		</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 rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/css/bootstrap.min.css">

		<link href="../smerp2010/libx/uploadfile.css" rel="stylesheet">
		<link href="https://fonts.googleapis.com/css?family=Montserrat&display=swap" rel="stylesheet">
		<link href="https://cdn.jsdelivr.net/npm/select2@4.1.0-beta.1/dist/css/select2.min.css" 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>
		<script src="https://cdn.jsdelivr.net/npm/select2@4.1.0-beta.1/dist/js/select2.min.js"></script>




	</head>

	<body class='bg-dark'>


		<div id=dialog title='mensagem'> </div>
	<input type=hidden value='' 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='container-fluid'>
			<div class='card'>
				<div class='card-header text-white' style='background-color:#001d3f'>
					Lista de Espera Creches - Araçatuba
				</div>
									<!--
					<div class='row'>
						<div class='col-md-12'>
							<a class="btn btn-block text-white btn-inscricao2" href="inscricao.php?au=2026">
								SOLICITAÇÃO DE VAGAS/TRANSFERÊNCIAS INFANTIL 2026
							</a>
						</div>
					</div>
					-->
				
				<div class='row'>
					<div class='col-md-12'>
						<a class="btn btn-block text-white btn-inscricao" href="inscricao.php?au=2026">
							SOLICITAÇÃO DE VAGAS/TRANSFERÊNCIAS INFANTIL 2026
						</a>
					</div>
				</div>

				<div class='row'>
					<div class='col-md-12'>
						<a class="btn btn-block text-white btn-inscricao-fund" href="inscricao_fundamental.php?au=2026">
							SOLICITAÇÃO DE VAGAS/TRANSFERÊNCIAS FUNDAMENTAL 2026
						</a>
					</div>
				</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/18.jpg?X-Amz-Content-Sha256=UNSIGNED-PAYLOAD&X-Amz-Algorithm=AWS4-HMAC-SHA256&X-Amz-Credential=AKIASDKFNCINY4KUIMN4%2F20260406%2Fsa-east-1%2Fs3%2Faws4_request&X-Amz-Date=20260406T050621Z&X-Amz-SignedHeaders=host&X-Amz-Expires=600&X-Amz-Signature=45ff029f09625c08113a9e038a1c7fcbba4d692bb6eccf3d14fd064d17aaf7d1'>
						</div>
						<div class='col-md-4 text-center meio'>
							<h2> LISTA DE ESPERA - CRECHES </h2>
						</div>
						<div class='col-md-4 meio'>
							<img class='img-reponsive w-100' src='../images/Logos/LOGO_D-COLOR/LOGO_DEMANDA_H_200_mm.png'>
						</div>
					</div>
					<hr>


					<div id='resultado'>

					</div>
				</div>
			</div>
		</div>
		<script>
			classificacao3()

			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>