<!DOCTYPE html>
<html lang="pt-br">

<head>
    <meta charset="ISO-8859-1">
    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0">
    <title>Aux&iacute;lio Transporte</title>

    <!-- Bootstrap CSS -->
    <link rel="stylesheet" href="../libx/bootstrap/4.6.2/css/bootstrap.min.css">

    <!-- FontAwesome -->
    <link rel="stylesheet"
        href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.6.0/css/all.min.css"
        integrity="sha512-Kc323vGBEqzTmouAECnVceyQqyqdsSiqLQISBL29aUW4U/M7pSPA/gEUZQqv1cwx4OnYxTxve5UMg5GT6L4JJg=="
        crossorigin="anonymous"
        referrerpolicy="no-referrer" />

    <!-- CSS proprios -->
    <link rel="stylesheet" href="../libx/default.css">
    <link rel="stylesheet" href="css/comum.css">

    <!-- jQuery (apenas UMA vez) -->
    <script src="../libx/jquery/3.7.1/jquery.min.js"></script>

    <!-- Bootstrap JS -->
    <script src="../libx/bootstrap/4.6.2/js/bootstrap.bundle.min.js"></script>

    <!-- SweetAlert2 -->
    <script src="https://cdn.jsdelivr.net/npm/sweetalert2@9.17.4/dist/sweetalert2.all.min.js"
        integrity="sha256-HOqPXiAPz8Dh0bB5cVHxOPqlSNhQ+d3makNCTrk/lFA="
        crossorigin="anonymous"></script>

    <!-- Select2 -->
    <link href="https://cdn.jsdelivr.net/npm/select2@4.1.0-rc.0/dist/css/select2.min.css" rel="stylesheet" />
    <script src="https://cdn.jsdelivr.net/npm/select2@4.1.0-rc.0/dist/js/select2.min.js"></script>

    <!-- Select2 theme (Bootstrap 4) -->
    <link rel="stylesheet"
        href="https://cdn.jsdelivr.net/npm/@ttskch/select2-bootstrap4-theme@1.5.2/dist/select2-bootstrap4.min.css">

    <!-- bs-custom-file-input -->
    <script src="https://cdn.jsdelivr.net/npm/bs-custom-file-input/dist/bs-custom-file-input.min.js"></script>

    <!-- jQuery Mask -->
    <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery.mask/1.14.15/jquery.mask.min.js"></script>

    <!-- DataTables -->
    <link rel="stylesheet" href="https://cdn.datatables.net/1.10.25/css/jquery.dataTables.min.css">
    <link rel="stylesheet" href="https://cdn.datatables.net/buttons/1.7.1/css/buttons.dataTables.min.css">
    <script src="https://cdn.datatables.net/1.10.25/js/jquery.dataTables.min.js"></script>
    <script src="https://cdn.datatables.net/buttons/1.7.1/js/dataTables.buttons.min.js"></script>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/jszip/3.1.3/jszip.min.js"></script>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/pdfmake/0.1.53/pdfmake.min.js"></script>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/pdfmake/0.1.53/vfs_fonts.js"></script>
    <script src="https://cdn.datatables.net/buttons/1.7.1/js/buttons.html5.min.js"></script>

    <!-- JS proprios (depois das libs) -->
    <script src="index.js"></script>
    <script src="js/solicitante/funcoes.js?v=1790086533"></script>
</head>


