<?php //header("location:https://www.urp.edu.pe");
  session_start(); 
  include("script/php/swordfish.php"); 
  include("script/php/valores.php"); 
?>
<!doctype html>
<html lang="es">
  <head>
    <!-- Required meta tags -->
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">

    <meta name="description" content="<?php e($descriPag); ?>">
    <meta name="author" content="<?php e($authorPag); ?>">
    <title><?php e($tituloPag); ?></title>

    <!-- Bootstrap CSS -->
    <link rel="stylesheet" href="css/bootstrap.min.css">
    <link rel="stylesheet" href="css/font-awesome.min.css">
    <link rel="stylesheet" href="css/animate.min.css">
    <link rel="stylesheet" href="css/ionicons.min.css">
    <link rel="stylesheet" href="css/urpcontrol.css">

    
    <!--[if lt IE 9]>
    <script src="js/html5shiv.js"></script>
    <script src="js/respond.min.js"></script>
    <![endif]-->       
    <link rel="shortcut icon" href="images/ico/favicon.ico">
    <link rel="apple-touch-icon-precomposed" sizes="144x144" href="images/ico/apple-touch-icon-144-precomposed.png">
    <link rel="apple-touch-icon-precomposed" sizes="114x114" href="images/ico/apple-touch-icon-114-precomposed.png">
    <link rel="apple-touch-icon-precomposed" sizes="72x72" href="images/ico/apple-touch-icon-72-precomposed.png">
    <link rel="apple-touch-icon-precomposed" href="images/ico/apple-touch-icon-57-precomposed.png">
  </head>
  <body>

    <div class="container-fluid">
      <div class="row">

        <div class="col-md-7"><br>
          <section id="testvocacional">
            <div class="container-fluid">
              <div class="container">
                <div class="card text-center">
                  <div class="card-body">
                    <h5>
                      <?php e($titulxPag); ?>
                    </h5>
                  </div>
                </div>
              </div>
            </div>      
          </section>

          <br>
          <section id="simulacro">
            <div class="container-fluid">
              <div class="container">
                <div class="card">
                  <h6 class="card-header">DATOS PERSONALES</h6>
                  <div class="card-body">
                    <p><small>Para poder responder el simulacro, antes debes ingresar los siguientes Datos. Siendo los que están con (*) campos obligatorios</small></p>
                    <form name="form1" method="post" action="simulacro1.php"><!-- examen1.php -> simulacro1.php  -->
                      <div class="row">
                        <div class="col-md-4">
                          <input type="text" class="form-control form-control-sm" id="alumno" name="alumno" placeholder="Nombres" required>
                        </div>
                        <div class="col-md-4">
                          <input type="text" class="form-control form-control-sm" id="apep" name="apep" placeholder="Apellido paterno" required>
                        </div>
                        <div class="col-md-4">
                          <input type="text" class="form-control form-control-sm" id="apem" name="apem" placeholder="Apellido materno" required>
                        </div>
                      </div>
                      <br>

                      <div class="row">
                        <div class="col">
                          <input type="email" class="form-control form-control-sm" id="correo" name="correo" placeholder="Correo usuario@dominio.com" required>
                        </div>
                      </div>
                      <br>

                      <div class="row">
                        <div class="col-md-3">
                          <input type="text" class="form-control form-control-sm" id="edad" name="edad" placeholder="Edad en años" required>
                        </div>
                        <div class="col-md-3">
                          <select name="sexo" id="sexo" class="form-control form-control-sm" required>
                            <option value = "">Sexo</option>
                            <option value = "M">Masculino</option>
                            <option value = "F">Femenino</option>
                          </select>
                        </div>
                        <div class="col-md-3">
                          <input type="text" class="form-control form-control-sm" id="telf1" name="telf1" placeholder="Teléfono" required>
                        </div>
                        <div class="col-md-3">
                          <input type="text" class="form-control form-control-sm" id="telf2" name="telf2" placeholder="Celular" required>
                        </div>
                      </div>
                      <br>

                      <div class="row">
                        <div class="col-md-7">
                          <input type="text" class="form-control form-control-sm" id="direcc" name="direcc" placeholder="Domicilio" required>
                        </div>
                        <div class="col-md-5">
                          <select name="distrito" class="form-control form-control-sm" required>
                            <option selected value="">Distrito</option>
                            <option value = "Anc&oacute;n">Anc&oacute;n</option>
                            <option value = "Ate Vitarte">Ate Vitarte</option>
                            <option value = "Barranco">Barranco</option>
                            <option value = "Bre&ntilde;a">Bre&ntilde;a</option>
                            <option value = "Carabayllo">Carabayllo</option>
                            <option value = "Cercado de Lima">Cercado de Lima</option>
                            <option value = "Chaclacayo">Chaclacayo</option>
                            <option value = "Chorrillos">Chorrillos</option>
                            <option value = "Cieneguilla">Cieneguilla</option>
                            <option value = "Comas">Comas</option>
                            <option value = "El Agustino">El Agustino</option>
                            <option value = "Independencia">Independencia</option>
                            <option value = "Jes&uacute;s Mar&iacute;a">Jes&uacute;s Mar&iacute;a</option>
                            <option value = "La Molina">La Molina</option>
                            <option value = "La Victoria">La Victoria</option>
                            <option value = "Lince">Lince</option>
                            <option value = "Los Olivos">Los Olivos</option>
                            <option value = "Lurigancho">Lurigancho</option>
                            <option value = "Lur&iacute;n">Lur&iacute;n</option>
                            <option value = "Magdalena del Mar">Magdalena del Mar</option>
                            <option value = "Miraflores">Miraflores</option>
                            <option value = "Pachacamac">Pachacamac</option>
                            <option value = "Pucusana">Pucusana</option>
                            <option value = "Pueblo Libre">Pueblo Libre</option>
                            <option value = "Puente Piedra">Puente Piedra</option>
                            <option value = "Punta Hermosa">Punta Hermosa</option>
                            <option value = "Punta Negra">Punta Negra</option>
                            <option value = "R&iacute;mac">R&iacute;mac</option>
                            <option value = "San Bartolo">San Bartolo</option>
                            <option value = "San Borja">San Borja</option>
                            <option value = "San Isidro">San Isidro</option>
                            <option value = "San Juan de Lurigancho">San Juan de Lurigancho</option>
                            <option value = "San Juan de Miraflores">San Juan de Miraflores</option>
                            <option value = "San Luis">San Luis</option>
                            <option value = "San Mart&iacute;n de Porres">San Mart&iacute;n de Porres</option>
                            <option value = "San Miguel">San Miguel</option>
                            <option value = "Santa Anita">Santa Anita</option>
                            <option value = "Santa Mar&iacute;a del Mar">Santa Mar&iacute;a del Mar</option>
                            <option value = "Santa Rosa">Santa Rosa</option>
                            <option value = "Santiago de Surco">Santiago de Surco</option>
                            <option value = "Surquillo">Surquillo</option>
                            <option value = "Villa El Salvador">Villa El Salvador</option>
                            <option value = "Villa Mar&iacute;a del Triunfo">Villa Mar&iacute;a del Triunfo</option>
                          </select>
                        </div>
                      </div>
                      <br>
                      <div class="row">
                        <div class="col">
                          <input type="text" class="form-control form-control-sm" id="colegio" name="colegio" placeholder="Colegio" required>
                        </div>
                      </div>
                      <div class="row">
                        <div class="col">
                          <p><small>A continuación deberás resolver el examen que consta de 100 preguntas, en el lapso de DOS HORAS (120 minutos)</small></p>
                        </div>
                      </div>

                      <button type="submit" class="btn btn-success btn-block btn-sm" onClick="valida_envia()">Ingresar al TEST</button>
                    </form>
                  </div>
                </div>
              </div>
            </div>      

          </section>

        </div>
        <div class="col-md-5">
          <img class="img-fluid" src="image/similacro-examen-admision.png" alt="<?php e($tituloPag); ?>">
        </div>
      </div>
    </div>

    <section id="ocaurp">
      <div class="container">
        <div class="row">
          <div class="col-md-8">
            <H4>CARRERAS PROFESIONALES</H4>
            <div class="row">
                <div class="col-md-6 carrerasurp">
                  <ul>
                    <li>Arquitectura</li>
                    <li>Administración y Gerencia</li>
                    <li>Administración de Negocios Globales</li>
                    <li>Biología</li>
                    <li>Contabilidad y Finanzas</li>
                    <li>Derecho</li>
                    <li>Economía</li>
                    <li>Ingeniería Civil</li>
                    <li>Ingeniería Industrial</li>
                  </ul>
                </div>
                <div class="col-md-6 carrerasurp">
                  <ul>
                    <li>Ingeniería Electrónica</li>
                    <li>Ingeniería Informática</li>
                    <li>Ingeniería Mecatrónica</li>
                    <li>Medicina Humana</li>
                    <li>Medicina Veterinaria</li>
                    <li>Marketing Global y Administración Comercial</li>
                    <li>Psicología</li>
                    <li>Traducción e Interpretación</li>
                    <li>Turismo, Hotelería y Gastronomía</li>                  
                  </ul>
              </div>
            </div>
          </div>
          <div class="col-md-4" style="text-align: right">
            <h4>CENTRAL DE ADMISIÓN</h4>
            <h4 class="phone"><img src="assets/phone.png" width="40"> 708-0000</h4>
            <p class="anexos">Anexos 0600 / 0601 / 0602 / 0603 / 0604 
              <a href="www.urp.edu.pe"  target="_blank" style="color: #fff;font-family: Century Gothic,CenturyGothic,AppleGothic,sans-serif; "><br>
              <img src="assets/web.png" width="20" style="margin-right: 7px;">www.urp.edu.pe</a>
              <a href="mailto:postula@urp.edu.pe" target="_blank" style="color: #fff;font-family: Century Gothic,CenturyGothic,AppleGothic,sans-serif; "><br>
              <img src="assets/mail.png" width="20" style="margin-right: 7px;">postula@urp.edu.pe</a>
            </p>                        
          </div>
        </div>
      </div>
    </section>

    <footer id="footerurp">
        <div class="container">          
          <div class="row">
            <div class="col-md-6">
              <small><small>&copy; 2020 Universidad RICARDO PALMA</small></small>            
            </div>
            <div class="col-md-6">
              <div class="row">
                <div class="col-md-8">
                  &nbsp;
                </div>
                <div class="col-md-1">
                  <a href="https://www.facebook.com/urpalma" target="_blank"><img src="assets/facebook.png">
                </div>
                <div class="col-md-1">
                  <a href="https://twitter.com/urpalma" target="_blank"><img src="assets/twitter.png"></a>
                </div>
                <div class="col-md-1">
                  <a href="https://pe.linkedin.com/school/universidad-ricardo-palma/" target="_blank"><img src="assets/linkedin.png"></a>
                </div>
                <div class="col-md-1">
                  <a href="https://www.youtube.com/urpalma" target="_blank"><img src="assets/youtube.png"></a>
                </div>
              </div>
            </div>
          </div>
        </div>
    </footer>
    <?php include("script/seccion-modal.php");  ?>

    <!-- Optional JavaScript -->
    <!-- jQuery first, then Popper.js, then Bootstrap JS -->
    <script src="js/jquery-3.5.1.slim.min.js"></script>
    <script src="js/popper.min.js"></script>
    <script src="js/bootstrap.min.js"></script>

    <!-- <script src="js/bootstrapValidator.js"></script> -->
    <script>
      $('#urpModal').on('shown.bs.modal', function () {
        $('#myInput').trigger('focus')
      });
    </script>

    <script>
    // Example starter JavaScript for disabling form submissions if there are invalid fields
    (function() {
      'use strict';
      window.addEventListener('load', function() {
        // Fetch all the forms we want to apply custom Bootstrap validation styles to
        var forms = document.getElementsByClassName('needs-validation');
        // Loop over them and prevent submission
        var validation = Array.prototype.filter.call(forms, function(form) {
          form.addEventListener('submit', function(event) {
            if (form.checkValidity() === false) {
              event.preventDefault();
              event.stopPropagation();
            }
            form.classList.add('was-validated');
          }, false);
        });
      }, false);
    })();
    </script>

    <script src="js/jquery.easing.min.js"></script>
    <script src="js/wow.js"></script>
    <SCRIPT languaje="javascript">
      <!--
      function valida_envia(){ 
          if (document.form1.alumno.value.length==0){ 
             alert("Tiene que escribir su Nombre") 
             document.form1.alumno.focus() 
             return 0; 
          } 

          if (document.form1.correo.value.length==0){ 
             alert("Tiene que escribir su Email") 
             document.form1.correo.focus() 
             return 0; 
          } 
          document.form1.submit(); 
      } 

      //-->

    </SCRIPT>
  </body>
</html>