File "FOR-S-CCI-19.php"
Full Path: C:/wamp64/www/CALIDADWEB/CALIDADWEB/FRONTED/HTML/FOR-S-CCI-19.php
File size: 49.04 KB
MIME-type: text/x-php
Charset: utf-8
<?php
// 1. CONEXIÓN
require_once "../../BACKEND/conexiones/conexion.php";
// Iniciar sesión
if (session_status() !== PHP_SESSION_ACTIVE) {
session_start();
}
// Obtener usuario
$iduser = isset($_SESSION["iduser"]) ? htmlspecialchars($_SESSION["iduser"]) : 'No Ingresado';
// ⬇️⬇️⬇️ SISTEMA DE PERMISOS - AGREGAR ESTAS LÍNEAS ⬇️⬇️⬇️
$usuario_actual = isset($_SESSION['usuario']) ? $_SESSION['usuario'] : null;
$usuarios_admin = array('12345','63546660');
$es_admin = in_array($usuario_actual, $usuarios_admin);
// ⬆️⬆️⬆️ FIN SISTEMA DE PERMISOS ⬆️⬆️⬆️
?>
<!DOCTYPE html>
<html lang="es">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>CALIDADWEB - FOR-S-CCI-19 </title>
<link rel="stylesheet" href="../CSS/style_main.css">
<link rel="shortcut icon" href="../img/avic.jpeg">
<link rel="shortcut icon" href="../img/avic.jpeg">
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.6.0/jquery.min.js"></script>
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.2.0-beta1/dist/css/bootstrap.min.css" rel="stylesheet">
<script src="https://cdn.jsdelivr.net/npm/sweetalert2@11"></script>
<link href="https://unpkg.com/boxicons@2.1.2/css/boxicons.min.css" rel="stylesheet">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.4/css/all.min.css">
<link href="https://cdn.jsdelivr.net/npm/select2@4.1.0-rc.0/dist/css/select2.min.css" rel="stylesheet" />
<script src="https://cdnjs.cloudflare.com/ajax/libs/select2/4.0.13/js/select2.min.js" integrity="sha512-2ImtlRlf2VVmiGZsjm9bEyhjGW4dU7B6TNwh/hx/iSByxNENtj3WVE6o/9Lj4TJeVXPi4bnOIMXFIJJAeufa0A==" crossorigin="anonymous" referrerpolicy="no-referrer"></script>
<script>
const esUsuarioAdmin = <?php echo ($es_admin === true) ? 'true' : 'false'; ?>;
const usuarioActualNombre = "<?php echo htmlspecialchars($usuario_actual); ?>";
</script>
<script>
$(document).ready(function() {
$('#cProcMuesProd').select2({
width: '100%',
placeholder: 'SELECCIONAR PRODUCTO',
allowClear: true
});
$('#cProcVMuesProd').select2({
width: '100%',
placeholder: 'SELECCIONAR PRODUCTO',
allowClear: true
});
});
</script>
<style>
body {
background: linear-gradient(135deg, #ffcf4d 0%, #f8ae26 100%);
min-height: 100vh; /* Para que el fondo cubra toda la pantalla */
}
.card-header-actions { display: flex; justify-content: space-between; align-items: center; padding-bottom: 0.5rem !important; }
.reloj-container { border: 2px solid white; border-radius: 10px; padding: 10px; text-align: left; }
.user-info { font-size: 0.9rem; text-shadow: 1px 1px 5px black; text-decoration: underline; }
.form-control:focus { border-color: #ff8a37; box-shadow: 0 0 0 0.2rem rgba(255, 138, 55, 0.25); }
.section-container { background-color: rgba(255, 255, 255, 0.1); border-radius: 10px; padding: 25px; margin-bottom: 20px; }
.info-banner { background-color: rgba(255, 255, 255, 0.2); border-radius: 8px; padding: 15px; margin-bottom: 25px; text-align: center; font-size: 1.1rem; text-shadow: 2px 2px 4px rgba(0,0,0,0.3); border: 2px solid rgba(255, 255, 255, 0.3); }
.form-label { font-weight: 600; margin-bottom: 8px; }
textarea.form-control { resize: vertical; }
.nav-tabs .nav-link.active {
background-color: rgb(255 138 55) !important; /* naranja */
color: white !important;
}
.nav-tabs .nav-link {
background-color: #f0f0f0; /* inactiva */
color: black;
}
</style>
</head>
<body>
<?php if (!empty($_SESSION['mensaje'])): ?>
<script>
window.swalData = {
title: <?= json_encode($_SESSION['tipo'] === 'success' ? 'Éxito' : 'Atención') ?>,
text: <?= json_encode($_SESSION['mensaje']) ?>,
icon: <?= json_encode($_SESSION['tipo']) ?>
};
</script>
<?php
unset($_SESSION['mensaje'], $_SESSION['tipo'], $_SESSION['icon']);
endif;
?>
<div class="container-lg mt-5 mb-5">
<form id="formGeneral" method="POST" action="../../BACKEND/controller/FOR-S-CCI-19.php">
<div class="card shadow-lg" style="background-color: rgb(255, 138, 55); color: white;">
<div class="card-header border-bottom border-white mb-4">
<h5 class="text-center mt-2 mb-0">
<i class='bx bx-droplet'></i> FOR-S-CCI-19-CONTROL DE PROCESO
</h5>
</div>
<div class="container-fluid">
<div class="col-md-12">
<div class="card">
<div class="card-header">
<ul class="nav nav-tabs card-header-tabs" id="mainTabs" role="tablist">
<li class="nav-item" role="presentation">
<button class="nav-link active" id="tab-plataforma" data-bs-toggle="tab"
data-bs-target="#controlProceso" type="button" role="tab">
MONITOREO
</button>
</li>
<li class="nav-item" role="presentation">
<button class="nav-link" id="tab-escaldado" data-bs-toggle="tab"
data-bs-target="#controlProcVeri" type="button" role="tab">
VERIFICACIONES
</button>
</li>
<li class="nav-item" role="presentation">
<button class="nav-link" id="tab-escaldado" data-bs-toggle="tab"
data-bs-target="#tblControlProcVeri" type="button" role="tab">
CONSULTAR VERIFICACIONES
</button>
</li>
<li class="nav-item" role="presentation">
<button class="nav-link" id="tab-escaldado" data-bs-toggle="tab"
data-bs-target="#tblControlProceso" type="button" role="tab">
CONSULTAR MONITOREO
</button>
</li>
</ul>
</div>
<div class="card-body " style="background-color: rgb(255 138 55);">
<div class="tab-content mt-3">
<div class="tab-pane active" id="controlProceso" role="tabpanel">
<legend style="border-bottom: dotted;">CONTROL <br></legend><br>
<div class="row" style="align-items: end;text-align: -webkit-center;justify-content:center;">
<div class="col-md-4">
<i class='bx bx-time'></i>
<label for="">HORA REGISTRO </label><br>
<input type="time" name="cProsHoraR" id="cProsHoraR" class="form-control" placeholder="" aria-describedby="helpId"><br>
</div>
<div class="col-md-4">
<label for="">AREA</label><br>
<select class="form-select" class="form-control" name="area" id="area">
<option value="" selected hidden>Selecciona el Area</option>
<option value="ENFRIAMIENTO-EMPAQUE VICERAS">ENFRIAMIENTO-EMPAQUE VICERAS</option>
<option value="ENFRIAMIENTO-EMPAQUE DE CANAL">ENFRIAMIENTO-EMPAQUE DE CANAL</option>
<option value="DESPRESE Y MARINADO">DESPRESE Y MARINADO</option>
<option value="FILETEO DE POLLO">FILETEO DE POLLO</option>
<option value="FILETEO DE PAVO">FILETEO DE PAVO</option>
<option value="POST PROCESO">POST PROCESO</option>
<option value="LOGISTICA">LOGISTICA</option>
<option value="MARINADO DE PAVOS">MARINADO DE PAVOS</option>
<option value="CARNES ESPECIALES">CARNES ESPECIALES</option>
<option value="RESELECCIÓN">RESELECCIÓN</option>
</select>
</div>
<div class="col-md-4">
<label for="">ESTADO PROCESO</label><br>
<select class="form-select" name="estado" id="estado">
<option value="" selected>Selecciona...</option>
<option value="PRODUCTO SIN TRANSFORMAR">PRODUCTO SIN TRANSFORMAR</option>
<option value="PRODUCTO MARINADO">PRODUCTO MARINADO</option>
<option value="PRODUCTO ADOBADO">PRODUCTO ADOBADO</option>
<option value="PRODUCTO MOLIDO">PRODUCTO MOLIDO</option>
</select>
</div>
</div>
<div class="row" style="text-align: -webkit-center;">
<legend style="margin-top: 20px;border-bottom: dotted;">MUESTRAS <br></legend><br>
<div class="col-md-4">
<i class='bx bx-box'></i>
<label for="">PRODUCTO</label><br>
<select class="form-select" name="cProcMuesProd" id="cProcMuesProd">
<option value="" selected hidden>SELECCIONAR PRODUCTO</option>
<?php
$PRO = mysqli_query($conexion, "SELECT * FROM itemss");
while ($ITEM = mysqli_fetch_row($PRO)) { ?>
<option value="<?php echo $ITEM[1] .
" - " .
$ITEM[2]; ?>"><?php echo $ITEM[1] .
" - " .
$ITEM[2]; ?></option>
<?php }
?>
</select>
</div>
<div class="col-md-4">
<i class='bx bxs-thermometer'></i>
<label for="">TEMPERATURA (°C)</label><br>
<input type="number" name="cProcMuesTem1" id="cProcMuesTem1" step="0.0001" class="form-control" placeholder="" aria-describedby="helpId"><br>
</div>
<div class="col-md-4">
<i class='bx bxs-thermometer'></i>
<label for="">TEMPERATURA (°C)</label><br>
<input type="number" name="cProcMuesTem2" id="cProcMuesTem2" step="0.0001" class="form-control" placeholder="" aria-describedby="helpId"><br>
</div>
<div class="col-md-4">
<i class='bx bxs-thermometer'></i>
<label for="">TEMPERATURA (°C)</label><br>
<input type="number" name="cProcMuesTem3" id="cProcMuesTem3" step="0.0001" class="form-control" placeholder="" aria-describedby="helpId"><br>
</div>
<div class="col-md-4">
<i class='bx bxs-thermometer'></i>
<label for="">TEMPERATURA (°C)</label><br>
<input type="number" name="cProcMuesTem4" id="cProcMuesTem4" step="0.0001" class="form-control" placeholder="" aria-describedby="helpId"><br>
</div>
<div class="col-md-4">
<i class='bx bxs-thermometer'></i>
<label for="">TEMPERATURA (°C)</label><br>
<input type="number" name="cProcMuesTem5" id="cProcMuesTem5" step="0.0001" class="form-control" placeholder="" aria-describedby="helpId"><br>
</div>
</div>
<div class="row" style="text-align: -webkit-center;">
<!-- <div class="col-md-3">
<i class='bx bxs-thermometer'></i>
<legend style="margin-top: 20px;border-bottom: dotted;">AMBIENTE <br></legend><br>
<label for="">TEMPERATURA (°C)</label><br>
<input type="number" name="cProcAmbiTemp" id="cProcAmbiTemp" step="0.0001" class="form-control" placeholder="" aria-describedby="helpId"><br>
</div> -->
<div class="col-md-9">
<legend style="margin-top: 20px;border-bottom: dotted;">TRAZABILIDAD <br></legend><br>
<div class="row" style="text-align: -webkit-center;">
<div class="col-md-6">
<i class='bx bx-barcode-reader'></i>
<label for="">LOTE</label><br>
<input type="text" style="text-transform:uppercase;" name="cProcLote" id="cProcLote" step="0.0001" class="form-control" placeholder="" aria-describedby="helpId"><br>
</div>
<div class="col-md-6">
<i class='bx bx-calendar'></i>
<label for="">FECHA VENCIMIENTO</label><br>
<input type="text" style="text-transform:uppercase;" name="cProcFv" id="cProcFv" step="0.0001" class="form-control" placeholder="" aria-describedby="helpId"><br>
</div>
</div>
</div>
</div>
<div class="container-fluid" style="font-size: small; display:contents">
<div class="c">
<table class="table table-light table-striped table-hover" style="border-radius: 1em; margin-top:20px; display: block;overflow-x: auto;text-align: center;" " id="">
<tbody>
<legend style=" border-bottom: dotted;margin-top:20px;">TABLA GUÍA DE NO CONFORMIDADES Y ACCIONES CORRECTIVAS <br></legend><br>
<tr id="cabeceraTres">
<th scope="col">MUESTRA</th>
<th scope="col">NO CONFORMIDAD</th>
<th scope="col">CODIGO</th>
<th scope="col">ACCIONES CORRECTIVAS A APLICAR</th>
</tr>
<tr>
<th rowspan="2" scope="row" style="border: 1px solid;vertical-align: middle;">PRODUCTO</th>
<td>Temperatura >4°</td>
<td>CP01</td>
<td>Se realiza adición de hielo directa o se genera choque de frio en cuartos</td>
</tr>
<tr>
<td>Error en rotulado o sin trazabilidad </td>
<td>CP02</td>
<td>Se debe realizar la retención del producto que haya salido de la referencia defectuosa, cambiar empaque con el rotulo y trazabilidad correspondiente. </td>
</tr>
<tr>
<th style="border: 1px solid;">SALMUERA</th>
<td>Temperatura >4°</td>
<td>CP03</td>
<td>Realizar adición de hielo o preparar nuevamente la salmuera. </td>
</tr>
<tr>
<th scope="row" style="border: 1px solid;vertical-align: middle;">AMBIENTES</th>
<td style="vertical-align: middle;">Temperatura >12°C</td>
<td style="vertical-align: middle;">CP04</td>
<td>Verificar que el difusor se encuentra encendido. <br>Realizar el reporte a mantenimiento.</td>
</tr>
</tbody>
</table>
</div>
</div>
<div class="row" style="text-align: -webkit-center;">
<legend style="border-bottom: dotted;">OBSERVACIONES <br></legend><br>
<div class="col-md-4">
<i class='bx bx-spreadsheet'></i>
<label for="">OBSERVACIONES</label><br>
<textarea class="form-control" style="border-radius: 5px;" name="cProcObserva" id="cProcObserva" rows="2"></textarea>
</div>
<div class="col-md-4">
<i class='bx bx-spreadsheet'></i>
<label for="">ACCIONES CORRECTIVAS</label><br>
<textarea class="form-control" style="border-radius: 5px;" name="cProcAccCorrec" id="cProcAccCorrec" rows="2"></textarea>
</div>
<div class="col-md-4">
<i class='bx bx-user'></i>
<label for="">RESPONSABLE</label><br>
<input type="text" name="cProcRespon" id="cProcRespon" step="0.0001" class="form-control" placeholder="" aria-describedby="helpId"><br>
</div>
<div class="col-md-4" >
<i class='bx bx-user'></i>
<label for="">APROBÓ</label><br>
<input type="text" name="cProcAprobo" id="cProcAprobo" step="0.0001" class="form-control" placeholder="" aria-describedby="helpId"><br>
</div>
<div class="col-md-6" id="div_marinadora1">
<i class='bx bx-calendar'></i>
<label for="marinadora1">MARINADORA 1</label><br>
<input type="text" style="text-transform:uppercase;" name="marinadora1" id="marinadora1" step="0.0001" class="form-control" placeholder="" aria-describedby="helpId">
</div>
<div class="col-md-6" id="div_loteo">
<i class='bx bx-calendar'></i>
<label for="loteo">LOTEO</label><br>
<input type="text" style="text-transform:uppercase;" name="loteo" id="loteo" step="0.0001" class="form-control" placeholder="" aria-describedby="helpId">
</div>
<div class="col-md-6" id="div_marinadora2">
<i class='bx bx-calendar'></i>
<label for="marinadora2">MARINADORA 2</label><br>
<input type="text" style="text-transform:uppercase;" name="marinadora2" id="marinadora2" step="0.0001" class="form-control" placeholder="" aria-describedby="helpId">
</div>
<div class="col-md-6" id="div_marinadora3">
<i class='bx bx-calendar'></i>
<label for="marinadora3">MARINADORA 3</label><br>
<input type="text" style="text-transform:uppercase;" name="marinadora3" id="marinadora3" step="0.0001" class="form-control" placeholder="" aria-describedby="helpId">
</div>
</div>
<div class="col-md-4 offset-md-4 mt-4 mb-4 text-center" style="height:50px;">
<button type="submit" name="formcontrolProcesos"class="btn btn-info btn-sm shadow" style="width: auto; padding: 8px 20px; font-weight: bold;">
<i class='bx bx-send'></i> ENVIAR REPORTE
</button>
</div>
</div>
<div class="tab-pane" id="controlProcVeri" role="tabpanel" aria-labelledby="controlProcVeri-tab">
<legend style="border-bottom: dotted;">VERIFICACIONES DE CONTROL <br></legend><br>
<div class="row" style="align-items: baseline;text-align: -webkit-center;justify-content:center;">
<div class="col-md-3">
<i class='bx bx-time'></i>
<label for="">HORA VERIFICACION </label><br>
<input type="time" name="cProcVHora" id="cProcVHora" class="form-control" placeholder="" aria-describedby="helpId"><br>
</div>
<div class="col-md-3">
<label for="">AREA</label><br>
<select class="form-select" class="form-control" name="cProcVArea" id="cProcVArea">
<option value="" selected hidden>Selecciona el Area</option>
<option value="ENFRIAMIENTO-EMPAQUE VICERAS">ENFRIAMIENTO-EMPAQUE VICERAS</option>
<option value="ENFRIAMIENTO-EMPAQUE DE CANAL">ENFRIAMIENTO-EMPAQUE DE CANAL</option>
<option value="DESPRESE Y MARINADO">DESPRESE Y MARINADO</option>
<option value="FILETEO DE POLLO">FILETEO DE POLLO</option>
<option value="FILETEO DE PAVO">FILETEO DE PAVO</option>
<option value="POST PROCESO">POST PROCESO</option>
<option value="LOGISTICA">LOGISTICA</option>
<option value="MARINADO DE PAVOS">MARINADO DE PAVOS</option>
<option value="CARNES ESPECIALES">CARNES ESPECIALES</option>
<option value="RESELECCIÓN">RESELECCIÓN</option>
</select>
</div>
<div class="col-md-6">
<i class='bx bx-spreadsheet'></i>
<label for="">OBSERVACIONES/HALLAZGOS</label><br>
<textarea class="form-control" style="border-radius: 5px;text-align:center;" name="cProcVObHalla" id="cProcVObHalla" rows="2" placeholder="Ingrese las observaciones correspondientes..."></textarea>
</div>
<div class="col-md-4">
<label for="">ESTADO PROCESO</label><br>
<select class="form-select" class="form-control" name="estadopro" id="estadopro">
<option value="" selected>Selecciona...</option>
<option value="PRODUCTO SIN TRANSFORMAR">PRODUCTO SIN TRANSFORMAR</option>
<option value="PRODUCTO MARINADO">PRODUCTO MARINADO</option>
<option value="PRODUCTO ADOBADO">PRODUCTO ADOBADO</option>
<option value="PRODUCTO MOLIDO ">PRODUCTO MOLIDO </option>
</select>
</div>
</div>
<div class="row" style="text-align: -webkit-center;">
<legend style="margin-top: 20px;border-bottom: dotted;">MUESTRAS <br></legend><br>
<div class="col-md-12">
<label for="">PRODUCTO</label><br>
<select class="form-select" name="cProcVMuesProd" id="cProcVMuesProd">
<option value="" selected hidden>SELECCIONAR PRODUCTO</option>
<?php
$PRO = mysqli_query($conexion, "SELECT * FROM itemss");
while ($ITEM = mysqli_fetch_row($PRO)) { ?>
<option value="<?php echo $ITEM[1] .
" - " .
$ITEM[2]; ?>"><?php echo $ITEM[1] .
" - " .
$ITEM[2]; ?></option>
<?php }
?>
</select>
</div>
<div class="col-md-4">
<i class='bx bxs-thermometer'></i>
<label for="">TEMPERATURA (°C)</label><br>
<input type="number" name="cProcVMuestTem1" id="cProcVMuestTem1" step="0.0001" class="form-control" placeholder="" aria-describedby="helpId"><br>
</div>
<div class="col-md-4">
<i class='bx bxs-thermometer'></i>
<label for="">TEMPERATURA (°C)</label><br>
<input type="number" name="cProcVMuesTem2" id="cProcVMuesTem2" step="0.0001" class="form-control" placeholder="" aria-describedby="helpId"><br>
</div>
<div class="col-md-4">
<i class='bx bxs-thermometer'></i>
<label for="">TEMPERATURA (°C)</label><br>
<input type="number" name="cProcVMuesTem3" id="cProcVMuesTem3" step="0.0001" class="form-control" placeholder="" aria-describedby="helpId"><br>
</div>
<div class="col-md-4">
<i class='bx bxs-thermometer'></i>
<label for="">TEMPERATURA (°C)</label><br>
<input type="number" name="cProcVMuesTem4" id="cProcVMuesTem4" step="0.0001" class="form-control" placeholder="" aria-describedby="helpId"><br>
</div>
<div class="col-md-4">
<i class='bx bxs-thermometer'></i>
<label for="">TEMPERATURA (°C)</label><br>
<input type="number" name="cProcVMuesTem5" id="cProcVMuesTem5" step="0.0001" class="form-control" placeholder="" aria-describedby="helpId"><br>
</div>
<div class="col-md-4">
<i class='bx bxs-thermometer'></i>
<label for="">TEMPERATURA (°C)</label><br>
<input type="number" name="cProcVMuesTem6" id="cProcVMuesTem6" step="0.0001" class="form-control" placeholder="" aria-describedby="helpId"><br>
</div>
<div class="col-md-4">
<i class='bx bxs-thermometer'></i>
<label for="">TEMPERATURA (°C)</label><br>
<input type="number" name="cProcVMuesTem7" id="cProcVMuesTem7" step="0.0001" class="form-control" placeholder="" aria-describedby="helpId"><br>
</div>
<div class="col-md-4">
<i class='bx bxs-thermometer'></i>
<label for="">TEMPERATURA (°C)</label><br>
<input type="number" name="cProcVMuesTem8" id="cProcVMuesTem8" step="0.0001" class="form-control" placeholder="" aria-describedby="helpId"><br>
</div>
<div class="col-md-4">
<i class='bx bxs-thermometer'></i>
<label for="">TEMPERATURA (°C)</label><br>
<input type="number" name="cProcVMuesTem9" id="cProcVMuesTem9" step="0.0001" class="form-control" placeholder="" aria-describedby="helpId"><br>
</div>
<div class="col-md-4">
<i class='bx bxs-thermometer'></i>
<label for="">TEMPERATURA (°C)</label><br>
<input type="number" name="cProcVMuesTem10" id="cProcVMuesTem10" step="0.0001" class="form-control" placeholder="" aria-describedby="helpId"><br>
</div>
<div class="col-md-4">
<i class='bx bxs-thermometer'></i>
<label for="">TEMPERATURA (°C)</label><br>
<input type="number" name="cProcVMuesTem11" id="cProcVMuesTem11" step="0.0001" class="form-control" placeholder="" aria-describedby="helpId"><br>
</div>
<div class="col-md-4">
<i class='bx bxs-thermometer'></i>
<label for="">TEMPERATURA (°C)</label><br>
<input type="number" name="cProcVMuesTem12" id="cProcVMuesTem12" step="0.0001" class="form-control" placeholder="" aria-describedby="helpId"><br>
</div>
<div class="col-md-4">
<i class='bx bxs-thermometer'></i>
<label for="">TEMPERATURA (°C)</label><br>
<input type="number" name="cProcVMuesTem13" id="cProcVMuesTem13" step="0.0001" class="form-control" placeholder="" aria-describedby="helpId"><br>
</div>
<div class="col-md-4">
<i class='bx bxs-thermometer'></i>
<label for="">TEMPERATURA (°C)</label><br>
<input type="number" name="cProcVMuesTem14" id="cProcVMuesTem14" step="0.0001" class="form-control" placeholder="" aria-describedby="helpId"><br>
</div>
<div class="col-md-4">
<i class='bx bxs-thermometer'></i>
<label for="">TEMPERATURA (°C)</label><br>
<input type="number" name="cProcVMuesTem15" id="cProcVMuesTem15" step="0.0001" class="form-control" placeholder="" aria-describedby="helpId"><br>
</div>
<div class="col-md-6">
<i class='bx bxs-thermometer'></i>
<label for="">TEMPERATURA (°C)</label><br>
<input type="number" name="cProcVMuesTem16" id="cProcVMuesTem16" step="0.0001" class="form-control" placeholder="" aria-describedby="helpId"><br>
</div>
<div class="col-md-6">
<i class='bx bxs-thermometer'></i>
<label for="">TEMPERATURA (°C)</label><br>
<input type="number" name="cProcVMuesTem17" id="cProcVMuesTem17" step="0.0001" class="form-control" placeholder="" aria-describedby="helpId"><br>
</div>
<div class="col-md-5 mt-4">
<label for="trazabilidadProceso">¿Se Detectan Fallas en la Trazabilidad?</label>
<select name="trazabilidadProceso" id="trazabilidadProceso" class="form-select" >
<option value="" selected hidden> Selecciona..</option>
<option value="SI">SI</option>
<option value="NO">NO</option>
</select>
</div>
</div>
<div class="row" style="text-align: -webkit-center;">
<div class="col-md-9">
<legend style="margin-top: 20px;border-bottom: dotted;">TRAZABILIDAD <br></legend><br>
<div class="row" style="text-align: -webkit-center;">
<div class="col-md-6">
<i class='bx bx-barcode-reader'></i>
<label for="">LOTE</label><br>
<input type="text" style="text-transform:uppercase;" name="cProcVLote" id="cProcVLote" step="0.0001" class="form-control" placeholder="" aria-describedby="helpId"><br>
</div>
<div class="col-md-6">
<i class='bx bx-calendar'></i>
<label for="">FECHA VENCIMIENTO</label><br>
<input type="text" style="text-transform:uppercase;" name="cProcVFv" id="cProcVFv" step="0.0001" class="form-control" placeholder="" aria-describedby="helpId"><br>
</div>
<div class="col-md-6" id="div_mari1">
<i class='bx bx-calendar'></i>
<label for="mari1">MARINADORA 1</label><br>
<input type="text" style="text-transform:uppercase;" name="mari1" id="mari1" step="0.0001" class="form-control" placeholder="" aria-describedby="helpId">
</div>
<div class="col-md-6" id="div_lote">
<i class='bx bx-calendar'></i>
<label for="lote4">LOTE</label><br>
<input type="text" style="text-transform:uppercase;" name="lote4" id="lote4" step="0.0001" class="form-control" placeholder="" aria-describedby="helpId">
</div>
<div class="col-md-6" id="div_mari2">
<i class='bx bx-calendar'></i>
<label for="mari2">MARINADORA 2</label><br>
<input type="text" style="text-transform:uppercase;" name="mari2" id="mari2" step="0.0001" class="form-control" placeholder="" aria-describedby="helpId">
</div>
<div class="col-md-6" id="div_mari3">
<i class='bx bx-calendar'></i>
<label for="mari3">MARINADORA 3</label><br>
<input type="text" style="text-transform:uppercase;" name="mari3" id="mari3" step="0.0001" class="form-control" placeholder="" aria-describedby="helpId">
</div>
</div>
</div>
</div>
<div class="row" style="text-align: -webkit-center;">
</div>
<div class="row" style="text-align: -webkit-center;justify-content:center;">
<legend style="border-bottom: dotted;">VERIFICACIONES <br></legend><br>
<div class="col-md-6">
<i class='bx bx-user'></i>
<label for="">SUPERVISOR</label><br>
<input type="text" name="cProcVSuperv" id="cProcVSuperv" step="0.0001" class="form-control" placeholder="" aria-describedby="helpId"><br>
</div>
<div class="col-md-6">
<i class='bx bx-user'></i>
<label for="">SUPERVISOR DE CALIDAD</label><br>
<input type="text" name="cProcVCoordCali" id="cProcVCoordCali" step="0.0001" class="form-control" placeholder="" aria-describedby="helpId"><br>
</div>
<div class="col-md-6">
<i class='bx bx-user'></i>
<label for="">APROBÓ</label><br>
<input type="text" name="cProcAproboo" id="cProcAproboo" step="0.0001" class="form-control" placeholder="" aria-describedby="helpId"><br>
</div>
</div>
<div class="col-md-4 offset-md-4 mt-4 mb-4 text-center" style="height:50px;">
<button type="submit" name="formcontrolVerifiProcesos" class="btn btn-info btn-sm shadow" style="width: auto; padding: 8px 20px; font-weight: bold;">
<i class='bx bx-save'></i> ENVIAR VERIFICACIÓN
</button>
</div>
</div>
<div class="tab-pane" id="tblControlProcVeri" role="tabpanel" aria-labelledby="tblControlProcVeri-tab">
<div class="container-fluid" style="font-size: small; display:contents">
<div class="c">
<button class="btn btn-light btn-sm mb-4 btnVeriConProcesos" type="button">CARGAR TABLA</button>
<div class="table-responsive" style="overflow-x: auto;">
<table class="table table-light table-striped table-hover" style="border-radius: 1em; text-align:center; border: 5px solid transparent; width: 100%;" id="tblVeriConProcesos">
<thead style="vertical-align: revert;">
<tr id="cabeceraDos">
<td colspan="5" scope="col">CONTROL</td>
<td colspan="19" scope="col">MUESTRAS</td>
<td colspan="1" scope="col">AMBIENTE</td>
<td colspan="2" scope="col">TRAZABILIDAD</td>
<td colspan="3" scope="col"></td>
</tr>
<tr>
<th style="border-left: 1px solid" scope="col">#</th>
<th scope="col" style="min-width:100px">Fecha</th>
<th scope="col">Hora Verificacion</th>
<th scope="col" style="min-width:200px">Area Verificacion</th>
<th style="border-right: 1px solid;min-width: 300px;" scope="col">Observaciones/Hallazgos</th>
<th scope="col" style="min-width: 200px;">Producto</th>
<th scope="col">Temperatura (°C)</th>
<th scope="col">Temperatura (°C)</th>
<th scope="col">Temperatura (°C)</th>
<th scope="col">Temperatura (°C)</th>
<th scope="col">Temperatura (°C)</th>
<th scope="col">Temperatura (°C)</th>
<th scope="col">Temperatura (°C)</th>
<th scope="col">Temperatura (°C)</th>
<th scope="col">Temperatura (°C)</th>
<th scope="col">Temperatura (°C)</th>
<th scope="col">Temperatura (°C)</th>
<th scope="col">Temperatura (°C)</th>
<th scope="col">Temperatura (°C)</th>
<th scope="col">Temperatura (°C)</th>
<th scope="col">Temperatura (°C)</th>
<th scope="col">Temperatura (°C)</th>
<th scope="col">Temperatura (°C)</th>
<th style="border-right: 1px solid;" scope="col">Fallas Trazabilidad</th>
<th style="border-right: 1px solid;" scope="col">Temperatura (°C)</th>
<th style="border-right: 1px solid;" scope="col">MARINADORA 1/ADOBO</th>
<th style="border-right: 1px solid;" scope="col">MARINADORA 2</th>
<th style="border-right: 1px solid;" scope="col">MARINADORA 3</th>
<th scope="col" style="min-width: 200px;">ESTADO PROCESO</th>
<th scope="col" style="min-width:200px">Lote</th>
<th style="border-right: 1px solid; min-width:100px" scope="col">F.V</th>
<th scope="col" style="min-width: 200px;">Supervisor</th>
<th scope="col" style="min-width: 200px;">Coord. Calidad</th>
<th scope="col" style="min-width: 200px;">Aprobó</th>
<th scope="col" style="min-width: 200px;">LOTE</th>
</tr>
</thead>
<tbody>
</tbody>
</table>
</div>
</div>
</div>
</div>
<div class="tab-pane" id="tblControlProceso" role="tabpanel" aria-labelledby="tblControlProceso-tab">
<div class="container-fluid" style="font-size: small; display:contents">
<?php
?>
<div class="c">
<button class="btn btn-light btn-sm mb-4 btnReporConProceso" type="button">CARGAR TABLA</button>
<div class="table-responsive" style="overflow-x: auto;">
<table class="table table-light table-striped table-hover" style="border-radius: 1em; text-align:center; border: 5px solid transparent; width: 100%;" id="tblReporConProceso">
<thead style="vertical-align: revert;">
<tr id="cabeceraDos">
<td colspan="4" scope="col">CONTROL</td>
<td colspan="6" scope="col">MUESTRAS</td>
<td colspan="1" scope="col">AMBIENTE</td>
<td colspan="2" scope="col">TRAZABILIDAD</td>
<td colspan="4" scope="col"></td>
</tr>
<tr>
<th style="border-left: 1px solid;" scope="col">#</th>
<th scope="col">Fecha</th>
<th scope="col">Hora Registro</th>
<th style="border-right: 1px solid;" scope="col">Area</th>
<th style="border-right: 1px solid;" scope="col">ESTADO</th>
<th scope="col" style="min-width: 150px;">Producto</th>
<th scope="col">Temperatura (°C)</th>
<th scope="col">Temperatura (°C)</th>
<th scope="col">Temperatura (°C)</th>
<th scope="col">Temperatura (°C)</th>
<th style="border-right: 1px solid;" scope="col">Temperatura (°C)</th>
<th style="border-right: 1px solid;" scope="col">Temperatura (°C)</th>
<th scope="col">Lote</th>
<th style="border-right: 1px solid;" scope="col">F.V</th>
<th scope="col" style="min-width: 200px;">Observaciones</th>
<th scope="col" style="min-width: 200px;">Correctivas</th>
<th scope="col" style="min-width: 50px;">Responsable</th>
<th scope="col" style="min-width: 50px;">Aprobó</th>
<th style="border-right: 1px solid;" scope="col">Marinadora 1</th>
<th style="border-right: 1px solid;" scope="col">Marinadora 2</th>
<th style="border-right: 1px solid;" scope="col">Marinadora 3</th>
<th style="border-right: 1px solid;" scope="col">Lote</th>
</tr>
</thead>
<tbody>
</tbody>
</table>
</div>
</div>
</div>
</div>
</div>
<div class="card-footer border-top border-white">
<div class="row align-items-center g-3">
<div class="col-md-6">
<div class="reloj-container">
<span id="tiempo" class="d-block h3 mb-1">00:00:00</span>
<p id="fecha" class="mb-2">Cargando fecha...</p>
<p class="mb-0 user-info">
<i class='bx bx-user-circle'></i> Usuario: <strong><?php echo $iduser; ?></strong>
</p>
</div>
</div>
<div class="col-md-6">
<div class="d-grid gap-2">
<button type="button" class="btn btn-outline-light btn-lg" onclick="window.location.href='../mainJefe.php';">
<i class='bx bx-x'></i> CANCELAR
</button>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</form>
</div>
<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/2.11.6/umd/popper.min.js"></script>
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.2.0-beta1/dist/js/bootstrap.bundle.min.js"></script>
<script type="text/javascript" src="https://cdn.datatables.net/v/bs5/jszip-2.5.0/dt-1.11.5/datatables.min.js"></script>
<script type="text/javascript" src="https://cdn.datatables.net/v/bs5/jszip-2.5.0/dt-1.11.5/b-2.2.2/b-colvis-2.2.2/b-html5-2.2.2/b-print-2.2.2/r-2.2.9/sb-1.3.2/sp-2.0.0/datatables.min.js"></script>
<script src="../JS/reloj.js"></script>
<script src="../CONTROLTABLAS.JS/FOR-S-CCI-19.js?v=<?php echo time(); ?>"></script>
<script src="../INPUTS//FOR-S-CCI-19.js?v=<?php echo time(); ?>"></script>
<script src="../JS/permisos-global.js"></script>
</html>