<body>
    <nav class="navbar sticky-top navbar-dark bg-primary navbar-expand-lg">
        <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
            <span class="navbar-toggler-icon"></span>
        </button>
        <div class="collapse navbar-collapse" id="navbarSupportedContent">
            <ul class="navbar-nav">
                                    <li class="nav-item">
                        <a class="nav-link active" href="#" onclick="listar_solicitacao()">
                            <i class="fas fa-list-check mr-1"></i>Acompanhar Inscri&ccedil;&atilde;o
                        </a>
                    </li>
                    <li class="nav-item">
                        <a class="nav-link active" href="#" onclick="bloquearPagina()">
                            <i class="fas fa-file-signature mr-1"></i>Registrar Solicita&ccedil;&atilde;o
                        </a>
                    </li>
                    <li class="nav-item">
                        <a class="nav-link active" target="_blank" href="https://demanda-net-arquivos-producao.s3.sa-east-1.amazonaws.com/demandanet2/auxilioTransporteAnexos/arquivos/edital.pdf?X-Amz-Content-Sha256=UNSIGNED-PAYLOAD&X-Amz-Algorithm=AWS4-HMAC-SHA256&X-Amz-Credential=AKIASDKFNCIN4JQODKFM%2F20260922%2Fsa-east-1%2Fs3%2Faws4_request&X-Amz-Date=20260922T141533Z&X-Amz-SignedHeaders=host&X-Amz-Expires=600&X-Amz-Signature=46e18f657e0a4414c6ddd9c2d03e5f8210de9b32b5790170eea0215d1c3ff322">
                            <i class="fas fa-file-lines mr-1"></i>Edital
                        </a>
                    </li>
                    <li class="nav-item">
                        <a class="nav-link active" target="_blank" href="https://demanda-net-arquivos-producao.s3.sa-east-1.amazonaws.com/demandanet2/auxilioTransporteAnexos/arquivos/Decreto.pdf?X-Amz-Content-Sha256=UNSIGNED-PAYLOAD&X-Amz-Algorithm=AWS4-HMAC-SHA256&X-Amz-Credential=AKIASDKFNCIN4JQODKFM%2F20260922%2Fsa-east-1%2Fs3%2Faws4_request&X-Amz-Date=20260922T141533Z&X-Amz-SignedHeaders=host&X-Amz-Expires=600&X-Amz-Signature=f3dec3b4f530627db2d541d0dbae69d638127ca4f6fa5372e9e9a1bf99297adf">
                            <i class="fas fa-gavel mr-1"></i>Decreto
                        </a>
                    </li>
                    <li class="nav-item">
                        <a class="nav-link active" target="_blank" href="https://demanda-net-arquivos-producao.s3.sa-east-1.amazonaws.com/demandanet2/auxilioTransporteAnexos/arquivos/tutorial.mp4?X-Amz-Content-Sha256=UNSIGNED-PAYLOAD&X-Amz-Algorithm=AWS4-HMAC-SHA256&X-Amz-Credential=AKIASDKFNCIN4JQODKFM%2F20260922%2Fsa-east-1%2Fs3%2Faws4_request&X-Amz-Date=20260922T141533Z&X-Amz-SignedHeaders=host&X-Amz-Expires=600&X-Amz-Signature=c5876279a1b079005e40ea3d96b2bdeeb3abec8356c83e03735ff60f4cac0885">
                            <i class="fas fa-circle-play mr-1"></i>Tutorial de Inscri&ccedil;&atilde;o                        </a>
                    </li>
                            </ul>
        </div>
        <ul class="navbar-nav">
                            <li class="nav-item">
                    <button type="button" id="btnIdentificarUsuario" class="btn btn-warning btn-sm font-weight-bold" style="border-radius:999px;padding:6px 16px;" onclick="solicitaCpfEmail()">
                        <i class="fas fa-user-check mr-1"></i>Identificar-se
                    </button>
                </li>
                        <!-- dropdown semestre -->
            <li class="nav-item dropdown" style="padding-right: 10px; padding-left: 10px;">
                <a class="nav-link dropdown-toggle text-white" href="#" id="navbarDropdownSemestre" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
                    Semestre: <span id="semestre_label" style="color:#ffd11a">2&ordm; Semestre</span>
                </a>

                <div class="dropdown-menu" aria-labelledby="navbarDropdownSemestre">
                                            <a class="dropdown-item "
                            href="#"
                            id='semestreSel' value='2'
                            onclick="alteraSemestre(1)">
                            1&ordm; Semestre                        </a>
                                            <a class="dropdown-item selected"
                            href="#"
                            id='semestreSel' value='2'
                            onclick="alteraSemestre(2)">
                            2&ordm; Semestre                        </a>
                                    </div>
            </li>

            <!-- dropdown ano -->
            <li class="nav-item dropdown" style="padding-right: 10px; padding-left: 10px;">
                <a class="nav-link dropdown-toggle text-white" href="#" id="navbarDropdownAno" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
                    Ano Letivo: <span id="ano_letivo" style="color:#ffd11a">2026</span>
                </a>

                <div class="dropdown-menu" aria-labelledby="navbarDropdownAno">
                                            <a class="dropdown-item selected"
                            href="#"
                            onclick="alteraAno(2026)">
                            2026                        </a>
                                            <a class="dropdown-item "
                            href="#"
                            onclick="alteraAno(2025)">
                            2025                        </a>
                                    </div>
            </li>
        </ul>

        <a class="navbar-brand" href="#">
            <img src="../../images/Logos/LOGO_D-BRANCO/LOGO_DEMANDA_Haa_200_mm.png" height="30" alt="Logo">
        </a>
    </nav>

            <div class="container-fluid mt-3">
            <div class="alert alert-info-soft alert-dismissible fade show mb-0" role="alert">
                <div class="d-flex align-items-start">
                    <i class="fas fa-circle-info aviso-icon mr-2"></i>
                    <div>
                        <div><b>Como saber se sua solicita&ccedil;&atilde;o foi enviada?</b></div>
                        <div class="mt-1">
                            Depois de preencher e enviar o formul&aacute;rio, clique em <b>"Acompanhar Inscri&ccedil;&atilde;o"</b> e confira a situa&ccedil;&atilde;o:
                        </div>
                        <div class="mt-2 d-flex flex-wrap gap-2">
                            <span class="status-pill st-blue"><i class="fas fa-hourglass-half"></i> Aguardando Valida&ccedil;&atilde;o = enviada com sucesso</span>
                            <span class="status-pill st-gray"><i class="fas fa-pen"></i> Aguardando Envio = ainda n&atilde;o foi enviada</span>
                        </div>
                    </div>
                </div>
                <button type="button" class="close" data-dismiss="alert" aria-label="Close">
                    <span aria-hidden="true">&times;</span>
                </button>
            </div>
        </div>
    

    <div class="modal fade" id="caixaDialogo" tabindex="-1" aria-labelledby="caixaDialogo" aria-hidden="true">
        <div class="modal-dialog modal-dialog-centered">
            <div class="modal-content">
                <div class="modal-header">
                    <h5 class="modal-title" id="caixaDialogoTitulo"></h5>
                    <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                        <span aria-hidden="true">&times;</span>
                    </button>
                </div>
                <div class="modal-body">
                </div>
            </div>
        </div>
    </div>

    <input type="hidden" id="semestreIndex" value="2">
    <input type="hidden" id="idSme" value="97">
    <input type="hidden" id="ano" value="2026">
    <input type="hidden" id="cpfUser" value="">
    <input type="hidden" id="idUser" value="">
    <input type="hidden" id="dataHoje" value="2026-09-22">
    <input type="hidden" id="acessoUser" value="0">
    <input type="hidden" id="dataVisualizacaoFim" value="2027-01-12">
    <input type="hidden" id="periodoVisualizacaoAtivo" value="0">
    <input type="hidden" id="linkEdital" value="https://demanda-net-arquivos-producao.s3.sa-east-1.amazonaws.com/demandanet2/auxilioTransporteAnexos/arquivos/edital.pdf?X-Amz-Content-Sha256=UNSIGNED-PAYLOAD&amp;X-Amz-Algorithm=AWS4-HMAC-SHA256&amp;X-Amz-Credential=AKIASDKFNCIN4JQODKFM%2F20260922%2Fsa-east-1%2Fs3%2Faws4_request&amp;X-Amz-Date=20260922T141533Z&amp;X-Amz-SignedHeaders=host&amp;X-Amz-Expires=600&amp;X-Amz-Signature=46e18f657e0a4414c6ddd9c2d03e5f8210de9b32b5790170eea0215d1c3ff322">
    <input type="hidden" id="linkTutorial" value="https://demanda-net-arquivos-producao.s3.sa-east-1.amazonaws.com/demandanet2/auxilioTransporteAnexos/arquivos/tutorial.mp4?X-Amz-Content-Sha256=UNSIGNED-PAYLOAD&amp;X-Amz-Algorithm=AWS4-HMAC-SHA256&amp;X-Amz-Credential=AKIASDKFNCIN4JQODKFM%2F20260922%2Fsa-east-1%2Fs3%2Faws4_request&amp;X-Amz-Date=20260922T141533Z&amp;X-Amz-SignedHeaders=host&amp;X-Amz-Expires=600&amp;X-Amz-Signature=c5876279a1b079005e40ea3d96b2bdeeb3abec8356c83e03735ff60f4cac0885">
            <script>
            $(function() {
                const idUserSessao = String($('#idUser').val() || '').trim();

                function mostrarAvisoEdital() {
                    try {
                        const idsme = String($('#idSme').val() || '');
                        const ano = String($('#ano').val() || '');
                        const sem = String($('#semestreIndex').val() || '');
                        const key = `aux_transporte_aviso_edital_v1_${idsme}_${ano}_${sem}`;

                        if (!localStorage.getItem(key)) {
                            Swal.fire({
                                title: 'Antes de comecar, leia o Edital',
                                icon: 'info',
                                html: `O Edital explica quem pode solicitar o aux&iacute;lio, quais documentos anexar e as datas do processo.<br><br>
                                       Se ainda n&atilde;o conferiu, clique em <b>"Abrir Edital"</b>.`,
                                showCancelButton: true,
                                confirmButtonText: 'Abrir Edital',
                                cancelButtonText: 'J&aacute; conferi'
                            }).then((result) => {
                                localStorage.setItem(key, '1');
                                if (result.isConfirmed) {
                                    window.open('https://demanda-net-arquivos-producao.s3.sa-east-1.amazonaws.com/demandanet2/auxilioTransporteAnexos/arquivos/edital.pdf?X-Amz-Content-Sha256=UNSIGNED-PAYLOAD&X-Amz-Algorithm=AWS4-HMAC-SHA256&X-Amz-Credential=AKIASDKFNCIN4JQODKFM%2F20260922%2Fsa-east-1%2Fs3%2Faws4_request&X-Amz-Date=20260922T141533Z&X-Amz-SignedHeaders=host&X-Amz-Expires=600&X-Amz-Signature=46e18f657e0a4414c6ddd9c2d03e5f8210de9b32b5790170eea0215d1c3ff322', '_blank');
                                }
                            });
                        }
                    } catch (e) {}
                }

                if (!idUserSessao) {
                    // Sem usuario identificado: pede CPF/e-mail antes de liberar
                    // os botoes de Registrar/Acompanhar e os tutoriais.
                    Swal.fire({
                        title: 'Identifique-se para continuar',
                        icon: 'info',
                        html: `Para registrar ou acompanhar sua solicita&ccedil;&atilde;o de aux&iacute;lio transporte, primeiro precisamos confirmar seu CPF, e-mail e data de nascimento.`,
                        confirmButtonText: 'Identificar-se agora',
                        allowOutsideClick: false,
                        allowEscapeKey: false
                    }).then(() => {
                        solicitaCpfEmail();
                    });
                } else {
                    mostrarAvisoEdital();
                }
            });
        </script>
    
    <main class="container-fluid" id="principal" style="margin-top: 1.5em; margin-bottom: 4em;">

                    <div class="container-fluid">
                <div class="onboarding-card">
                    <h1 class="onboarding-title"><i class="fas fa-bus mr-2"></i>Solicita&ccedil;&atilde;o de Aux&iacute;lio Transporte</h1>
                    <p class="onboarding-sub">Siga os passos abaixo para solicitar ou acompanhar o seu aux&iacute;lio.</p>

                    <div class="onboarding-steps">
                        <button type="button" class="onboarding-step" onclick="bloquearPagina()">
                            <div class="onboarding-step-icon"><i class="fas fa-file-signature"></i></div>
                            <div class="onboarding-step-text">
                                <b>1. Registrar Solicita&ccedil;&atilde;o</b>
                                <span>Preencha o formul&aacute;rio completo e anexe os documentos pedidos no Edital.</span>
                            </div>
                            <i class="fas fa-chevron-right onboarding-step-arrow"></i>
                        </button>

                        <button type="button" class="onboarding-step" onclick="listar_solicitacao()">
                            <div class="onboarding-step-icon"><i class="fas fa-list-check"></i></div>
                            <div class="onboarding-step-text">
                                <b>2. Acompanhar Inscri&ccedil;&atilde;o</b>
                                <span>Veja a situa&ccedil;&atilde;o da sua solicita&ccedil;&atilde;o e as datas do semestre selecionado.</span>
                            </div>
                            <i class="fas fa-chevron-right onboarding-step-arrow"></i>
                        </button>

                        <a href="https://demanda-net-arquivos-producao.s3.sa-east-1.amazonaws.com/demandanet2/auxilioTransporteAnexos/arquivos/edital.pdf?X-Amz-Content-Sha256=UNSIGNED-PAYLOAD&X-Amz-Algorithm=AWS4-HMAC-SHA256&X-Amz-Credential=AKIASDKFNCIN4JQODKFM%2F20260922%2Fsa-east-1%2Fs3%2Faws4_request&X-Amz-Date=20260922T141533Z&X-Amz-SignedHeaders=host&X-Amz-Expires=600&X-Amz-Signature=46e18f657e0a4414c6ddd9c2d03e5f8210de9b32b5790170eea0215d1c3ff322" target="_blank" class="onboarding-step">
                            <div class="onboarding-step-icon"><i class="fas fa-file-lines"></i></div>
                            <div class="onboarding-step-text">
                                <b>3. Ler o Edital</b>
                                <span>Confira as regras, documentos exigidos e prazos antes de preencher o formul&aacute;rio.</span>
                            </div>
                            <i class="fas fa-chevron-right onboarding-step-arrow"></i>
                        </a>

                        <a href="https://demanda-net-arquivos-producao.s3.sa-east-1.amazonaws.com/demandanet2/auxilioTransporteAnexos/arquivos/tutorial.mp4?X-Amz-Content-Sha256=UNSIGNED-PAYLOAD&X-Amz-Algorithm=AWS4-HMAC-SHA256&X-Amz-Credential=AKIASDKFNCIN4JQODKFM%2F20260922%2Fsa-east-1%2Fs3%2Faws4_request&X-Amz-Date=20260922T141533Z&X-Amz-SignedHeaders=host&X-Amz-Expires=600&X-Amz-Signature=c5876279a1b079005e40ea3d96b2bdeeb3abec8356c83e03735ff60f4cac0885" target="_blank" class="onboarding-step">
                            <div class="onboarding-step-icon"><i class="fas fa-circle-play"></i></div>
                            <div class="onboarding-step-text">
                                <b>4. Assistir ao Tutorial</b>
                                <span>V&iacute;deo curto mostrando o passo a passo de como preencher a solicita&ccedil;&atilde;o.</span>
                            </div>
                            <i class="fas fa-chevron-right onboarding-step-arrow"></i>
                        </a>
                    </div>

                    <div class="onboarding-help">
                        <i class="fas fa-circle-question mr-2"></i>
                        D&uacute;vidas? Envie um e-mail para <a href="mailto:auxiliotransporte@educacao.barrabonita.sp.gov.br">auxiliotransporte@educacao.barrabonita.sp.gov.br</a>
                    </div>
                </div>
            </div>
            </main>

    <footer class="navbar fixed-bottom navbar-light bg-light p-1">
        <span class="navbar-text p-0">
            M&oacute;dulo: Solicita&ccedil;&atilde;o de Transporte Escolar        </span>

        <div class='navbar-brand text-white p-0 ml-3' href='#'>
            <img src="../../images/Logos/LOGO_D-COLOR/LOGO_DEMANDA1_5mm.png" height="30">
        </div>
    </footer>
</body>

</html>
