<?php
  $page_title = 'AGREGAR BITACORA';
  require_once('../../includes/load.php');
  // Checkin What level user has permission to view this page
  page_require_level(5);
?>
<?php include_once('../../layouts/header.php'); ?>
<div class="row">
  <div class="col-md-12">
    <?php echo display_msg($msg); ?>
  </div>
</div>
  <div class="row">
  <div class="col-md-16">
      <div class="panel panel-default">
 <!-- FORMULARIO PARA GUARDAR EL PROGRAMA-->
        <form  enctype="multipart/form-data" autocomplete="off" id="form" onSubmit="validar()">
            <div class="container pt-1 mt-1 animated fadeIn">
  						<div class="row pt-4">
							      <div class="col-12 mb-3">
							        <p class="h1 text-center text-primary font-weight-bold"> Registrar Bitacora <i class="fas fa-user-alt"></i></p>
							      </div>
							    </div> 
							    <div class="row"> 
							      <div class="col-12">
							        <p class="h3 text-primary">Datos Generales <i class="fas fa-user-circle"></i></p>
							      </div>      
							    
							      <!--BUSCADOR-->
							      <div class="col-12 col-lg-6"> 
							        <p class="text-primary mb-1">Placa</p>
							        <div class="input-group mb-3">
							          <div class="input-group-prepend">
							            <label class="input-group-text" for="placa"><i class="fas fa-user-cog"></i></label>
							          </div>  
							          <input  type="hidden" class="form-control" name="usuario" id="usuario" value="<?php echo $user['name'].' '. $user['last_name'];?>">
							          <select class="custom-select is-requerido" id="placa" name="placa" required>
							          	    <option value="" disabled selected>Seleccione</option>
				          	          <?php   
															  $consulta = $db->query("SELECT * FROM vehiculo ORDER BY id DESC");
															    while ($row = $db->fetch_assoc($consulta)) {   
															      $Placa = $row['PLACA'];    
															      echo "<option value='$Placa'>$Placa</option>";
															    }
															?>
							          </select>
							        </div>
							      </div>
							      <div class="col-12 col-lg-6"> 
							        <p class="text-primary mb-1">Motivo de Traslado</p>
							        <div class="input-group mb-3">
							          <div class="input-group-prepend">
							            <label class="input-group-text" for="motivo"><i class="fas fa-user-cog"></i></label>
							          </div> 
							          <select class="custom-select is-requerido" name="motivo" id="motivo" required>
							            <option value="" disabled selected>Seleccione</option>
							            <option value="TRASLADO DE PERSONAL" >TRASLADO DE PERSONAL</option>
							            <option value="TRASLADO DE MAQUINARIAS" >TRASLADO DE MAQUINARIAS</option>
							            <option value="TRASLADO DE MATERIALES" >TRASLADO DE MATERIALES</option>
							            <option value="TRASLADO DE COMBUSTIBLE" >TRASLADO DE COMBUSTIBLE</option>
							            <option value="TRASLADO ZONA HUACHO" >TRASLADO ZONA HUACHO</option>	
							            <option value="TRASLADO DE SUPERVISION A CAMPO" >TRASLADO DE SUPERVISION A CAMPO</option>
							            <option value="TRASLADO DE TRAMITE DOCUMENTARIO" >TRASLADO DE TRAMITE DOCUMENTARIO</option>
							            <option value="TRASLADO DE COTIZACION" >TRASLADO DE COTIZACION</option>
							            <option value="TRASLADO DE MOVIMIENTO DE ACTIVOS Y MATERIALES" >TRASLADO DE MOVIMIENTO DE ACTIVOS Y MATERIALES</option>
							            <option value="TRASLADO OTROS" >TRASLADO OTROS</option>	
							          </select>
							        </div>
							      </div>

							      <div class="col-12 col-lg-6"> 
							        <p class="text-primary mb-1">Fecha de Registro</p>
							        <div class="input-group mb-3"> 
							          <div class="input-group-prepend">
							            <span class="input-group-text"><i class="fas fa-id-card"></i></span>
							          </div>
							          <input  placeholder="Fecha" type="date" class="form-control is-requerido" name="fecha" id="fecha" required>
							        </div>
							      </div> 
							      <div class="col-12 col-lg-6"> 
							        <p class="text-primary mb-1">Área</p>
							        <div class="input-group mb-3">
							          <div class="input-group-prepend">
							            <label class="input-group-text" for="area"><i class="fas fa-user-cog"></i></label>
							          </div> 
							          <select class="custom-select is-requerido" name="area" id="area" required> 
							            <option value="" disabled selected>Seleccione</option>
							            <option value="LIMPIEZA DE GRANJA" >LIMPIEZA DE GRANJA</option>
							            <option value="ATRAPADO DE AVES" >ATRAPADO DE AVES</option>
							            <option value="CENTRO DE LAVADO" >CENTRO DE LAVADO</option>
							            <option value="OBRA CIVIL" >OBRA CIVIL</option>
							            <option value="SSP" >SSP</option>
							            <option value="ADMINISTRACION" >ADMINISTRACION</option>
							            <option value="TESORERIA" >TESORERIA</option>
							            <option value="TRANSPORTE" >TRANSPORTE</option>
							            <option value="SISTEMAS" >SISTEMAS</option>
							            <option value="CONTABILIDAD" >CONTABILIDAD</option>
							            <option value="LOGÍSTICA" >LOGÍSTICA</option>
							            <option value="GESTIÓN DE PERSONAS" >GESTIÓN DE PERSONAS</option>
							            <option value="DESARROLLO DE PERSONAS" >DESARROLLO DE PERSONAS</option>
							            <option value="BIENESTAR SOCIAL" >BIENESTAR SOCIAL</option>
							            <option value="METALMECANICA" >METALMECANICA</option>
							            <option value="SERVICIOS" >SERVICIOS</option>
							            <option value="TALLER MANTENIMIENTO Y RENTING" >TALLER MANTENIMIENTO Y RENTING</option>
							            <option value="MANTENIMIENTO" >MANTENIMIENTO</option>
							            <option value="PLANEAMIENTO Y CONTROL DE LA PRODUCCIÓN" >PLANEAMIENTO Y CONTROL DE LA PRODUCCIÓN</option>
							          </select>
							        </div>
							      </div>       
							    </div> 

							    <div class="row">
							      <div class="col-12 col-lg-6">
							        <p class="text-primary mb-1">Ubicacion Inicial</p>
							        <div class="input-group mb-3">
							          <div class="input-group-prepend">
							            <label class="input-group-text" for="ubicacionI"><i class="fas fa-user-cog"></i></label>
							          </div> 
							          <select class="custom-select is-requerido" name="ubicacionI" id="ubicacionI" required>
							            	<option value="" disabled selected>Seleccione Ubicacion Inicial</option>
				          	          <?php   
															  $consulta = $db->query("SELECT * FROM tb_ubicaciones");
															    while ($row = $db->fetch_assoc($consulta)) {   
															      $Ubicacion1 = $row['UBI_LLEGADA'];    
															      echo "<option value='$Ubicacion1'>$Ubicacion1</option>";
															    }
															?>
							          </select>
							        </div>
							      </div>
							      <div class="col-12 col-lg-6">
							        <p class="text-primary mb-1">Ubicacion Llegada</p>
							        <div class="input-group mb-3">
							          <div class="input-group-prepend">
							            <label class="input-group-text" for="ubicacionL"><i class="fas fa-user-cog"></i></label>
							          </div> 
							          <select class="custom-select is-requerido" name="ubicacionL" id="ubicacionL" required>
							          			<option value="" disabled selected>Seleccione Ubicacion Final</option>
							          			<?php   
															  $consulta = $db->query("SELECT * FROM tb_ubicaciones");
															    while ($row = $db->fetch_assoc($consulta)) {   
															      $Ubicacion1 = $row['UBI_LLEGADA'];    
															      echo "<option value='$Ubicacion1'>$Ubicacion1</option>";
															    }
															?>
							          </select>
							        </div>
							      </div>
							     <!--INPUT PARA COLOCAR LO CALCULADO EN LAS UBICACIONES -->
					          <input type="hidden" class="form-control is-requerido" placeholder="N° de Kilometros Promedio"  name="km_promedio" id="km_promedio">
							      
							      <div class="col-12 col-lg-6">
							        <p class="text-primary mb-1">Kilometraje Inicial <b id="KilometrajeI" name="KilometrajeI"></b></p>
							        <div class="input-group mb-3">
							          <div class="input-group-prepend">
							            <span class="input-group-text"><i class="fas fa-car-side"></i></span>
							          </div>
							          <input maxlength="9" type="number" class="form-control is-requerido" placeholder="N° de Kilometros" name="kiloI" id="kiloI" required>
							        </div>
							      </div>

							      <div class="col-12 col-lg-6">
							        <p class="text-primary mb-1">Kilometraje Final</p>
							        <div class="input-group mb-3">
							          <div class="input-group-prepend">
							            <span class="input-group-text"><i class="fas fa-car-side"></i></span>
							          </div>
							          <input maxlength="9" type="number" class="form-control is-requerido" placeholder="N° de Kilometros"  name="kiloF" id="kiloF" required>
							        </div>
							      </div>							      
							      <div class="col-12 col-lg-6" <?php if ($user['user_level'] === "5") echo 'style="display: none;"'; ?>>
							        <p class="text-primary mb-1">Foto Kilometro Inicial</p>
							        <div class="input-group mb-3">
							          <div class="input-group-prepend">
							            <span class="input-group-text"><i class="fa-solid fa-image"></i></span>
							          </div>
							          <input type="file" accept="image/*" capture="camera" class="form-control"  name="fkinicial" id="fkinicial">
							        </div>
							      </div>
							      <div class="col-12 col-lg-6" <?php if ($user['user_level'] === "5") echo 'style="display: none;"'; ?>>
							        <p class="text-primary mb-1">Foto Kilometro Final</p>
							        <div class="input-group mb-3">
							          <div class="input-group-prepend">
							            <span class="input-group-text"><i class="fa-solid fa-image"></i></span>
							          </div>
							          <input type="file" accept="image/*" capture="camera" class="form-control"  name="fkfinal" id="fkfinal">
							        </div>
							      </div>							      
							      <div class="col-12 col-lg-6">
							        <p class="text-primary mb-1">Numero de Vale</p>
							        <div class="input-group mb-3">
							          <div class="input-group-prepend">
							            <span class="input-group-text"><i class="far fa-credit-card"></i></span>
							          </div>
							          <input  maxlength="9" type="text" class="form-control" placeholder="Numero de Vale"  name="vale" id="vale">
							        </div>
							      </div>
							      <div class="col-12 col-lg-6">
							        <p class="text-primary mb-1">Galones Abastecidos</p>
							        <div class="input-group mb-3">
							          <div class="input-group-prepend">
							            <span class="input-group-text"><i class="fas fa-gas-pump"></i></span>
							          </div>
							          <input maxlength="9" type="number" class="form-control" placeholder="Numero de Galones"  name="galon" id="galon" step="any">
							        </div>
							      </div>
							      <div class="col-12 col-lg-6" <?php if ($user['user_level'] === "4" || $user['user_level'] === "5") echo 'style="display: none;"'; ?>>
							        <p class="text-primary mb-1">Galones Abastecidos Propios</p>
							        <div class="input-group mb-3">
							          <div class="input-group-prepend">
							            <span class="input-group-text"><i class="fas fa-gas-pump"></i></span>
							          </div>
							          <input maxlength="9" type="number" class="form-control" placeholder="Numero de Galones Propios"  name="galonP" id="galonP" step="any">
							        </div>
							      </div>
							      <div class="col-12 col-lg-6"> 
							        <p class="text-primary mb-1">Detalle Carga</p>
							        <div class="input-group mb-3"> 
							          <div class="input-group-prepend">
							            <span class="input-group-text"><i class="fas fa-car-side"></i></span>
							          </div>
							          <textarea maxlength="100"  placeholder="Detalle" aria-label="DNI" type="text" class="form-control is-requerido" name="detalle" id="detalle" required></textarea>
							             
						         	</div> 
							      </div>        
							    </div>    
						    <div class="row mb-4">
						      <div class="col-12">
						        <button class="btn btn-block btn-primary" id="registrar" name="registrar">Registrar <span class="d-none d-lg-inline"> Bitacora</span></button>
						      </div>
						    </div>
						</div>          
        </form>
     </div>
    </div>
  </div>
</div>
</div>




<?php include_once('../../layouts/footer.php'); ?>
<script type="text/javascript" src="js/bitacora.js"></script>



