<?php
date_default_timezone_set('America/La_Paz');
?>

<?php
session_start(); // Colocar al inicio del archivo PHP
?>
<!DOCTYPE html>
<html lang="en">

<head>
  <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>
      .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>

  <?php
  //Now date
  $date = date('Y-m-d');
  //Recuperar User
  $name = isset($_POST['name']) ? $_POST['name'] : "";
  $position = isset($_POST['position']) ? $_POST['position'] : "";
  $direction = [];
  $ci = isset($_POST['ci']) ? $_POST['ci'] : "";
  $accion = isset($_POST['accion']) ? $_POST['accion'] : "";
  //Registrar trip
  $id_per = isset($_POST['id_per']) ? $_POST['id_per'] : "";
  $destino = isset($_POST['destino']) ? $_POST['destino'] : "";
  $motivo_viaj = isset($_POST['motivo_viaj']) ? $_POST['motivo_viaj'] : "";
  $fecha_ini = isset($_POST['f_salida']) ? $_POST['f_salida'] : date('Y-m-d');
  $fecha_fin = isset($_POST['f_retorno']) ? $_POST['f_retorno'] : date('Y-m-d');
  //$fecha_fin = isset($_POST['fecha_fin']) ? $_POST['fecha_fin'] : ""
  $nomb_dire=isset($_POST['nomb_dire']) ? $_POST['nomb_dire'] : "";
  $cargo_dire=isset($_POST['cargo_dire']) ? $_POST['cargo_dire'] : "";
  $nomb_resp=isset($_POST['nomb_resp']) ? $_POST['nomb_resp'] : "";
  $cargo_resp=isset($_POST['cargo_resp']) ? $_POST['cargo_resp'] : "";
  $f_salida=isset($_POST['f_salida']) ? $_POST['f_salida'] : date('Y-m-d');
  $h_salida=isset($_POST['h_salida']) ? $_POST['h_salida'] : "";
  $f_retorno=isset($_POST['f_retorno']) ? $_POST['f_retorno'] : date('Y-m-d');
  $h_retorno=isset($_POST['h_retorno']) ? $_POST['h_retorno'] : "";
  $m_trans=isset($_POST['m_trans']) ? $_POST['m_trans'] : "";
  // $viatico_viaj=isset($_POST['viatico_viaj']) ? $_POST['viatico_viaj'] : "";
  //$pasaje_viaj=isset($_POST['pasaje_viaj']) ? $_POST['pasaje_viaj'] : "";
  //$otros_viaj=isset($_POST['otros_viaj']) ? $_POST['otros_viaj'] : "";
  $destino_dep=isset($_POST['destino_dep']) ? $_POST['destino_dep'] : "";
  $num_com=isset($_POST['num_com']) ? $_POST['num_com'] : "";
  $conclusion=isset($_POST['conclusion']) ? $_POST['conclusion'] : "";
  $otro_gast=isset($_POST['otro_gast']) ? $_POST['otro_gast'] : "";
  $viatico = isset($_POST['viatico']) ? 'X' :' ' ;
  $pasaje = isset($_POST['pasaje']) ? 'X' :' ' ;
  $otros = isset($_POST['otros']) ? 'X' :' ' ;

  include('database/conexion.php');

  switch ($accion) {
    case "change":

      $sentenciasSQL = $conexion->prepare("SELECT * FROM t_personales WHERE numDoc_per=:ci");
      $sentenciasSQL->bindParam(':ci', $ci);
      $sentenciasSQL->execute();
      $user = $sentenciasSQL->fetch(PDO::FETCH_LAZY);
      if ($user) {

        $id_dir = $user['id_dir'];
        $sentenciasSQL = $conexion->prepare("SELECT * FROM t_direcciones WHERE id_dir=:id_dir");
        $sentenciasSQL->bindParam(':id_dir', $id_dir);
        $sentenciasSQL->execute();
        $direction = $sentenciasSQL->fetch(PDO::FETCH_LAZY);

        $name = $user['nom_per'] . ' ' . $user['primerAp_per'] . ' ' . $user['segundoAp_per'];
        $position = $user['cargo'];
        $id_per = $user['id_per'];
      } else {
        header("Location: index_no_exist.php");
        sleep(3);
        exit();
      }

      break;
    case "save":
      try {
            $fecha_now = date('Y-m-d');

            $sentenciasSQL = $conexion->prepare("INSERT INTO t_comision_info (fechaReg_viaj,motivo_viaj,fecha_inc,fecha_fin,id_per,destino_viaj,viatico_viaj,pasaje_viaj,otros_viaj,f_salida,h_salida,f_retorno,h_retorno,m_trans,nomb_dire,cargo_dire,nomb_resp,cargo_resp,destino_dep,num_com,conclusion,otro_gast) VALUES(:fechaReg_viaj,:motivo_viaj,:fecha_inc,:fecha_fin,:id_per,:destino_viaj,:viatico_viaj,:pasaje_viaj,:otros_viaj,:f_salida,:h_salida,:f_retorno,:h_retorno,:m_trans,:nomb_dire,:cargo_dire,:nomb_resp,:cargo_resp,:destino_dep,:num_com,:conclusion,:otro_gast);");
            $sentenciasSQL->bindParam(':fechaReg_viaj', $fecha_now);
            $sentenciasSQL->bindParam(':motivo_viaj', $motivo_viaj);
            $sentenciasSQL->bindParam(':fecha_inc', $fecha_ini);
            $sentenciasSQL->bindParam(':fecha_fin', $fecha_fin);
            $sentenciasSQL->bindParam(':id_per', $id_per);
            $sentenciasSQL->bindParam(':destino_viaj', $destino);
            $sentenciasSQL->bindParam(':viatico_viaj', $viatico);
            $sentenciasSQL->bindParam(':pasaje_viaj', $pasaje);
            $sentenciasSQL->bindParam(':otros_viaj', $otros);
            $sentenciasSQL->bindParam(':f_salida', $f_salida);
            $sentenciasSQL->bindParam(':h_salida', $h_salida);
            $sentenciasSQL->bindParam(':f_retorno', $f_retorno);
            $sentenciasSQL->bindParam(':h_retorno', $h_retorno);
            $sentenciasSQL->bindParam(':m_trans', $m_trans);
            $sentenciasSQL->bindParam(':nomb_dire', $nomb_dire);
            $sentenciasSQL->bindParam(':cargo_dire', $cargo_dire);
            $sentenciasSQL->bindParam(':nomb_resp', $nomb_resp);
            $sentenciasSQL->bindParam(':cargo_resp', $cargo_resp);
            $sentenciasSQL->bindParam(':destino_dep', $destino_dep);
            $sentenciasSQL->bindParam(':num_com', $num_com);
            $sentenciasSQL->bindParam(':conclusion', $conclusion);
            $sentenciasSQL->bindParam(':otro_gast', $otro_gast);
          

            $execute = $sentenciasSQL->execute();

              if ($execute) {
              header("Location: index.php?message=ok");
              } else {
                echo `<div class="alert alert-danger" role="alert">error al generar al registrar formulario
              </div>`;
              }
      } catch (\Throwable $th) {
        echo "Error" . $th->getMessage();
      }
     
      break;
  }
  ?>

  <!-- 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</a>
          </li>
          
          <li class="nav-item active px-lg-4">
            <a class="nav-link text-uppercase text-expanded" href="index.php">Generar Informe</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</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 COMISIÓN 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">
      <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="" method="POST" autocomplete="off">
                    <div class="input-group form">
                      <input type="text" name="ci" id="filtrar" class="form-control" 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>
              <div class="row">
                <div class="col-md-12">
                  <form name="" action="" method="POST">
                    <input type="hidden" name="id_per" value="<?php echo $id_per ?>">
                    <div class="form-group row">
                      <div class="col-md-7">
                        <label style="float: left;">Apellidos y Nombre </label><br>
                        <label class="form-control" style="float: left;"><?php echo $name ?></label>
                      </div>
                      <div class="col-md-5">
                        <label style="float: left;">Nº de Documento (C.I.)</label><br>
                        <label class="form-control" style="float: left;"><?php echo $ci ?> </label>
                      </div>
                      <div class="col-md-12">
                        <label style="float: left;">Cargo </label>
                        <label class="form-control" style="float: left;"><?php echo $position ?></label>
                      </div>
                      <div class="col-md-12">
                            <label style="float: left;"> </label>                   
                      </div> 
           
 <!--modificacionn   de radio botton ------------------------------------------------------------------------------------>
 <style>
    #contenido1, #contenido2 {
   
      display: none; /* Inicialmente los contenidos están ocultos */
    }
      #bodire{
        background-color:#8e8c60;
        color:#ffffff;
        border: 2px solid #fff;
        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;
        margin-right: 10px;
      }
      #bodire:hover{
        background-color: #115b79; 
        transform: scale(1.05);
      }
      #boton1{
        background-color:#8e8c60;
        color:#ffffff;
        border: 2px solid #fff;
        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;  
        margin-right: 10px;
      }
      #boton1:hover{
        background-color: #115b79; 
        transform: scale(1.05);
      }
       #boton2{
        background-color:#8e8c60;
        color:#ffffff;
        border: 2px solid #fff;
        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;  
        margin-right: 10px;
      }
      #boton2:hover{
        background-color: #115b79; 
        transform: scale(1.05);
      }
  </style>
  <!-- Botones --> 
  
    <button id="bodire">DIRECTORES Y MAE</button><br/>
    <button id="boton1">RESPONSABLES</button><br/>
    <button id="boton2">TECNICOS</button><br/>
 
  <!-- Contenidos a mostrar u ocultar -->
  <hr>
        <div id="contenido1">
            <div class="row">
                      <div class="col-md-6"  >
                                  <label style="float: left;">DIRECTOR DEPENDIENTE</label>                       
                                          <select name="nomb_dire" class="form-control">
                                              <option value="Seleccionar">Seleccionar</option>
                                              <option value="Lic. Quintin Churiri Villca">Lic. Quintin Churiri Villca</option>		
                                              <option value="Lic. Liliana Vasquez Orellana">Lic. Liliana Vasquez Orellana </option>
                                              <option value="Abo. Saymer Saul Albarracin Perez">Abo. Saymer Saul Albarracin Perez</option>
                                              <option value="Ing Pedro Mamani Rojas">Ing Pedro Mamani Rojas</option>
                                              <option value="Arq. Guido Carbajal Alvarez">Arq. Guido Carbajal Alvarez</option>
                                              <option value="Ing Richard Aruquipa Huari">Ing Richard Aruquipa Huari</option>
                                              <option value="Ing Juan Flores Cabezas">Ing Juan Flores Cabezas</option>
                                              <option value="Ing Andres Bustamante Borda">Ing Andres Bustamante Borda</option>
                                              <option value="Lic. Benito Chiri Ronza">Lic. Benito Chiri Ronza</option>
                                          </select><br>
                    </div>	
                    
                    <div class="col-md-6" >
                                  <label style="float: left;">CARGO DEL DIRECTOR</label>
                                <select name="cargo_dire" class="form-control">
                                    <option value="Seleccionar">Seleccionar</option>
                                    <option value="DIRECTOR ADMINISTRATIVO FINANCIERO">Dir Administrativo Financiero</option>		
                                    <option value="DIRECTORA DESARROLLO HUMANO INTEGRAL">Dir Desarrollo Humano Integral</option>
                                    <option value="DIRECTOR JURIDICO Y DESARROLLO NORMATIVO">Dir Juridica y Desarrollo Normativo</option>
                                    <option value="DIRECTOR DE INFRAESTRUCTURA">Dir de infraestructura</option>
                                    <option value="DIRECTOR DESARROLLO URBANO">Dir desarrollo Urbano</option>
                                    <option value="DIRECTOR DE PLANIFICACION">Dir planificacion</option>
                                    <option value="DIRECTOR DES. ECONOMICO PRODUCTIVO">Dir des. economico productivo</option>
                                    <option value="DIRECTOR DE SERVICIOS BASICOS Y MEDIO AMBIENTE">Dir de servicios basicos y medio ambiente</option>
                                    <option value="RESPONSABLE DE UNIDAD AUDITORIA INTERNA">RESPONSABLE DE UNIDAD AUDITORIA INTERNA</option>
                                  </select><br>
                    </div>  
                    </div>
        </div>

        <div id="contenido2">
          <div class="row">
                <div class="col-md-6">
                              <label style="float: left;">RESPONSABLES</label>                       
                                      <select name="nomb_resp" class="form-control">
                                          <option value="Seleccionar">Seleccionar</option>
                                          <option value="Lic. Maria M. Alvarez Rodriguez">Lic. Maria M. Alvarez Rodriguez</option>		
                                          <option value="Ing. Rober Ramos Jamachi">Ing. Rober Ramos Jamachi</option>
                                          <option value="Lic. Benito Chiri Ronza">Lic. Benito Chiri Ronza</option>
                                          <option value="Ing. Abel Mancilla Mendoza">Ing. Abel Mancilla Mendoza</option>
                                          <option value="Lic. Julietha Olivera Pardo">Lic. Julietha Olivera Pardo</option>
                                          <option value="Ing. Jaime Flores Montaño">Ing. Jaime Flores Montaño</option>
                                          <option value="Lic. Yordi Meneces Aranibar">Lic. Yordi Meneces Aranibar</option>
                                          <option value="Lic. Viviana Perez Gamboa">Lic. Viviana Perez Gamboa</option>
                                          <option value="Arq. Norma Calderon Rollano">Arq. Norma Calderon Rollano</option>
                                          <option value="Lic. Miriam Ramirez Ayala">Lic. Miriam Ramirez Ayala</option>
                                          <option value="Lic. Urbano Ruiz Ponce">Lic. Urbano Ruiz Ponce</option>
                                          <option value="Lic. Elizabeth Crespo Mejia">Lic. Elizabeth Crespo Mejia</option>
                                          <option value="Nelson Sarabia Condori">Nelson Sarabia Condori</option>
                                          <option value="Alejandro Chambi Aguayo">Alejandro Chambi Aguayo</option>
                                          <option value="Juan Carlos Rocha Aviles">Juan Carlos Rocha Aviles</option>
                                          <option value="Ing. Lineth Martinez Rojas">Ing. Lineth Martinez Rojas</option> 
                                          
                                      </select><br>
                </div>	
                
                <div class="col-md-6">
                              <label style="float: left;">CARGOS DE RESPONSABLES</label>
                            <select name="cargo_resp" class="form-control">
                                <option value="Seleccionar">Seleccionar</option>
                                <option value="RESPONSABLE DE EDUCACION">RESPONSABLE DE EDUCACION</option>		
                                <option value="RESPONSABLE DE REDES Y SISTEMAS">ESPONSABLE DE REDES Y SISTEMAS</option>
                                <option value="RESPONSABLE DE AUDITORIA INTERNA">RESPONSABLE DE AUDITORIA INTERNA</option>
                                <option value="RESPONSABLE DE UGR">RESPONSABLE DE UGR</option>
                                <option value="RESPONSABLE DEFENSORIA NINEZ Y ADOLESCENCIA">RESPONSABLE DEFENSORIA NINEZ Y ADOLESCENCIA</option>
                                <option value="RESPONSABLE AREA FORESTAL Y AGRICOLA">RESPONSABLE AREA FORESTAL Y AGRICOLA</option>
                                <option value="RESPONSABLE DE DEPORTES">RESPONSABLE DE DEPORTES</option>
                                <option value="RESPONSABLE DE SLIM-GENERO AULTO MAYOR Y PERSONAS CON DISCAPACIDAD">RESPONSABLE DE SLIM-GENERO AULTO MAYOR Y PERSONAS CON DISCAPACIDAD</option>
                                <option value="RESPONSABLE DE GESTION CATRASTAL">RESPONSABLE DE GESTION CATRASTAL</option>
                                <option value="RESPONSABLE DE INGRESOS MUNICIPALES">RESPONSABLE DE INGRESOS MUNICIPALES</option>
                                <option value="RESPONSABLE DE CONTABILIDAD">RESPONSABLE DE CONTABILIDAD</option>
                                <option value="RESPONSABLE DE ACTIVOS FIJOS">RESPONSABLE DE ACTIVOS FIJOS</option>
                                <option value="RESPONSABLE DE UNIDAD DE MAESTRANZA">RESPONSABLE DE UNIDAD DE MAESTRANZA</option>
                                <option value="ENCARGADO DE EQUIPO PESADO">ENCARGADO DE EQUIPO PESADO</option>
                                <option value="RESPONSABLE DE SALUD">RESPONSABLE DE SALUD</option>
                                <option value="RESPONSABLE DE MEDIO AMBIENTE Y RECURSOS NATURALES">RESPONSABLE DE MEDIO AMBIENTE Y RECURSOS NATURALES</option>
                                

                              </select><br>
                </div>
              </div> 
        </div>
      
  <!-- Área para mostrar la respuesta del servidor -->
  <div id="respuesta"></div>

  <script>
    // Obtener los botones y los divs con los contenidos
    const bodire = document.getElementById('bodire');
    const boRES = document.getElementById('boRES');
    const boTEC = document.getElementById('boTEC');
    
    const contenido1 = document.getElementById('contenido1');
    const contenido2 = document.getElementById('contenido2');
    const respuesta = document.getElementById('respuesta');

    /*
    // Función para enviar el estado al servidor usando AJAX
    function enviarEstado(contenido) {
      const xhr = new XMLHttpRequest();
      xhr.open("POST", "report.php", true);
      xhr.setRequestHeader("Content-Type", "application/x-www-form-urlencoded");

      // Enviar el estado del contenido
      xhr.send("estado=" + contenido);

      // Manejar la respuesta del servidor
      xhr.onload = function() {
        if (xhr.status == 200) {
          // Mostrar la respuesta del servidor
          respuesta.innerHTML = xhr.responseText;
        }
      };
    }
    */
    // Función para ocultar ambos contenidos cuando se presiona el botón "bodire"
    bodire.addEventListener('click', function() {
      contenido1.style.display = 'none'; // Ocultar contenido 1
      contenido2.style.display = 'none'; // Ocultar contenido 2
      enviarEstado('ninguno'); // Enviar el estado "ninguno" al servidor
    });

    // Función para mostrar solo el contenido 1
    boton1.addEventListener('click', function() {
      contenido1.style.display = 'block'; // Mostrar contenido 1
      contenido2.style.display = 'none';  // Ocultar contenido 2
      enviarEstado('contenido1'); // Enviar el estado "contenido1" al servidor
    });

    // Función para mostrar ambos contenidos
    boton2.addEventListener('click', function() {
      contenido1.style.display = 'block'; // Asegurarse de que el contenido 1 esté visible
      contenido2.style.display = 'block'; // Mostrar contenido 2
      enviarEstado('ambos'); // Enviar el estado "ambos" al servidor
    });
  </script>
                    
 <!--fin radio booton -->
					
					  
 <div class="row">
					<div class="col-md-3">
                        <label style="float: left;">Fecha de Salida</label>
                        <input type="date" name="f_salida" value="" required onkeyup="aMays(event, this)" class="form-control" >
                      </div>
					<div class="col-md-3">
                        <label style="float: left;">Hora de Salida</label>
                        <input type="time" name="h_salida" value="" required onkeyup="aMays(event, this)" class="form-control" >
                     </div>
					<div class="col-md-3">
                        <label style="float: left;">Fecha de Retorno</label>
                        <input type="date" name="f_retorno" value="" required onkeyup="aMays(event, this)" class="form-control" >
                     </div>
					<div class="col-md-3">
                        <label style="float: left;">Hora de Retorno</label>
                        <input type="time" name="h_retorno" value="" required onkeyup="aMays(event, this)" class="form-control" >
                      </div>

  </div>

					


					<div class="col-md-4">
                        <label style="float: left;">DESTINO VIAJE</label>
                       <select name="destino_dep" class="form-control">
								<option value="COCHABAMBA">Cochabamba</option>		
								<option value="LA PAZ">La paz</option>
								<option value="SANTA CRUZ">Santa cruz</option>
								<option value="CHUQUISACA">Chuquisaca</option>
								<option value="POTOSI">Potosi</option>
								<option value="ORURO">Oruro</option>
								<option value="PANDO">Pando</option>
								<option value="BENI">Beni</option>
								<option value="TARIJA">Tarija</option>
						
					</select>
					</div>  
									
					<div class="col-md-4">
                        <label style="float: left;">N° COMISION VIAJE</label>
                        <input type="text" name="num_com" value="" required onkeyup="aMays(event, this)" class="form-control">
                    </div>	

					<div class="col-md-4">
                        <label style="float: left;">MEDIO DE TRANSPORTE</label>
                       <select name="m_trans" class="form-control">
								<option value="Terrestre">Terrestre</option>		
								<option value="Aereo">Aereo</option>
								<option value="Terrestre y Aereos">Terrestre y Aereo</option>
					</select>
					</div> 


							
					   <div class="col-md-12 mt-3">
                        <label style="float: left;">OBJETIVO DEL VIAJE </label>
                        <textarea name="destino" class="form-control" cols="3" rows="6" required="required" autofocus placeholder=""  ></textarea>
                      </div>
					                     					  
                      <div class="col-md-12 mt-3">
                        <label style="float: left;">ACTIVIDADES REALIZADAS: </label>
                        <textarea name="motivo_viaj" class="form-control" cols="3" rows="12" required="required" autofocus placeholder="Ejemplo: 
                  28 de septiembre del 2024  
              - A horas   (detallar la actividad realizado en el viaje)" ></textarea>
                      </div>
					  
					  <div class="col-md-12 mt-3">
                        <label style="float: left;"> <FONT COLOR="red">*</FONT>CONCLUSION Y RECOMENDACION </label>
                        <textarea name="conclusion" class="form-control" cols="3" rows="6" required="required" autofocus placeholder="Indique los resultados obtenidos durante el viaje y recomendaciones"  ></textarea>
                      </div>
					  
					  
					  
                      <div class="col-md-12 mt-3">
                        <label style="float: left;">Se solicita la devolucion de: </label>
                      </div>
                      					  
					 <div class="col-md-4 text-center">
                        <label for="viatico">Viatico : </label>
                        <input type="checkbox" name="viatico" class="form-control">
                      </div>
                     



					 <div class="col-md-4 text-center">
                        <label>Pasaje : </label>
                        <input type="checkbox" name="pasaje" class="form-control">
                      </div>
                      <div class="col-md-4 text-center">
                        <label">Otros gastos : </label>
                          <input type="checkbox" name="otros" class="form-control">
                      </div>
					  
					 <div class="col-md-12 mt-3">
                        <label style="float: left;">Especifique otros gastos</label>
                        <textarea name="otro_gast" class="form-control" cols="3" rows="4" required="required" autofocus placeholder=" "  ></textarea>
                     </div>
					  
					  
					  
					  
                    </div>
                    <center>
                      <div class="intro-button mx-auto">
                        <button class="btn btn-primary btn-xl" type="submit" name="accion" value="save"> Generar</button>
                        <a href="index.php" class="btn btn-info btn-xl">Cancelar</a>
                      </div>
                    </center>

                  </form>
                  <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>
  <script src="sistem/dis/js/funciones.js"></script>
</body>

</html>