File "FOR-S-CCI-103.php"
Full Path: C:/wamp64/www/CALIDADWEB/CALIDADWEB/FRONTED/HTML/FOR-S-CCI-103.php
File size: 117.91 KB
MIME-type: text/x-php
Charset: utf-8
<?php
// 1. CONEXIÓN (Corregida con la ruta relativa para evitar el Fatal Error)
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';
?>
<!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-103</title>
<link rel="shortcut icon" href="../img/avic.jpeg">
<link rel="stylesheet" href="../CSS/style_main.css">
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.2.0-beta1/dist/css/bootstrap.min.css" rel="stylesheet">
<link href='https://unpkg.com/boxicons@2.1.2/css/boxicons.min.css' rel='stylesheet'>
<link rel="stylesheet" type="text/css" href="https://cdn.datatables.net/v/bs5/dt-1.11.5/datatables.min.css"/>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.6.0/jquery.min.js"></script>
<script src="https://cdn.jsdelivr.net/npm/sweetalert2@11"></script>
<style>
.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 { color: white; }
.nav-tabs .nav-link.active { color: #ff8a37 !important; font-weight: bold; }
.scanner-container {
background: #f8f9fa;
border-radius: 15px;
padding: 20px;
text-align: center;
box-shadow: 0 4px 15px rgba(0,0,0,0.1);
border: 1px solid #e0e0e0;
}
.scanner-title {
font-weight: 700;
color: #2c3e50;
margin-bottom: 15px;
text-transform: uppercase;
letter-spacing: 1px;
}
/* Marco del Video (Efecto Cámara) */
.video-wrapper {
position: relative;
width: 100%;
max-width: 400px;
margin: 0 auto;
overflow: hidden;
border-radius: 12px;
border: 3px solid #3498db;
background-color: #000;
}
#escanerMaterial {
display: block;
width: 100%;
height: auto;
transform: scaleX(1); /* Cambiar a -1 si prefieres modo espejo */
}
/* Efecto de marco de enfoque (Las esquinas blancas) */
.video-wrapper::before {
content: "";
position: absolute;
top: 20px;
left: 20px;
right: 20px;
bottom: 20px;
border: 2px solid rgba(255, 255, 255, 0.3);
border-radius: 8px;
pointer-events: none;
z-index: 1;
}
/* Botones mejorados */
.btn-scan {
padding: 10px 25px;
border-radius: 50px;
font-weight: 600;
transition: all 0.3s ease;
margin-top: 15px;
}
.btn-scan:hover {
transform: translateY(-2px);
box-shadow: 0 5px 10px rgba(0,0,0,0.2);
}
body {
background: linear-gradient(135deg, #ffcf4d 0%, #f8ae26 100%);
min-height: 100vh; /* Para que el fondo cubra toda la pantalla */
}
.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="formMaterialExtraño" method="POST" action="../../BACKEND/controller/FOR-S-CCI-103.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-103 - LISTA DE CHEQUEO - MATERIAL EXTRAÑO
</h5>
</div>
<div class="container-fluid">
<div class="col-md-12">
<div class="card">
<div class="card-header">
<ul class="nav nav-tabs" role="tablist">
<li class="nav-item">
<a class="nav-link active" id="formato-tab" data-bs-toggle="tab" href="#formato" role="tab">
<i class='bx bx-edit'></i> FORMATO
</a>
</li>
<li class="nav-item">
<a class="nav-link" id="registrosChequeo-tab" data-bs-toggle="tab" href="#registrosChequeo" role="tab" role="tab" aria-controls="registrosChequeo" aria-selected="false">
<i class='bx bx-search'></i> CONSULTAR CONTROL
</a>
</li>
</ul>
</div>
<div class="card-body" style="background-color: rgb(255 138 55);">
<div class="tab-content">
<div class="tab-pane fade show active" id="formato" role="tabpanel" aria-labelledby="formato-tab">
<div class="container-fluid">
<div class="row" style="text-align: center; font-size: large;">
<div class="col-md-6">
<select class="form-select" id="plantaChequeo" name="plantaChequeo">
<option value="" selected hidden>Selecciona Planta</option>
<option value="Derivados Carnicos Pereira">DERIVADOS CARNICOS PEREIRA</option>
<option value="Beneficio y Produccion Pereira">BENEFICIO Y PRODUCCION PEREIRA</option>
</select>
</div>
<div class="col-md-6" style="margin-top:10px">
<label>Areas</label><br>
<select class="form-select" id="areasChequeo" name="areasChequeo">
<option value="" selected hidden>Selecciona Área</option>
</select>
</div>
</div>
<div class="row mt-4" style="justify-content: center; text-align: center; font-size: large; margin-top:20px">
<div id="paginasCriterios">
<div class="pagina" id="areasGeneral">
<h5 style="color:black; font-size:larger">AREAS EN GENERAL</h5>
<input type="hidden" name="categorias[]" value="Areas en general">
<div class="mb-3">
<label for="categoriaAplica" class="form-label text-white">¿Esta categoría aplica?</label>
<select class="form-select form-select-sm w-25" id="categoriaAplicaAreas" name="aplica[]">
<option value="si">Sí aplica</option>
<option value="no">No aplica</option>
</select>
</div>
<label style="margin-top:30px; color:white">Area</label><br>
<input type="hidden" name="itemArray[]" value="Area">
<div style="display: flex; flex-direction: column; align-items: flex-start;">
<div class="form-check">
<input type="hidden" name="criterios[criterio1][0]" value="1">
<input class="form-check-input" type="checkbox" id="criterio1" name="criterios[criterio1][0]" value="0">
<label>- Libre de elementos innecesarios o no autorizados.</label>
</div>
<div class="form-check">
<input type="hidden" name="criterios[criterio2][0]" value="1">
<input class="form-check-input" type="checkbox" id="criterio2" name="criterios[criterio2][0]" value="0">
<label>- Libre de vidrio, cerámicas material quebradizo (plásticos rígidos) y elementos metálicos peligrosos.</label>
</div>
<div class="form-check">
<input type="hidden" name="criterios[criterio3][0]" value="1">
<input class="form-check-input" type="checkbox" id="criterio3" name="criterios[criterio3][0]" value="0">
<label>- Sin presencia de residuos comestibles ajenos a la operación.</label>
</div>
<div class="form-check">
<input type="hidden" name="criterios[criterio4][0]" value="1">
<input class="form-check-input" type="checkbox" id="criterio4" name="criterios[criterio4][0]" value="0">
<label>- Libre de componentes que se puedan desprender, como sistemas electricos o componentes de equipos.</label>
</div>
<div class="form-check">
<input type="hidden" name="criterios[criterio5][0]" value="1">
<input class="form-check-input" type="checkbox" id="criterio5" name="criterios[criterio5][0]" value="0">
<label>- Sin presencia de dispositivos electrónicos no autorizados (parlantes).</label>
</div>
<div class="form-check">
<input type="hidden" name="criterios[criterio6][0]" value="1">
<input class="form-check-input" type="checkbox" id="criterio6" name="criterios[criterio6][0]" value="0">
<label>- El área se encuentra ordenada y libre de residuos ajenos a la operación.</label>
</div>
<div class="form-check">
<input type="hidden" name="criterios[99][0]" value="1">
<input class="form-check-input" type="checkbox" id="criterio99" name="criterios[criterio99][0]" value="0">
<label>- Hay presencia de obras civiles en la zona.</label>
</div>
<div class="form-check">
<input type="hidden" name="criterios[criterio100][0]" value="1">
<input class="form-check-input" type="checkbox" id="criterio100" name="criterios[criterio100][0]" value="0">
<label>- Hay presencia de equipos o otros elementos en desuso e inecesarios dentro del área.</label>
</div>
<div class="form-check">
<input type="hidden" name="criterios[criterio101][0]" value="1">
<input class="form-check-input" type="checkbox" id="criterio101" name="criterios[criterio101][0]" value="0">
<label>- Se evidencian elementos como candados o llaves en exceso o inecesarias dentro del área.</label>
</div>
</div>
<div class="row mt-4" style="justify-content: center; text-align: center">
<div class="col-md-8 ">
<label for="">Observaciones</label>
<textarea name="observacionesLista[]" id="observacionesArea" class="form-control" aria-describedby="helpId"></textarea>
</div>
<div class="col-md-4 ">
<label>% Cumplimiento</label>
<div class="">
<input type="text" value="100.0" step="0.01" class="form-control" name="porcentajes[]" id="porcentajeArea" style="font-size: x-large;" readonly>
</div>
</div>
</div>
<label style="margin-top:30px; color:white">Gabinetes-Armarios</label><br>
<input type="hidden" name="itemArray[]" value="Gabinetes-Armarios">
<div style="display: flex; flex-direction: column; align-items: flex-start;">
<div class="form-check">
<input type="hidden" name="criterios[criterio7][1]" value="1">
<input class="form-check-input" type="checkbox" id="criterio7" name="criterios[criterio7][1]" value="0">
<label>- Libres de elementos metálicos o quebradizos que no se usan o están en exceso.</label>
</div>
<div class="form-check">
<input type="hidden" name="criterios[criterio9][1]" value="1">
<input class="form-check-input" type="checkbox" id="criterio9" name="criterios[criterio9][1]" value="0">
<label>- No están quebrados o fisurados.</label>
</div>
<div class="form-check">
<input type="hidden" name="criterios[criterio10][1]" value="1">
<input class="form-check-input" type="checkbox" id="criterio10" name="criterios[criterio10][1]" value="0">
<label>- Libres de componentes que se puedan desprender.</label>
</div>
<div class="form-check">
<input type="hidden" name="criterios[criterio11][1]" value="1">
<input class="form-check-input" type="checkbox" id="criterio11" name="criterios[criterio11][1]" value="0">
<label>- Están ordenados y libres de residuos ajenos a la operación.</label>
</div>
<div class="form-check">
<input type="hidden" name="criterios[criterio12][1]" value="1">
<input class="form-check-input" type="checkbox" id="criterio12" name="criterios[criterio12][1]" value="0">
<label>- Conservan su diseño original y no presentan alteraciones.</label>
</div>
<div class="form-check">
<input type="hidden" name="criterios[criterio13][1]" value="1">
<input class="form-check-input" type="checkbox" id="criterio13" name="criterios[criterio13][1]" value="0">
<label>- Las tablas de registro tienen los bolígrafos amarrados y éstas no presentan óxido o fisuras.</label>
</div>
</div>
<div class="row mt-4" style="justify-content: center; text-align: center">
<div class="col-md-8 ">
<label for="">Observaciones</label>
<textarea name="observacionesLista[]" id="observacionesGabinetes" class="form-control" aria-describedby="helpId"></textarea>
</div>
<div class="col-md-4">
<label>% Cumplimiento</label>
<div class="input-group mb-3">
<input type="text" value="100.0" step="0.01" class="form-control" name="porcentajes[]" id="porcentajeGabinetes" style="font-size: x-large;" readonly>
</div>
</div>
</div>
</div>
<div class="pagina" id="equipos" style="display: none;">
<h5 style="color:black; font-size:larger">EQUIPOS</h5>
<input type="hidden" name="categorias[]" value="Equipos">
<div class="mb-3">
<label for="categoriaAplica" class="form-label text-white">¿Esta categoría aplica?</label>
<select class="form-select form-select-sm w-25" name="aplica[]" id="categoriaAplicaEquipos">
<option value="si">Sí aplica</option>
<option value="no">No aplica</option>
</select>
</div>
<label style="margin-top:30px; color:white">Superficies Generales - Bandas Transportadoras</label><br>
<input type="hidden" name="itemArray[]" value="Superficies generales-Bandas transportadoras">
<div style="display: flex; flex-direction: column; align-items: flex-start;">
<div class="form-check">
<input type="hidden" name="criterios[criterio14][2]" value="1">
<input class="form-check-input" type="checkbox" id="criterio14" name="criterios[criterio14][2]" value="0">
<label class="form-check-label" for="criterio14">- Libre de tornillos, herramientas o Tuercas sueltas.</label>
</div>
<div class="form-check">
<input type="hidden" name="criterios[criterio15][2]" value="1">
<input class="form-check-input" type="checkbox" id="criterio15" name="criterios[criterio15][2]" value="0">
<label class="form-check-label" for="criterio15">- No estan quebrados o fisurados.</label>
</div>
<div class="form-check">
<input type="hidden" name="criterios[criterio16][2]" value="1">
<input class="form-check-input" type="checkbox" id="criterio16" name="criterios[criterio16][2]" value="0">
<label class="form-check-label" for="criterio16">- No presentan oxido.</label>
</div>
<div class="form-check">
<input type="hidden" name="criterios[criterio17][2]" value="1">
<input class="form-check-input" type="checkbox" id="criterio17" name="criterios[criterio17][2]" value="0">
<label class="form-check-label" for="criterio17">- Los stickers no generan desprendimientos.</label>
</div>
<div class="form-check">
<input type="hidden" name="criterios[criterio18][2]" value="1">
<input class="form-check-input" type="checkbox" id="criterio18" name="criterios[criterio18][2]" value="0">
<label class="form-check-label" for="criterio18">- Los protectores son autorizados.</label>
</div>
<div class="form-check" style="display: flex; align-items: flex-start; gap: 8px; width: 100%;">
<input type="hidden" name="criterios[criterio19][2]" value="1">
<input class="form-check-input" type="checkbox" id="criterio19" name="criterios[criterio19][2]" value="0">
<label class="form-check-label" for="criterio19" style="flex: 1; max-width: 100%;">- Ausencia de materiales auxiliares no autorizados (ej. bolsas plásticas, adhesivos, cintas) en superficies de contacto directo con el producto.</label>
</div>
</div>
<div class="row mt-4" style="justify-content: center; text-align: center">
<div class="col-md-8 ">
<label for="">Observaciones</label>
<textarea name="observacionesLista[]" id="observacionesSuperficies" class="form-control" aria-describedby="helpId"></textarea>
</div>
<div class="col-md-4">
<label>% Cumplimiento</label>
<div class="input-group mb-3">
<input type="text" value="100.0" step="0.01" class="form-control" name="porcentajes[]" id="porcentajeSuperficiesItem" style="font-size: x-large;" readonly>
</div>
</div>
</div>
<label style="margin-top:30px; color:white">Integridad</label><br>
<input type="hidden" name="itemArray[]" value="Integridad">
<div style="display: flex; flex-direction: column; align-items: flex-start;">
<div class="form-check">
<input type="hidden" name="criterios[criterio20][3]" value="1">
<input class="form-check-input" type="checkbox" id="criterio20" name="criterios[criterio20][3]" value="0">
<label>- Presencia de arreglos temporales.</label>
</div>
<div class="form-check">
<input type="hidden" name="criterios[criterio21][3]" value="1">
<input class="form-check-input" type="checkbox" id="criterio21" name="criterios[criterio21][3]" value="0">
<label>- Acumulación de suciedad.</label>.
</div>
<div class="form-check">
<input type="hidden" name="criterios[criterio22][3]" value="1">
<input class="form-check-input" type="checkbox" id="criterio22" name="criterios[criterio22][3]" value="0">
<label>- No presentan oxido.</label>
</div>
<div class="form-check">
<input type="hidden" name="criterios[criterio23][3]" value="1">
<input class="form-check-input" type="checkbox" id="criterio23" name="criterios[vriterio23][3]" value="0">
<label>- Libre de componentes que se puedan desprender.</label>
</div>
<div class="form-check">
<input type="hidden" name="criterios[criterio24][3]" value="1">
<input class="form-check-input" type="checkbox" id="criterio24" name="criterios[criterio24][3]" value="0">
<label>- No desprenden material partículado, grasas o lubricantes.</label>
</div>
</div>
<div class="row mt-4" style="justify-content: center; text-align: center">
<div class="col-md-8 ">
<label for="">Observaciones</label>
<textarea name="observacionesLista[]" id="observacionesIntegridad" class="form-control" aria-describedby="helpId"></textarea>
</div>
<div class="col-md-4">
<label>% Cumplimiento</label>
<div class="input-group mb-3">
<input type="text" value="100.0" step="0.01" class="form-control" name="porcentajes[]" id="porcentajeIntegridad" style="font-size: x-large;" readonly>
</div>
</div>
</div>
<label style="margin-top:30px; color:white">Visualizadores y Tableros de Control</label><br>
<input type="hidden" name="itemArray[]" value="Visualizadores y tablero de control">
<div style="display: flex; flex-direction: column; align-items: flex-start;">
<div class="form-check">
<input type="hidden" name="criterios[criterio25][4]" value="1">
<input class="form-check-input" type="checkbox" id="criterio25" name="criterios[criterio25][4]" value="0">
<label>- Los manómetros estan fisurados o quebrados.</label>
</div>
<div class="form-check">
<input type="hidden" name="criterios[criterio26][4]" value="1">
<input class="form-check-input" type="checkbox" id="criterio26" name="criterios[criterio26][4]" value="0">
<label>- Los acrílicos presentan fisuras o desprendimiento de particulas.</label>
</div>
<div class="form-check">
<input type="hidden" name="criterios[criterio27][4]" value="1">
<input class="form-check-input" type="checkbox" id="criterio27" name="criterios[criterio27][4]" value="0">
<label>- Tableros quebrados, fisurados, o expuestos al ambiente.</label>
</div>
<div class="form-check">
<input type="hidden" name="criterios[criterio28][4]" value="1">
<input class="form-check-input" type="checkbox" id="criterio28" name="criterios[criterio28][4]" value="">
<label>- No presentan oxido.</label>
</div>
<div class="form-check">
<input type="hidden" name="criterios[criterio29][4]" value="1">
<input class="form-check-input" type="checkbox" id="criterio29" name="criterios[criterio29][4]" value="0">
<label>- Presentan acumulación de suciedad.</label>
</div>
<div class="form-check">
<input type="hidden" name="criterios[criterio30][4]" value="1">
<input class="form-check-input" type="checkbox" id="criterio30" name="criterios[criterio30][4]" value="0">
<label>- Los botones o perillas estan fisurados o quebrados.</label>
</div>
</div>
<div class="row mt-4" style="justify-content: center; text-align: center">
<div class="col-md-8 ">
<label for="">Observaciones</label>
<textarea name="observacionesLista[]" id="observacionesVisualizadores" class="form-control" aria-describedby="helpId"></textarea>
</div>
<div class="col-md-4">
<label>% Cumplimiento</label>
<div class="input-group mb-3">
<input type="text" value="100.0" step="0.01" class="form-control" name="porcentajes[]" id="porcentajeVisualizadores" style="font-size: x-large;" readonly>
</div>
</div>
</div>
</div>
<div class="pagina" id="instalacioness" style="display: none;">
<h5 style="color:black; font-size:larger">INSTALACIONES</h5>
<input type="hidden" name="categorias[]" value="Instalaciones">
<div class="mb-3">
<label for="categoriaAplica" class="form-label text-white">¿Esta categoría aplica?</label>
<select class="form-select form-select-sm w-25" name="aplica[]" id="categoriaAplicaInstalaciones">
<option value="si">Sí aplica</option>
<option value="no">No aplica</option>
</select>
</div>
<label style="margin-top:30px; color:white">Estado de techos y estructuras colgantes</label><br>
<input type="hidden" name="itemArray[]" value="Estado de techos y estrucutras colgantes">
<div style="display: flex; flex-direction: column; align-items: flex-start;">
<div class="form-check">
<input type="hidden" name="criterios[criterio31][5]" value="1">
<input class="form-check-input" type="checkbox" id="criterio31" name="criterios[criterio31][5]" value="0">
<label>- Sin láminas y cables sueltos.</label>
</div>
<div class="form-check">
<input type="hidden" name="criterios[criterio32][5]" value="1">
<input class="form-check-input" type="checkbox" id="criterio32" name="criterios[criterio32][5]" value="0">
<label>- No presentan oxido.</label>
</div>
<div class="form-check">
<input type="hidden" name="criterios[criterio33][5]" value="1">
<input class="form-check-input" type="checkbox" id="criterio33" name="criterios[criterio33][5]" value="0">
<label>- Sin grietas / desprendimientos o porosidad.</label>
</div>
<div class="form-check">
<input type="hidden" name="criterios[criterio34][5]" value="1">
<input class="form-check-input" type="checkbox" id="criterio34" name="criterios[criterio34][5]" value="0">
<label>- Libres de elementos innecesarios o no autorizados.</label>
</div>
<div class="form-check">
<input type="hidden" name="criterios[criterio35][5]" value="1">
<input class="form-check-input" type="checkbox" id="criterio35" name="criterios[criterio35][5]" value="0">
<label>- Se identifican zonas que no garantizan hermeticidad.</label>
</div>
<div class="form-check">
<input type="hidden" name="criterios[criterio8][5]" value="1">
<input class="form-check-input" type="checkbox" id="criterio8" name="criterios[criterio8][5]" value="0">
<label>- Se presentan condensados o filtraciones de agua que puedan afectar los productos en proceso o superficies de contacto con alimentos.</label>
</div>
</div>
<div class="row mt-4" style="justify-content: center; text-align: center">
<div class="col-md-8 ">
<label for="">Observaciones</label>
<textarea name="observacionesLista[]" id="observacionesTechos" class="form-control" aria-describedby="helpId"></textarea>
</div>
<div class="col-md-4">
<label>% Cumplimiento</label>
<div class="input-group mb-3">
<input type="text" value="100.0" step="0.01" class="form-control" name="porcentajes[]" id="porcentajeEstadoTechos" style="font-size: x-large;" readonly>
</div>
</div>
</div>
<label style="margin-top:30px; color:white">Integridad de paredes y pisos</label><br>
<input type="hidden" name="itemArray[]" value="Integridad de paredes y pisos">
<div style="display: flex; flex-direction: column; align-items: flex-start;">
<div class="form-check">
<input type="hidden" name="criterios[criterio36][6]" value="1">
<input class="form-check-input" type="checkbox" id="criterio36" name="criterios[criterio36][6]" value="0">
<label>- Sin grietas, desprendimientos o porosidad.</label>
</div>
<div class="form-check">
<input type="hidden" name="criterios[criterio37][6]" value="1">
<input class="form-check-input" type="checkbox" id="criterio37" name="criterios[criterio37][6]" value="0">
<label>- No presentan oxido.</label>
</div>
<div class="form-check">
<input type="hidden" name="criterios[criterio38][6]" value="1">
<input class="form-check-input" type="checkbox" id="criterio38" name="criterios[criterio38][6]" value="0">
<label>- Las juntas y laminas tienen fallos en su sellado y aislamiento.</label>
</div>
<div class="form-check">
<input type="hidden" name="criterios[criterio39][6]" value="1">
<input class="form-check-input" type="checkbox" id="criterio39" name="criterios[criterio39][6]" value="0">
<label>-Libres de elementos innecesarios (tornillos, chazos, acoples, accesorios).</label>
</div>
<div class="form-check">
<input type="hidden" name="criterios[criterio40][6]" value="1">
<input class="form-check-input" type="checkbox" id="criterio40" name="criterios[criterio40][6]" value="0">
<label>-Las señalizaciones no presentan desprendimientos, quebraduras y están bien ancladas.</label>
</div>
<div class="form-check">
<input type="hidden" name="criterios[criterio88][6]" value="1">
<input class="form-check-input" type="checkbox" id="criterio88" name="criterios[criterio88][6]" value="0">
<label>- Los pisos o canaletas no generan encharcamientos y acumulación de carga orgánica.</label>
</div>
<div class="form-check">
<input type="hidden" name="criterios[criterio103][6]" value="1">
<input class="form-check-input" type="checkbox" id="criterio103" name="criterios[criterio103][6]" value="0">
<label>- Se evidencia presencia fragmentos de plástico duro (canastillas) en pisos.</label>
</div>
</div>
<div class="row mt-4" style="justify-content: center; text-align: center">
<div class="col-md-8 ">
<label for="">Observaciones</label>
<textarea name="observacionesLista[]" id="observacionesIntegridadParedes" class="form-control" aria-describedby="helpId"></textarea>
</div>
<div class="col-md-4">
<label>% Cumplimiento</label>
<div class="input-group mb-3">
<input type="text" value="100.0" step="0.01" class="form-control" name="porcentajes[]" id="porcentajeIntegridadParedes" style="font-size: x-large;" readonly>
</div>
</div>
</div>
<label style="margin-top:30px; color:white">Luminarias y Ventanas</label><br>
<input type="hidden" name="itemArray[]" value="Luminarias y ventanas">
<div style="display: flex; flex-direction: column; align-items: flex-start;">
<div class="form-check">
<input type="hidden" name="criterios[criterio41][7]" value="1">
<input class="form-check-input" type="checkbox" id="criterio41" name="criterios[criterio41][7]" value="0">
<label>- Luminarias no tienen protección antirrotura.</label>
</div>
<div class="form-check">
<input type="hidden" name="criterios[criterio42][7]" value="1">
<input class="form-check-input" type="checkbox" id="criterio42" name="criterios[criterio42][7]" value="0">
<label>- Se identifican luminarias de vidrio.</label>
</div>
<div class="form-check">
<input type="hidden" name="criterios[criterio43][7]" value="1">
<input class="form-check-input" type="checkbox" id="criterio43" name="criterios[criterio43][7]" value="0">
<label>- Las ventanas carecen de película protectora.</label>
</div>
<div class="form-check">
<input type="hidden" name="criterios[criterio44][7]" value="1">
<input class="form-check-input" type="checkbox" id="criterio44" name="criterios[criterio44][7]" value="0">
<label>- No se evidencia luminarias o ventanas rotas.</label>
</div>
</div>
<div class="row mt-4" style="justify-content: center; text-align: center">
<div class="col-md-8 ">
<label for="">Observaciones</label>
<textarea name="observacionesLista[]" id="observacionesLuminarias" class="form-control" aria-describedby="helpId"></textarea>
</div>
<div class="col-md-4">
<label>% Cumplimiento</label>
<div class="input-group mb-3">
<input type="text" value="100.0" step="0.01" class="form-control" name="porcentajes[]" id="porcentajeLuminarias" style="font-size: x-large;" readonly>
</div>
</div>
</div>
</div>
<div class="pagina" id="intervencionesMantenimiento" style="display: none;">
<h5 style="color:black; font-size:larger">INTERVENCIONES MANTENIMIENTO</h5>
<input type="hidden" name="categorias[]" value="Intervenciones Mantenimiento">
<div class="mb-3">
<label for="categoriaAplica" class="form-label text-white">¿Esta categoría aplica?</label>
<select class="form-select form-select-sm w-25" name="aplica[]" id="categoriaAplicaIntervenciones">
<option value="si">Sí aplica</option>
<option value="no">No aplica</option>
</select>
</div>
<label style="margin-top:30px; color:white">Cultura de Inocuidad Mantenimiento</label><br>
<input type="hidden" name="itemArray[]" value="Cultura Inocuidad Mantenimiento">
<div style="display: flex; flex-direction: column; align-items: flex-start;">
<div class="form-check">
<input type="hidden" name="criterios[criterio45][8]" value="1">
<input class="form-check-input" type="checkbox" id="criterio45" name="criterios[criterio45][8]" value="0">
<label>- Los técnicos no realizan inventario de herramientas.</label>
</div>
<div class="form-check">
<input type="hidden" name="criterios[criterio46][8]" value="1">
<input class="form-check-input" type="checkbox" id="criterio46" name="criterios[criterio46][8]" value="0">
<label>- Los tecnicos no señalizan su area de trabajo.</label>
</div>
<div class="form-check">
<input type="hidden" name="criterios[criterio47][8]" value="1">
<input class="form-check-input" type="checkbox" id="criterio47" name="criterios[criterio47][8]" value="0">
<label>- Se identifican fallos en el orden del area de trabajo.</label>
</div>
<div class="form-check">
<input type="hidden" name="criterios[criterio48][8]" value="1">
<input class="form-check-input" type="checkbox" id="criterio48" name="criterios[criterio48][8]" value="0">
<label>- El tecnico no asegura los tornillos, tuercas, herramientas etc.</label>
</div>
<div class="form-check">
<input type="hidden" name="criterios[criterio49][8]" value="1">
<input class="form-check-input" type="checkbox" id="criterio49" name="criterios[criterio49][8]" value="0">
<label>- El tecnico no asegura los residuos generados por la intervencion.</label>
</div>
<div class="form-check">
<input type="hidden" name="criterios[criterio50][8]" value="1">
<input class="form-check-input" type="checkbox" id="criterio50" name="criterios[criterio50][8]" value="0">
<label>- No se identifica al técnico de mantenimiento en eñl area durante la intervención.</label>
</div>
<div class="form-check">
<input type="hidden" name="criterios[criterio51][8]" value="1">
<input class="form-check-input" type="checkbox" id="criterio51" name="criterios[criterio51][8]" value="0">
<label>- El área se deja desordenada y se evidencian residuos sólidos derivados de la intervencion.</label>
</div>
<div class="form-check">
<input type="hidden" name="criterios[criterio52][8]" value="1">
<input class="form-check-input" type="checkbox" id="criterio52" name="criterios[criterio52][8]" value="0">
<label>- Los técnicos no llevan herramientas sueltas en los bolsillos de la dotación, y no tienen caja de herramientas.</label>
</div>
</div>
<div class="row mt-4" style="justify-content: center; text-align: center">
<div class="col-md-8 ">
<label for="">Observaciones</label>
<textarea name="observacionesLista[]" id="observacionesInocuidad" class="form-control" aria-describedby="helpId"></textarea>
</div>
<div class="col-md-4">
<label>% Cumplimiento</label>
<div class="input-group mb-3">
<input type="text" value="100.0" step="0.01" class="form-control" name="porcentajes[]" id="porcentajeInocuidad" style="font-size: x-large;" readonly>
</div>
</div>
</div>
</div>
<div class="pagina" id="personalLista" style="display: none;">
<h5 style="color:black; font-size:larger">PERSONAL</h5>
<input type="hidden" name="categorias[]" value="Personal">
<div class="mb-3">
<label for="categoriaAplica" class="form-label text-white">¿Esta categoría aplica?</label>
<select class="form-select form-select-sm w-25" name="aplica[]" id="categoriaAplicaPersonal">
<option value="si">Sí aplica</option>
<option value="no">No aplica</option>
</select>
</div>
<label style="margin-top:30px; color:white">Objetos metálicos o quebradizos</label><br>
<input type="hidden" name="itemArray[]" value="Objetos metalicos-quebradizos">
<div style="display: flex; flex-direction: column; align-items: flex-start;">
<div class="form-check">
<input type="hidden" name="criterios[criterio53][9]" value="1">
<input class="form-check-input" type="checkbox" id="criterio53" name="criterios[criterio53][9]" value="0">
<label>- El colaborador porta accesorios (Aretes / Anilos / Manillas / Piercing /Cadenas).</label>
</div>
<div class="form-check">
<input type="hidden" name="criterios[criterio54][9]" value="1">
<input class="form-check-input" type="checkbox" id="criterio54" name="criterios[criterio54][9]" value="0">
<label>- Se identifican llaves en el personal.</label>
</div>
<div class="form-check">
<input type="hidden" name="criterios[criterio55][9]" value="1">
<input class="form-check-input" type="checkbox" id="criterio55" name="criterios[criterio55][9]" value="0">
<label>- Se identifican Monedas / Billetes.</label>
</div>
<div class="form-check">
<input type="hidden" name="criterios[criterio56][9]" value="1">
<input class="form-check-input" type="checkbox" id="criterio56" name="criterios[criterio56][9]" value="0">
<label>- El colaborador porta audífonos / Celulares / relojes / Tablets / No autorizados.</label>
</div>
<div class="form-check">
<input type="hidden" name="criterios[criterio57][9]" value="1">
<input class="form-check-input" type="checkbox" id="criterio57" name="criterios[criterio57][9]" value="0">
<label>- Las tablas de registro tienen los boligrafos amarrados y estas no presentan oxido o fisuras.</label>
</div>
<div class="form-check">
<input type="hidden" name="criterios[criterio58][9]" value="1">
<input class="form-check-input" type="checkbox" id="criterio58" name="criterios[criterio58][9]" value="0">
<label>- Los dispositivos electrónicos autorizados están quebrados o fisurados.</label>
</div>
</div>
<div class="row mt-4" style="justify-content: center; text-align: center">
<div class="col-md-8 ">
<label for="">Observaciones</label>
<textarea name="observacionesLista[]" id="observacionesObjetos" class="form-control" aria-describedby="helpId"></textarea>
</div>
<div class="col-md-4">
<label>% Cumplimiento</label>
<div class="input-group mb-3">
<input type="text" value="100.0" step="0.01" class="form-control" name="porcentajes[]" id="porcentajeObjetos" style="font-size: x-large;" readonly>
</div>
</div>
</div>
<label style="margin-top:30px; color:white">Dotacion</label><br>
<input type="hidden" name="itemArray[]" value="Dotacion">
<div style="display: flex; flex-direction: column; align-items: flex-start;">
<div class="form-check">
<input type="hidden" name="criterios[criterio60][10]" value="1">
<input class="form-check-input" type="checkbox" id="criterio60" name="criterios[criterio60][10]" value="0">
<label>- Los bolsillos internos estan expuestos.</label>
</div>
<div class="form-check">
<input type="hidden" name="criterios[criterio61][10]" value="1">
<input class="form-check-input" type="checkbox" id="criterio61" name="criterios[criterio61][10]" value="0">
<label>- El colaborador porta accesorios en el uniforme.</label>
</div>
<div class="form-check">
<input type="hidden" name="criterios[criterio62][10]" value="1">
<input class="form-check-input" type="checkbox" id="criterio62" name="criterios[criterio62][10]" value="0">
<label>- Las gafas carecen de sujetador.</label>
</div>
<div class="form-check">
<input type="hidden" name="criterios[criterio63][10]" value="1">
<input class="form-check-input" type="checkbox" id="criterio63" name="criterios[criterio63][10]" value="0">
<label>- Los boligrafos tienen tapa y no son retractiles.</label>
</div>
<div class="form-check">
<input type="hidden" name="criterios[criterio64][10]" value="1">
<input class="form-check-input" type="checkbox" id="criterio64" name="criterios[criterio64][10]" value="0">
<label>- Se identifican EPPs en mal estado con fisuras y/o desprendimientos.</label>
</div>
</div>
<div class="row mt-4" style="justify-content: center; text-align: center">
<div class="col-md-8">
<label for="">Observaciones</label>
<textarea name="observacionesLista[]" id="observacionesDotacion" class="form-control" aria-describedby="helpId"></textarea>
</div>
<div class="col-md-4">
<label>% Cumplimiento</label>
<div class="input-group mb-3">
<input type="text" value="100.0" step="0.01" class="form-control" name="porcentajes[]" id="porcentajeDotacion" style="font-size: x-large;" readonly>
</div>
</div>
</div>
</div>
<div class="pagina" id="superficiesLista" style="display: none;">
<h5 style="color:black; font-size:larger">SUPERFICIES</h5>
<input type="hidden" name="categorias[]" value="Superficies">
<div class="mb-3">
<label for="categoriaAplica" class="form-label text-white">¿Esta categoría aplica?</label>
<select class="form-select form-select-sm w-25" name="aplica[]" id="categoriaAplicaSuperficies">
<option value="si">Sí aplica</option>
<option value="no">No aplica</option>
</select>
</div>
<label style="margin-top:30px; color:white">Mesas de proceso</label><br>
<input type="hidden" name="itemArray[]" value="Mesas de proceso">
<div style="display: flex; flex-direction: column; align-items: flex-start;">
<div class="form-check">
<input type="hidden" name="criterios[criterio65][11]" value="1">
<input class="form-check-input" type="checkbox" id="criterio65" name="criterios[criterio65][11]" value="0">
<label>- Libres de elementos innecesarios o no autorizados.</label>
</div>
<div class="form-check">
<input type="hidden" name="criterios[criterio66][11]" value="1">
<input class="form-check-input" type="checkbox" id="criterio66" name="criterios[criterio66][11]" value="0">
<label>- Las tablas de registro tienen los boligrafos amarrados y estas no presentan oxido o fisuras.</label>
</div>
<div class="form-check">
<input type="hidden" name="criterios[criterio67][11]" value="1">
<input class="form-check-input" type="checkbox" id="criterio67" name="criterios[criterio67][11]" value="0">
<label>- Se evidencian grietas o fisuras en las superficies de proceso.</label>
</div>
<div class="form-check">
<input type="hidden" name="criterios[criterio68][11]" value="1">
<input class="form-check-input" type="checkbox" id="criterio68" name="criterios[criterio68][11]" value="0">
<label>- No se evidencia presencia de tornillos, arandelas, alambres o cualquier elemento que comprometa la inocuidad.</label>
</div>
<div class="form-check">
<input type="hidden" name="criterios[criterio69][11]" value="1">
<input class="form-check-input" type="checkbox" id="criterio69" name="criterios[criterio69][11]" value="0">
<label>- Ausencia de materiales auxiliares no autorizados (ej. bolsas plásticas, adhesivos, cintas) en superficies de contacto directo con el producto.</label>
</div>
</div>
<div class="row mt-4" style="justify-content: center; text-align: center">
<div class="col-md-8 ">
<label for="">Observaciones</label>
<textarea name="observacionesLista[]" id="observacionesMesas" class="form-control" aria-describedby="helpId"></textarea>
</div>
<div class="col-md-4">
<label>% Cumplimiento</label>
<div class="input-group mb-3">
<input type="text" value="100.0" step="0.01" class="form-control" name="porcentajes[]" id="porcentajeMesas" style="font-size: x-large;" readonly>
</div>
</div>
</div>
<label style="margin-top:30px; color:white">Canastillas y Estibas</label><br>
<input type="hidden" name="itemArray[]" value="Canastillas y estibas">
<div style="display: flex; flex-direction: column; align-items: flex-start;">
<div class="form-check">
<input type="hidden" name="criterios[criterio70][12]" value="1">
<input class="form-check-input" type="checkbox" id="criterio70" name="criterios[criterio70][12]" value="0">
<label>- No se evidencian clavos o remaches metálicos.</label>
</div>
<div class="form-check">
<input type="hidden" name="criterios[criterio71][12]" value="1">
<input class="form-check-input" type="checkbox" id="criterio71" name="criterios[criterio71][12]" value="0">
<label>- Se evidencian canastillas o estibas rotas y con desprendimiento de plástico duro.</label>
</div>
<div class="form-check">
<input type="hidden" name="criterios[criterio72][12]" value="1">
<input class="form-check-input" type="checkbox" id="criterio72" name="criterios[criterio72][12]" value="0">
<label>- No presentan arreglos con amarrás, plásticos o remaches.</label>
</div>
<div class="form-check">
<input type="hidden" name="criterios[criterio102][12]" value="1">
<input class="form-check-input" type="checkbox" id="criterio102" name="criterios[criterio102][12]" value="0">
<label>- No son de materiales sanitarios.</label>
</div>
</div>
<div class="row mt-4" style="justify-content: center; text-align: center">
<div class="col-md-8 ">
<label for="">Observaciones</label>
<textarea name="observacionesLista[]" id="observacionescanastillas" class="form-control" aria-describedby="helpId"></textarea>
</div>
<div class="col-md-4">
<label>% Cumplimiento</label>
<div class="input-group mb-3">
<input type="text" value="100.0" step="0.01" class="form-control" name="porcentajes[]" id="porcentajeCanastillas" style="font-size: x-large;" readonly>
</div>
</div>
</div>
</div>
<div class="pagina" id="utensiliosProceso" style="display: none;">
<h5 style="color:black; font-size:larger">UTENSILIOS DE PROCESO</h5>
<input type="hidden" name="categorias[]" value="Utensilios de proceso">
<div class="mb-3">
<label for="categoriaAplica" class="form-label text-white">¿Esta categoría aplica?</label>
<select class="form-select form-select-sm w-25" name="aplica[]" id="categoriaAplicaUtensilios">
<option value="si">Sí aplica</option>
<option value="no">No aplica</option>
</select>
</div>
<label style="margin-top:30px; color:white">Baldes - Tanques - Palas - Espatulas</label><br>
<input type="hidden" name="itemArray[]" value="Baldes-Tanques-Palas-Espatulas">
<div style="display: flex; flex-direction: column; align-items: flex-start;">
<div class="form-check">
<input type="hidden" name="criterios[criterio73][13]" value="1">
<input class="form-check-input" type="checkbox" id="criterio73" name="criterios[criterio73][13]" value="0">
<label>- No estan quebrados o fisurados.</label>
</div>
<div class="form-check">
<input type="hidden" name="criterios[criterio74][13]" value="1">
<input class="form-check-input" type="checkbox" id="criterio74" name="criterios[criterio74][13]" value="0">
<label>- No se evidencian clavos o remaches metálicos.</label>
</div>
<div class="form-check">
<input type="hidden" name="criterios[criterio75][13]" value="1">
<input class="form-check-input" type="checkbox" id="criterio75" name="criterios[criterio75][13]" value="0">
<label>- No son de materiales sanitarios.</label>
</div>
<div class="form-check">
<input type="hidden" name="criterios[criterio76][13]" value="1">
<input class="form-check-input" type="checkbox" id="criterio76" name="criterios[criterio76][13]" value="0">
<label>- Existe un area asignada para estos utensilios.</label>
</div>
<div class="form-check">
<input type="hidden" name="criterios[criterio77][13]" value="1">
<input class="form-check-input" type="checkbox" id="criterio77" name="criterios[criterio77][13]" value="0">
<label>- No desprenden partículas.</label>
</div>
</div>
<div class="row mt-4" style="justify-content: center; text-align: center">
<div class="col-md-8 ">
<label for="">Observaciones</label>
<textarea name="observacionesLista[]" id="observacionesBaldes" class="form-control" aria-describedby="helpId"></textarea>
</div>
<div class="col-md-4">
<label>% Cumplimiento</label>
<div class="input-group mb-3">
<input type="text" value="100.0" step="0.01" class="form-control" name="porcentajes[]" id="porcentajeBaldes" style="font-size: x-large;" readonly>
</div>
</div>
</div>
<label style="margin-top:30px; color:white">Cuchillos - Chairas - Asentadores - Esterilizadores</label><br>
<input type="hidden" name="itemArray[]" value="Cuchillos-chairas-Asentadores-Esterilizadores">
<div style="display: flex; flex-direction: column; align-items: flex-start;">
<div class="form-check">
<input type="hidden" name="criterios[criterio78][14]" value="1">
<input class="form-check-input" type="checkbox" id="criterio78" name="criterios[criterio78][14]" value="0">
<label>- No estan quebrados o fisurados.</label>
</div>
<div class="form-check">
<input type="hidden" name="criterios[criterio79][14]" value="1">
<input class="form-check-input" type="checkbox" id="criterio79" name="criterios[criterio79][14]" value="0">
<label>- No se evidencian clavos o remaches metálicos.</label>
</div>
<div class="form-check">
<input type="hidden" name="criterios[criterio80][14]" value="1">
<input class="form-check-input" type="checkbox" id="criterio80" name="criterios[criterio80][14]" value="0">
<label>- Son de materiales sanitarios.</label>
</div>
<div class="form-check">
<input type="hidden" name="criterios[criterio81][14]" value="1">
<input class="form-check-input" type="checkbox" id="criterio81" name="criterios[criterio81][14]" value="0">
<label>- Los cuchillos no presentan un desgaste superior al 70 %.</label>
</div>
<div class="form-check">
<input type="hidden" name="criterios[criterio82][14]" value="1">
<input class="form-check-input" type="checkbox" id="criterio82" name="criterios[criterio82][14]" value="0">
<label>- Libres de arreglos temporales.</label>
</div>
<div class="form-check">
<input type="hidden" name="criterios[criterio83][14]" value="1">
<input class="form-check-input" type="checkbox" id="criterio83" name="criterios[criterio83][14]" value="0">
<label>- No desprende partículas.</label>
</div>
<div class="form-check">
<input type="hidden" name="criterios[criterio104][14]" value="1">
<input class="form-check-input" type="checkbox" id="criterio104" name="criterios[criterio104][14]" value="0">
<label>- Existe un area asignada para estos utencilios.</label>
</div>
</div>
<div class="row mt-4" style="justify-content: center; text-align: center">
<div class="col-md-8 ">
<label for="">Observaciones</label>
<textarea name="observacionesLista[]" id="observacionesccae" class="form-control" aria-describedby="helpId"></textarea>
</div>
<div class="col-md-4">
<label>% Cumplimiento</label>
<div class="input-group mb-3">
<input type="text" value="100.0" step="0.01" class="form-control" name="porcentajes[]" id="porcentajeccae" style="font-size: x-large;" readonly>
</div>
</div>
</div>
<label style="margin-top:30px; color:white">Instrumentos de Medición</label><br>
<input type="hidden" name="itemArray[]" value="Instrumentos de medicion">
<div style="display: flex; flex-direction: column; align-items: flex-start;">
<div class="form-check">
<input type="hidden" name="criterios[criterio84][15]" value="1">
<input class="form-check-input" type="checkbox" id="criterio84" name="criterios[criterio84][15]" value="0">
<label>- No están quebrados o fisurados.</label>
</div>
<div class="form-check">
<input type="hidden" name="criterios[criterio85][15]" value="1">
<input class="form-check-input" type="checkbox" id="criterio85" name="criterios[criterio85][15]" value="0">
<label>- No estan bajo la postestad del encargado.</label>
</div>
<div class="form-check">
<input type="hidden" name="criterios[criterio86][15]" value="1">
<input class="form-check-input" type="checkbox" id="criterio86" name="criterios[criterio86][15]" value="0">
<label>- No desprenden partículas.</label>
</div>
<div class="form-check">
<input type="hidden" name="criterios[criterio87][15]" value="1">
<input class="form-check-input" type="checkbox" id="criterio87" name="criterios[criterio87][15]" value="0">
<label>- No estan rotulados y no son autorizados.</label>
</div>
</div>
<div class="row mt-4" style="justify-content: center; text-align: center">
<div class="col-md-8 ">
<label for="">Observaciones</label>
<textarea name="observacionesLista[]" id="observacionesInstrumentos" class="form-control" aria-describedby="helpId"></textarea>
</div>
<div class="col-md-4">
<label>% Cumplimiento</label>
<div class="input-group mb-3">
<input type="text" value="100.0" step="0.01" class="form-control" name="porcentajes[]" id="porcentajeInstrumentos" style="font-size: x-large;" readonly>
</div>
</div>
</div>
</div>
<div class="pagina" id="productoEnProceso" style="display: none;">
<h5 style="color:black; font-size:larger">PRODUCTO EN PROCESO</h5>
<input type="hidden" name="categorias[]" value="Producto en proceso">
<div class="mb-3">
<label for="categoriaAplica" class="form-label text-white">¿Esta categoría aplica?</label>
<select class="form-select form-select-sm w-25" name="aplica[]" id="categoriaAplicaProducto">
<option value="si">Sí aplica</option>
<option value="no">No aplica</option>
</select>
</div>
<label style="margin-top:30px; color:white">Idoneidad e inocuidad del producto</label><br>
<input type="hidden" name="itemArray[]" value="Idoneidad e inocuidad del producto">
<div style="display: flex; flex-direction: column; align-items: flex-start;">
<div class="form-check">
<input type="hidden" name="criterios[criterio89][16]" value="1">
<input class="form-check-input" type="checkbox" id="criterio89" name="criterios[criterio89][16]" value="0">
<label>- El producto en proceso esta cubierto, encapsulado o confinado y no esta expuesto con potencial de contaminarse.</label>
</div>
<div class="form-check">
<input type="hidden" name="criterios[criterio90][16]" value="1">
<input class="form-check-input" type="checkbox" id="criterio90" name="criterios[criterio90][16]" value="0">
<label>- El producto no tiene contacto directo ni indirecto con superficies no aptas, deterioradas o con adhesivos/etiquetas sueltas.</label>
</div>
<div class="form-check">
<input type="hidden" name="criterios[criterio91][16]" value="1">
<input class="form-check-input" type="checkbox" id="criterio91" name="criterios[criterio91][16]" value="0">
<label>- El producto está protegido de plagas y no presenta evidencias de insectos, roedores, excretas ni trampas/mallas mal ubicadas sobre él.</label>
</div>
<div class="form-check">
<input type="hidden" name="criterios[criterio92][16]" value="1">
<input class="form-check-input" type="checkbox" id="criterio92" name="criterios[criterio92][16]" value="0">
<label>- El producto está retirado o cubierto durante limpiezas y no está expuesto a aerosoles, químicos, salpicaduras o agua de retorno.</label>
</div>
<div class="form-check">
<input type="hidden" name="criterios[criterio93][16]" value="1">
<input class="form-check-input" type="checkbox" id="criterio93" name="criterios[criterio93][16]" value="0">
<label>- El producto no está expuesto a contaminación cruzada por equipos o utensilios.</label>
</div>
<div class="form-check">
<input type="hidden" name="criterios[criterio94][16]" value="1">
<input class="form-check-input" type="checkbox" id="criterio94" name="criterios[criterio94][16]" value="0">
<label>- El producto no está expuesto a contaminación cruzada por manipuladores; vestimenta íntegra sin objetos sueltos.</label>
</div>
<div class="form-check">
<input type="hidden" name="criterios[criterio95][16]" value="1">
<input class="form-check-input" type="checkbox" id="criterio95" name="criterios[criterio95][16]" value="0">
<label>- El producto no está bajo riesgo por piezas sueltas o materiales quebradizos de equipos cercanos; no hay tornillos, cuchillas, vidrios o plásticos fisurados sobre él.</label>
</div>
<div class="form-check">
<input type="hidden" name="criterios[criterio96][16]" value="1">
<input class="form-check-input" type="checkbox" id="criterio96" name="criterios[criterio96][16]" value="0">
<label>- El producto no está ubicado en zonas de alto tránsito operativo que generen polvo, proyecciones o contacto accidental con personas, equipos o materiales en movimiento.</label>
</div>
<div class="form-check">
<input type="hidden" name="criterios[criterio97][16]" value="1">
<input class="form-check-input" type="checkbox" id="criterio97" name="criterios[criterio97][16]" value="0">
<label>- El aire, agua, vapor o hielo que contacta directa o indirectamente el producto es de grado sanitario, filtrado y controlado, sin riesgo de reflujo o contaminación.</label>
</div>
<div class="form-check">
<input type="hidden" name="criterios[criterio98][16]" value="1">
<input class="form-check-input" type="checkbox" id="criterio98" name="criterios[criterio98][16]" value="0">
<label>- El ambiente (temperatura, humedad, flujo/presión de aire) en zonas de producto expuesto está controlado y limpio, sin condensación, polvo ni corrientes desde áreas sucias hacia limpias.</label>
</div>
</div>
<div class="row mt-4" style="justify-content: center; text-align: center">
<div class="col-md-8 ">
<label for="">Observaciones</label>
<textarea name="observacionesLista[]" id="observacionesIdoneidad" class="form-control" aria-describedby="helpId"></textarea>
</div>
<div class="col-md-4">
<label>% Cumplimiento</label>
<div class="input-group mb-3">
<input type="text" value="100.0" step="0.01" class="form-control" name="porcentajes[]" id="porcentajeIdoneidad" style="font-size: x-large;" readonly>
</div>
</div>
</div>
</div>
</div>
<div class="col-md-4">
<button id="btnAnterior" class="btn btn-primary btn-lg">Anterior</button>
</div>
<div class="col-md-4">
<button id="btnSiguiente" type="button" class="btn btn-success btn-lg">Siguiente</button>
</div>
<div class="row mt-5" style="justify-content: center; text-align: center; font-size: large; ">
<legend class="" style="border-bottom:dotted; color:blueviolet"></legend>
<legend class="" style=" color:white;">CUMPLIMINETO DE CATEGORIAS</legend>
<div class="col-md-3" style="margin-top:30px">
<label>% AREAS GENERAL</label>
<div class="input-group mb-3">
<input type="text" value="100.0" step="0.0001" class="input-porcentaje-general" name="porcentajeC[]" id="porcentajeAreas" style="font-size: x-large;" readonly>
</div>
</div>
<div class="col-md-3" style="margin-top:60px">
<label>% EQUIPOS</label>
<div class="input-group mb-3">
<input type="text" value="100.0" step="0.0001" class="form-control" name="porcentajeC[]" id="porcentajeEquipos" style="font-size: x-large;" readonly>
</div>
</div>
<div class="col-md-3" style="margin-top:30px">
<label>% INSTALACIONES</label>
<div class="input-group mb-3">
<input type="text" value="100.0" step="0.0001" class="form-control" name="porcentajeC[]" id="porcentajeInstalaciones" style="font-size: x-large;" readonly>
</div>
</div>
<div class="col-md-3">
<label>% INTERVENCIONES MANTENIMIENTO</label>
<div class="input-group mb-3">
<input type="text" value="100.0" step="0.0001" class="form-control" name="porcentajeC[]" id="porcentajeIntervencionesMantenimiento" style="font-size: x-large;" readonly>
</div>
</div>
<div class="col-md-3" style="margin-top:90px">
<label>% PERSONAL</label>
<div class="input-group mb-3">
<input type="text" value="100.0" step="0.0001" class="form-control" name="porcentajeC[]" id="porcentajePersonal" style="font-size: x-large;" readonly>
</div>
</div>
<div class="col-md-3" style="margin-top:60px">
<label>% SUPERFICIES</label>
<div class="input-group mb-3">
<input type="text" value="100.0" step="0.0001" class="form-control" name="porcentajeC[]" id="porcentajeSuperficies" style="font-size: x-large;" readonly>
</div>
</div>
<div class="col-md-3" style="margin-top:30px">
<label>% UTENSILIOS DE PROCESO</label>
<div class="input-group mb-3">
<input type="text" value="100.0" step="0.0001" class="form-control" name="porcentajeC[]" id="porcentajeUtensiliosProceso" style="font-size: x-large;" readonly>
</div>
</div>
<div class="col-md-3" style="margin-top:30px">
<label>% PRODUCTO EN PROCESO</label>
<div class="input-group mb-3">
<input type="text" value="100.0" step="0.0001" class="form-control" name="porcentajeC[]" id="porcentajeProductoProceso" style="font-size: x-large;" readonly>
</div>
</div>
<div class="col-md-5" style="margin-top:30px">
<label>% GLOBAL-AREA</label>
<div class="input-group mb-3">
<input type="number" value="100.0" step="0.0001" class="form-control" name="globalArea" id="globalArea" style="font-size: x-large;" readonly>
</div>
</div>
</div>
<legend class="" style="border-bottom:dotted; color:blueviolet"></legend>
<div class="row mt-4" style="justify-content: center; text-align: center; font-size: large;">
<div class="col-md-8">
<div class="scanner-container">
<label class="scanner-title">Responsable de Registro</label>
<div class="video-wrapper mb-3">
<video id="escanerMaterial"></video>
</div>
<div class="actions">
<button type="button" class="btn btn-primary btn-scan" id="btnEscanearQR">
<i class="fas fa-qrcode"></i> ESCANEAR QR
</button>
<button type="button" class="btn btn-danger btn-scan" id="btnEscanerCerrar" style="display: none">
<i class="fas fa-times"></i> CERRAR SCANNER
</button>
</div>
<input type="hidden" id="qrResultado" name="qrResultado">
</div>
</div>
<div class="col-md-7" style="margin-top:20px">
<label for="">NOMBRE</label><br>
<input class="form-control" style="text-transform:uppercase;" type="text" name="inpNombreMaterial" id="inpNombreMaterial" readonly>
</div>
<div class="col-md-5" style="margin-top:20px">
<label for="">CEDULA</label><br>
<input class="form-control" style="text-transform:uppercase;" type="text" name="QRcedulaLista" id="QRcedulaLista" readonly>
</div>
<div class="col-md-5" style="margin-top:20px">
<label for="">APROBÓ</label><br>
<input class="form-control" style="text-transform:uppercase;" type="text" name="aproboListaChequeo" id="aproboListaChequeo">
</div>
</div>
</div>
</div>
</div>
<div class="tab-pane" id="registrosChequeo" role="tabpanel">
<div class="container-fluid" style="font-size: small;">
<button class="btn btn-light btn-sm mb-4 btnMaterialExtraño" type="button">CARGAR TABLA</button>
<div style="overflow-x: auto;">
<table class="table table-light table-striped table-hover" style="display: block;overflow-x: auto;border-radius: 1em; text-align:center; border: 5px solid transparent;" id="tblMaterialExtraño">
<thead>
<tr>
<th>#</th>
<th>#_registro</th>
<th style="min-width: 100px;">Fecha</th>
<th style="min-width: 150px;">Responsable</th>
<th>Cedula</th>
<th>Planta</th>
<th style="min-width:100px">Area</th>
<th>categoria</th>
<th>Aplica</th>
<th style="min-width:150px">Item</th>
<th style="min-width:200px">Observaciones</th>
<th>Porcentaje Item</th>
<th>porcentaje Categoria</th>
<th>Porcentaje Global</th>
<th>Aprobó</th>
</tr>
</thead>
<tbody></tbody>
</table>
</div>
</div>
</div>
</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="submit" name="formMaterialExtraño" id="controlEnviar" class="btn btn-light btn-lg shadow">
<i class='bx bx-send'></i> ENVIAR REPORTE
</button>
<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>
</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 type="text/javascript" src="https://rawcdn.githack.com/schmich/instascan-builds/master/instascan.min.js"></script>
<script src="../JS/reloj.js"></script>
<script src="../CONTROLTABLAS.JS/FOR-S-CCI-103.js"></script>
<script src="../INPUTS/FOR-S-CCI-103.js"></script>
</body>
</html>