eaiovnaovbqoebvqoeavibavo
<?php
session_start();
if($_SESSION["CEGS_nombre"]=="" || $_SESSION["CEGS_nombre"]==null){
    header("Location: https://juliojodi.com/CEGSystem/");
}elseif($_SESSION["CEGS_nombreRol"]!="Administrador"
&& $_SESSION["CEGS_nombreRol"]!="Secretaria especial"
&& $_SESSION["CEGS_nombreRol"]!="Secretaria"){
header("Location: https://juliojodi.com/CEGSystem/Page/inicio");
}
require 'encabezado.php';

?>

<div class="container-fluid p-5">
    <div class="row">
        <div class="col-md-12">
            <h3>Inscribir alumno | 1er ingreso</h3>
            <hr style="z-index: 1;">
            <!-- Fin alumnos existentes -->
            <form onSubmit="return false" id="form_alumno" class="needs-validation" novalidate>    
                <!-- Datos del alumno -->                
                <label for="nombre" class="mt-3">Nombres</label>
                <div class="icono">
                    <i class="fas fa-signature"></i>                    
                    <input required type="text" name="nombre" id="nombre" class="form-control ps-5 mt-3" placeholder="Ingrese los nombres" data-validation-required-message="Es requerido">
                    <div class="invalid-feedback">
                      Complete este campo
                    </div>
                </div>

                <label for="apellido" class="mt-3">Apellidos</label>
                <div class="icono">
                    <i class="fas fa-signature"></i>
                    <input required type="text" name="apellido" id="apellido" class="form-control ps-5 mt-3" placeholder="Ingrese los apellidos" >
                    <div class="invalid-feedback">
                      Complete este campo
                    </div>
                </div>
                <div class="row">
                  <div class="col-md-4">
                    <label for="fecha" class="mt-3">Seleccione fecha nac:</label>
                    <div class="icono">
                      <i class="fas fa-calendar-week"></i>
                      <input required type="date" name="fecha" id="fecha" class="form-control ps-5"> 
                      <div class="invalid-feedback">
                      Complete este campo
                    </div>                   
                    </div>
                  </div>
                  <div class="col-md-4">
                    <label for="genero" class="mt-3">Seleccione Genero:</label>
                    <div class="icono">                      
                      <select required name="genero" id="genero" class="form-control" >
                        <option value="" disabled selected hidden>Seleccione genero</option>
                        <option value="Masculino">Masculino</option>
                        <option value="Femenino">Femenino</option>
                      </select>
                      <div class="invalid-feedback">
                      Complete este campo
                    </div>
                    </div>
                  </div>

                  <div class="col-md-4">
                    <label for="plan" class="mt-3">Seleccione Plan:</label>
                    <div class="icono">                      
                      <select required name="plan" id="plan" class="form-control">
                        <option value="" disabled selected hidden>Seleccione plan</option>
                        <option value="A">A</option>
                        <option value="B">B</option>
                        <option value="C">C</option>
                        <option value="D">D</option>
                      </select>
                      <div class="invalid-feedback">
                      Complete este campo
                    </div>
                    </div>
                  </div>
                </div>

                <label for="correoA" class="mt-3">Correo personal(solo diversificado)</label>
                <div class="icono">
                  <i class="fas fa-envelope"></i>                
                    <input type="email" name="correoA" id="correoA" class="form-control ps-5 mt-3" placeholder="Ingrese el correo personal (solo diversificado)" >
                </div>                 

                <label for="SelectGrado" class="mt-3">Grado:</label>
                <select name="Grado" required id="SelectGrado" class="mt-3 form-control" style="width:100%;">
                  <option value="" disabled selected hidden>Seleccione grado</option>
                    <?php 
                    $Cargar = new Cargar();                                                        
                      $filass=$Cargar->buscarGradosPP();
                      $filass2=$Cargar->buscarGradosP();
                      $filass3=$Cargar->buscarGradosD();
                      $filass4=$Cargar->buscarGradosB();                    
                      echo '<optgroup label="Preprimaria">';
                      if($filass){
                          foreach($filass as $fila){
                              echo '<option value="'.$fila['id_grado'].'">'.$fila['nombre'].'</option>';
                          }
                      }
                      echo '</optgroup>';
                      
                      echo '<optgroup label="Primaria">';
                      if($filass2){
                          foreach($filass2 as $fila2){
                              echo '<option value="'.$fila2['id_grado'].'">'.$fila2['nombre'].'</option>';
                          }
                      }
                      echo '</optgroup>';
                      
                      echo '<optgroup label="Básicos">';
                      if($filass4){
                          foreach($filass4 as $fila4){
                              echo '<option value="'.$fila4['id_grado'].'">'.$fila4['nombre'].'</option>';
                          }
                      }
                      echo '</optgroup>';
                      
                      echo '<optgroup label="Diversificado">';
                      if($filass3){
                          foreach($filass3 as $fila3){
                              echo '<option value="'.$fila3['id_grado'].'">'.$fila3['nombre'].'</option>';
                          }
                      }
                      echo '</optgroup>';
                    ?>
                </select>
                <div class="invalid-feedback">
                      Complete este campo
                </div>
                <label for="observaciones" class="mt-3">Observaciones:</label>
                <div class="icono">
                    <i class="fas fa-eye"></i>
                    <textarea name="observaciones" id="observaciones" class="form-control mt-3 ps-5" rows="4" placeholder="Ingrese las observaciones aquí."></textarea>
                </div>                
            <!-- fin datos alumno -->

            <hr style="z-index: 1;">
            <label class="float-end">Padre existente<input type="checkbox" name="checkPadre" id="checkPadre" onclick="mostrar();"></label><br><br>
            <div class="existente" id="existente">
                <h5>Seleccione padre a registrar</h5>
                <select name="id_encargadoE" id="id_encargadoE" style="width:100%">
                  <option value="" disabled selected hidden>Seleccione encargado</option>
                  <?php
                  $datosEncargados=$Cargar->buscarEncargados();
                  foreach($datosEncargados as $DE){
                    echo '<option value="'.$DE['id_encargado'].'">'.$DE['nombre_completo'].'</option>';
                  }
                  ?>
                </select>
            </div>

            <div class="noExistente" id="noExistente">
                <!-- INICIO DE LOS DATOS DEL PADRE -->
                <fieldset  class="border p-2 mt-4" style="position:relative; border: solid 1px gray !important; border-radius: 5px">
                    <legend style="font-size: 1.2rem;">Datos del(los) encargado(s)</legend>                
                    <hr style="z-index: 1;">
                        <button type="button" onclick="agregarEncargado();" class="btn btn-secondary p-0" style="position: absolute;right:10px;top:-20px;outline:3px solid #fff;">
                            <i class="fa-solid fa-plus"></i>
                        </button>  
                    <div class="row" id="content_encargado">
                      <div class="col-md-12">
                      <label for="nombreP0" class="mt-3">Nombre encargado:</label>
                    <div class="icono">
                            <i class="fas fa-signature"></i>                
                            <input type="text" name="nombreP0" id="nombreP0" class="form-control ps-5 mt-3" placeholder="Ingrese el nombre" required>                    
                            <div class="invalid-feedback">
                              Complete este campo
                            </div>
                        </div>
                    <label for="direccion0" class="mt-3">Dirección encargado:</label>
                        <div class="icono">
                            <i class="fas fa-map-marker-alt"></i>
                            <input type="text" name="direccion0" id="direccion0" class="form-control ps-5 mt-3" placeholder="Ingrese la dirección" required>                    
                            <div class="invalid-feedback">
                              Complete este campo
                            </div>
                        </div>
                    <label for="parentesco0" class="mt-3">Parentesco:</label>
                        <div class="icono">
                            <i class="fas fa-street-view"></i>
                            <select name="parentesco0" id="parentesco0" class="ps-5 mt-3 form-control" required>
                              <option value="" disabled selected hidden>Seleccione el parentesco</option>
                              <option value="Madre">Madre</option>
                              <option value="Padre">Padre</option>
                              <option value="Hermano">Hermano</option>
                              <option value="Hermana">Hermana</option>
                              <option value="Tío">Tío</option>
                              <option value="Tía">Tía</option>
                              <option value="Abuelo">Abuelo</option>
                              <option value="Abuela">Abuela</option>
                              <option value="Primo">Primo</option>
                              <option value="Prima">Prima</option>
                              <option value="Madre">Madrastra</option>
                              <option value="Madre">Padrastro</option>
                              <option value="Patrocinador">Patrocinador</option>
                            </select>
                            <div class="invalid-feedback">
                              Complete este campo
                            </div>
                        </div>

                        <fieldset  class="border p-2 mt-4" style="position:relative; border: solid 1px green !important; border-radius: 5px">
                          <legend style="font-size: 1.2rem;">Telefonos encargado</legend>                
                          <hr style="z-index: 1;">
                              <button type="button" onclick="agregarT()" class="btn btn-success p-0" style="position: absolute;right:10px;top:-20px;outline:3px solid #fff;">
                                  <i class="fa-solid fa-plus"></i>
                              </button>  
                          <div class="row" id="telefonos0">
                          <div class="col-12">
                            <label for="telefono00" class="mt-3">Telefono:1</label>
                            <div class="icono">
                                <i class="fas fa-phone-square-alt"></i>
                                <input required type="text" name="telefono00" id="telefono00" class="form-control ps-5 mt-3" placeholder="Ingrese el telefono">
                                <div class="invalid-feedback">
                                  Complete este campo
                                </div>
                            </div>
                          </div>
                          </div>
                      </fieldset> 
                      
                      <fieldset class="border p-2 mt-4" style="position:relative; border: solid 1px blue !important; border-radius: 5px">
                          <legend style="font-size: 1.2rem;">Correos encargado</legend>                
                          <hr style="z-index: 1;">
                              <button type="button" onclick="agregarC()" class="btn btn-primary p-0" style="position: absolute;right:10px;top:-20px;outline:3px solid #fff;">
                                  <i class="fa-solid fa-plus"></i>
                              </button>  
                              <div class="row" id="correos0">
                              <div class="col-12">
                                <label for="correo00" class="mt-3">Correo: 1</label>
                                <div class="icono">
                                <i class="fas fa-at"></i>
                                <input required type="email" name="correo00" id="correo00" class="form-control ps-5 mt-3" placeholder="Ingrese el correo">
                                <div class="invalid-feedback">
                                  Complete este campo
                                </div>
                                </div>                            
                              </div>
                              </div>
                      </fieldset>
                      </div>
                    </div>
                </fieldset>
            <!-- FINAL DE LOS DATOS DEL PADRE --> 
            </div>
                                                

                                              
        </div>
        <center><button type="submit" class="btn btn-success mt-4">Guardar</button><button type="button" class="btn btn-danger mt-4 ms-3" onclick="location.reload();">Cancelar</button><center>
        <center><a href="https://juliojodi.com/CEGSystem/Page/inscribir" class="btn btn-secondary mt-4">Regresar</a></center>
        </form>
    </div>
</div>




<?php
require 'pie.php';
?>
<script src="../assets/js/InscribirPI.js?v=2"></script>