<!DOCTYPE html>
<html lang="en">

<head>
  <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
  <meta charset="utf-8">
  
  <meta http-equiv="content-type" content="text/html; charset=iso8859-1"/>
  <!--meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>-->
  <!--<meta charset="utf-8">-->
  <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
  <meta name="description" content="">
  <meta name="author" content="">

  <title>Recursos Humanos Puerto Villarroel</title>

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

  <!-- Custom fonts for this template -->
  <link href="https://fonts.googleapis.com/css?family=Raleway:100,100i,200,200i,300,300i,400,400i,500,500i,600,600i,700,700i,800,800i,900,900i" rel="stylesheet">
  <link href="https://fonts.googleapis.com/css?family=Lora:400,400i,700,700i" rel="stylesheet">

  <!-- Custom styles for this template -->
  <link href="css/business-casual.min.css" rel="stylesheet">

  <!--imagen en la ventana-->
  <link href='sistem/img/logo_pestana.png' rel='shortcut icon' type='image/png'/> 

  <script type="text/javascript" src="sistem/dist/js/funciones.js"></script> <!-------funciones personales------->
<style>
.alert {
  padding: 15px 30px;
  margin-bottom: 15px;
  border-radius: 3px;
  border-bottom: 3px solid #22303d;
  letter-spacing: 0.5px;
  color: rgba(255, 255, 255, 0.8);
  background-image: linear-gradient(#4f6f8f, #34495e);
  box-shadow: 0 5px 10px rgba(0, 0, 0, 0.3);
}

.alert--primary {
  padding: 15px 30px;
  margin-bottom: 15px;
  border-radius: 3px;
  border-bottom: 3px solid #217dbb;
  letter-spacing: 0.5px;
  color: rgba(255, 255, 255, 0.8);
  background-image: linear-gradient(#75b9e7, #3498db);
  box-shadow: 0 5px 10px rgba(0, 0, 0, 0.3);
}

.alert--warning {
  padding: 15px 30px;
  margin-bottom: 15px;
  border-radius: 3px;
  border-bottom: 3px solid #bf6516;
  letter-spacing: 0.5px;
  color: rgba(255, 255, 255, 0.8);
  background-image: linear-gradient(#eea667, #e67e22);
  box-shadow: 0 5px 10px rgba(0, 0, 0, 0.3);
}

.alert--danger {
  padding: 15px 30px;
  margin-bottom: 15px;
  border-radius: 3px;
  border-bottom: 3px solid #d62c1a;
  letter-spacing: 0.5px;
  color: rgba(255, 255, 255, 0.8);
  background-image: linear-gradient(#ef8b80, #e74c3c);
  box-shadow: 0 5px 10px rgba(0, 0, 0, 0.3);
}

.alert--success {
  padding: 15px 30px;
  margin-bottom: 15px;
  border-radius: 3px;
  border-bottom: 3px solid #25a25a;
  letter-spacing: 0.5px;
  color: rgba(255, 255, 255, 0.8);
  background-image: linear-gradient(#69dd9a, #2ecc71);
  box-shadow: 0 5px 10px rgba(0, 0, 0, 0.3);
}
.fancy-button{
        background-color:#c6711b;
        color:#ffffff;
        border:none;
        padding:4px;
        font-size:10px;
        font-weight:bold;
        border-radius:8px;
        cursor:pointer;
        box-shadow: 0 4px 8px rgba(0,0,0,0,3);
        transition: background-color 0.3s ease, transform 0.2s ease;    
      }
      .fancy-button:hover{
        background-color: #ffc00c; 
        transform: scale(1.05);
      }
      .text-uppercase:hover{
        color: #f4fb00; 
        transform: scale(1.05);
      }
</style>
  
</head>

<body>

  <!-- Navigation -->
  <nav class="navbar navbar-expand-lg navbar-dark py-lg-4" id="mainNav">
    <div class="container">
      <a class="navbar-brand text-uppercase text-expanded font-weight-bold d-lg-none" href="#">MENÚ</a>
      <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarResponsive" aria-controls="navbarResponsive" aria-expanded="false" aria-label="Toggle navigation">
        <span class="navbar-toggler-icon"></span>
      </button>
      <div class="collapse navbar-collapse" id="navbarResponsive">
        <ul class="navbar-nav mx-auto">
          <li class="nav-item active px-lg-4">
            <a class="nav-link text-uppercase text-expanded" href="index.php">GENERAR COMISION<span class="sr-only">(current)</span></a>
          </li>
          <li class="nav-item active px-lg-4">
            <a class="nav-link text-uppercase text-expanded" href="viajeImprimir.php">Imprimir Viajes Anteriores<span class="sr-only">(current)</span></a>
          </li>
          <!-- MODIFICADO 2022 -->
          <li class="nav-item active px-lg-4">
            <a class="nav-link text-uppercase text-expanded" href="informe.php">Generar Informe<span class="sr-only">(current)</span></a>
          </li>
		   <li class="nav-item active px-lg-4">
            <a class="nav-link text-uppercase text-expanded" href="lista_viajes.php">Imprimir Informes anteriores<span class="sr-only">(current)</span></a>
          </li>
		  
		    <li class="nav-item active px-lg-4">
            <a class="nav-link text-uppercase text-expanded" href="login.php"><button class="fancy-button">L O G I N</button><span class="sr-only">(current)</span></a>
          </li>
          
        </ul>
      </div>
    </div>
  </nav> 
  <h1 class="site-heading text-center text-white d-none d-lg-block" style="margin-top: 1%;color: white;">
    <span class="site-heading-upper text-primary mb-3" >GENERAR INFORME DE VIAJE</span> 
    <!--<span class="site-heading-lower">GENERAR FORMULARIO DE COMISIÓN DE VIAJE</span>-->
  </h1>
  <section class="page-section about-heading">
    <div class="container">
      <!--<img class="img-fluid rounded about-heading-img mb-3 mb-lg-0" src="img/about.jpg" alt=""> -->
      <div class="about-heading-content">
        <div class="row">
          <div class="col-xl-9 col-lg-10 mx-auto">
            <div class="bg-faded rounded p-3">

              <div class="row">
                <div class="col-md-7">
                  <label> <strong> Buscar por Nº de documentación (C.I.)</strong></label>
                </div>
                <div class="col-md-5">
                  <form name="" action="formulario.php" method="POST" autocomplete="off">
                    <div class="input-group form"> 
                        <input type="text" name="ci" id="filtrar" class="form-control" required placeholder=" Buscar... ">
                        <span class="input-group-btn">
                            <button type="submit" class="btn btn-primary"   name="accion" value="change"> Buscar </button>
                        </span>
                    </div>
                  </form>
                </div>
              </div>

              <hr>
              <?php
                  if(isset($_GET['message']) && $_GET['message']){
                    if (strcmp($_GET['message'],"ok")==0) {
                     ?>
                     <div class="alert alert--success" >Registro de formulario con éxito!! <a href="lista_viajes.php">Descargar</a> </div>
                     <?php
                    }else {
                      ?>
                     <div class="alert alert--danger" >Error !!</div>
                      <?php
                    }
                  }
                  ?>
              <div class="row">
                <div class="col-md-12">                  
                  <center> <img src="img/img_generar_informe.jpg" width="80%" ></center>  <hr>
                </div>
              </div>
              
              
            </div>
          </div>
        </div>
      </div>
    </div>
  </section>

  <footer class="footer text-faded text-center py-5">
    <div class="container">
      <p class="m-0 small"> Desarrollado por <a href="https://www.facebook.com/profile.php?id=100063951547418" target="_blank">Unidad de Redes y Sistemas</U.R.S.> </a> Gestión 2024 </p>
    </div>
  </footer>

  <!-- Bootstrap core JavaScript -->
  <script src="vendor/jquery/jquery.min.js"></script>
  <script src="vendor/bootstrap/js/bootstrap.bundle.min.js"></script>

</body>

</html>