File "FOR-S-CCI-71.php"
Full Path: C:/wamp64/www/CALIDADWEB/CALIDADWEB/FRONTED/HTML/FOR-S-CCI-71.php
File size: 21.98 KB
MIME-type: text/x-php
Charset: utf-8
<?php
// Asegúrate de que la sesión esté iniciada para acceder a $_SESSION["iduser"]
if (session_status() !== PHP_SESSION_ACTIVE) { session_start(); }
$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-70</title>
<link rel="shortcut icon" href="../CSS/style_main.css">
<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" integrity="sha384-0evHe/X+R7YkIZDRvuzKMRqM+OrBnVFBL6DOitfPri4tjfHxaWutUpFmBp4vmVor" crossorigin="anonymous">
<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">
<script>
const esUsuarioAdmin = <?php echo ($es_admin === true) ? 'true' : 'false'; ?>;
const usuarioActualNombre = "<?php echo htmlspecialchars($usuario_actual); ?>";
</script>
<style>
body {
background: linear-gradient(135deg, #ffcf4d 0%, #f8ae26 100%);
min-height: 100vh; /* Para que el fondo cubra toda la pantalla */
}
/* Estilos personalizados para el nuevo diseño */
.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 {
/* Estilo tomado de tu modal, asegurando la consistencia visual */
font-size: 0.9rem;
text-shadow: 1px 1px 5px black;
text-decoration: underline;
}
.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="formLimpiezaCuarto" method="POST" action="../../BACKEND/controller/FOR-S-CCI-70.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">
<div class="card-header-actions">
<h4 class="text-center mt-2 mb-0" style="text-shadow: 1px 1px 5px black;">FOR-S-CCI-70 - LIMPIEZA Y DESINFECCION DE CUARTOS</h4>
</div>
</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="bologna-list" role="tablist">
<li class="nav-item">
<a class="nav-link active" id="limpiezaC-tab" data-bs-toggle="tab" href="#limpiezaC"
role="tab" aria-controls="limpiezaC" aria-selected="true">
FORMATO DE REGISTRO
</a>
</li>
<li class="nav-item">
<a class="nav-link" id="sendlimpiezaC-tab" data-bs-toggle="tab" href="#sendlimpiezaC"
role="tab" aria-controls="sendlimpiezaC" aria-selected="false">
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="limpiezaC" role="tabpanel" aria-labelledby="limpiezaC-tab" required>
<h5 class="text-center mb-4" style="text-shadow: 1px 1px 5px black;">Registro de Limpieza y Desinfección</h5>
<hr class="mb-4" style="border-top: dotted 3px white;">
<div class="col-md-4 mb-3 ">
<legend>Planta</legend>
<select class="form-select" id="plantaliempieza" name="plantaliempieza" >
<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="row text-center align-items-baseline justify-content-center mb-4">
<div class="col-md-4 mb-3">
<label for="cuartoArea" class="form-label h6">ÁREA</label>
<select class="form-select form-select-lg text-black" name="cuartoArea" id="cuartoArea" required>
<option value="" selected hidden>Selecciona...</option>
<option value="ALMACENAMIENTO">ALMACENAMIENTO</option>
<option value="POSTPROCESO">POSTPROCESO</option>
<option value="FILETEO DE PAVOS">FILETEO DE PAVOS</option>
<option value="DESPACHOS">DESPACHOS</option>
<option value="L&D">L&D</option>
<option value="AMBIENTAL">AMBIENTAL</option>
<option value="CUARTOS DE ALMACENAMIENTO DE PT">CUARTOS DE ALMACENAMIENTO DE PT</option>
<option value="ENFRIAMIENTO Y EMPAQUE DE CANAL">ENFRIAMIENTO Y EMPAQUE DE CANAL</option>
<option value="CUARTO DE PRODUCTO EN PROCESO">CUARTO DE PRODUCTO EN PROCESO</option>
<option value="TERMOFORMADO">TERMOFORMADO</option>
<option value="LOTEO">LOTEO</option>
</select>
</div>
<div class="col-md-4 mb-3">
<label for="cuartoLugar" class="form-label h6">LUGAR</label>
<select class="form-select form-select-lg text-black" name="cuartoLugar" id="cuartoLugar" required>
<option value="" selected hidden>Selecciona...</option>
<option value="Tunel">Tunel 1 -8</option>
<option value="Cuarto">Cuarto</option>
<option value="Contenedor">Contenedor 3 -10</option>
<option value="Cuarto de Hielo">Cuarto de Hielo</option>
</select>
</div>
<div class="col-md-4 mb-3">
<label for="cuartoNumero" class="form-label h6">N°</label>
<select class="form-select form-select-lg text-black" name="cuartoNumero" id="cuartoNumero" required>
<option value="" selected hidden>Selecciona...</option>
<option value="1">1</option>
<option value="2">2</option>
<option value="3">3</option>
<option value="4">4</option>
<option value="5">5</option>
<option value="6">6</option>
<option value="7">7</option>
<option value="8">8</option>
<option value="9">9</option>
<option value="10">10</option>
<option value="11">11</option>
<option value="12">12</option>
<option value="13">13</option>
<option value="14">14</option>
<option value="15">15</option>
</select>
</div>
</div>
<fieldset class="p-3 border rounded mb-4" style="border: 2px solid black;">
<legend class="float-none w-auto px-3 h6" style="color:white; text-shadow: 1px 1px 5px black;">DETERGENTE</legend>
<div class="row text-center justify-content-center">
<div class="col-md-6 mb-3">
<label for="cuartoNombreDetergente" class="form-label">NOMBRE</label>
<input type="text" class="form-control text-black" name="cuartoNombreDetergente" id="cuartoNombreDetergente" value="Enforce LP" required>
</div>
<div class="col-md-6 mb-3">
<label for="cuartoConcentracionDetergente" class="form-label">CONCENTRACIÓN</label>
<input type="text" class="form-control text-black" name="cuartoConcentracionDetergente" id="cuartoConcentracionDetergente" value="3%" required>
</div>
</div>
</fieldset>
<fieldset class="p-3 border rounded mb-4" style="border: 2px solid black;">
<legend class="float-none w-auto px-3 h6" style="color:white; text-shadow: 1px 1px 5px black;">DESINFECTANTE</legend>
<div class="row text-center justify-content-center">
<div class="col-md-6 mb-3">
<label for="cuartoNombreDesinfectante" class="form-label">NOMBRE</label>
<select class="form-select text-black" name="cuartoNombreDesinfectante" id="cuartoNombreDesinfectante" required>
<option value="" selected hidden>Selecciona...</option>
<option value="Amonio Cuaternario">Amonio Cuaternario</option>
<option value="Acido Peracetico">Acido Peracetico</option>
</select>
</div>
<div class="col-md-6 mb-3">
<label for="cuartoConcentracionDesinfectante" class="form-label">CONCENTRACIÓN</label>
<input type="text" class="form-control text-black" name="cuartoConcentracionDesinfectante" id="cuartoConcentracionDesinfectante" value="200PPM" required>
</div>
</div>
</fieldset>
<div class="row text-center align-items-baseline mb-4">
<div class="col-md-4 mb-3">
<label for="cuartoLimpieza" class="form-label h6">ESTADO LIMPIEZA</label>
<select class="form-select form-select-lg text-black" name="cuartoLimpieza" id="cuartoLimpieza" onchange="cambiarColor(this)" required>
<option value="" selected hidden>Selecciona...</option>
<option value="Cumple">Cumple</option>
<option value="No Cumple">No Cumple</option>
</select>
</div>
<div class="col-md-8 mb-3">
<label for="cuartoAccion" class="form-label h6">CORRECTIVA/OBSERVACIONES</label>
<textarea class="form-control text-black" name="cuartoAccion" id="cuartoAccion" rows="2" required></textarea>
</div>
</div>
<div class="row text-center border-top pt-4 mt-3" style="border-color: white !important;">
<div class="col-md-6 mb-4">
<legend class="h6">RESPONSABLE</legend>
<canvas id="firmaVerificacionCuartosres" width="300" height="150"
style="border:1px solid; cursor:crosshair; background:white; touch-action:none"></canvas>
<input type="hidden" name="base64VerificacionCuartos" id="base64VerificacionCuartos">
<input type="button" class="btn btn-light btn-sm mt-2" id="clearBtnVerificacionCuartos" value="Borrar Firma">
</div>
<div class="col-md-6 mb-4">
<legend class="h6">VERIFICACIÓN</legend>
<canvas id="firmaVerificacionCuartveri" width="300" height="150"
style="border:1px solid; cursor:crosshair; background:white; touch-action:none"></canvas>
<input type="hidden" name="base64VerificacionCuartosveri" id="base64VerificacionCuartosveri" required>
<input type="button" class="btn btn-light btn-sm mt-2" id="clearBtnVerificacionveri" value="Borrar Firma">
</div>
</div>
<div class="row justify-content-center text-center">
<div class="col-md-6">
<label for="cuartoAprobo" class="form-label h6">APROBÓ</label>
<input type="text" name="cuartoAprobo" id="cuartoAprobo" class="form-control text-black" aria-describedby="helpId" required>
</div>
</div>
</div>
<div class="tab-pane fade" id="sendlimpiezaC" role="tabpanel" aria-labelledby="sendlimpiezaC-tab">
<div class="text-center mb-4">
<button class="btn btn-light btn-lg btnlimpiezaCuartos shadow-lg" type="button">
<i class='bx bx-table'></i> CARGAR TABLA DE REGISTROS
</button>
</div>
<div class="table-responsive">
<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="tblLimpiezaCuarto">
<thead style="vertical-align:revert;"> <tr>
<th scope="col">#</th>
<th scope="col" style="min-width:100px">Fecha</th>
<th scope="col" style="min-width:200px">Área</th>
<th scope="col">Lugar</th>
<th scope="col">N°</th>
<th scope="col" style="min-width:150px">Nombre Detergente</th>
<th scope="col" style="min-width:150px">Concentración Detergente</th>
<th scope="col" style="min-width:150px">Nombre Desinfectante</th>
<th scope="col" style="min-width:150px">Concentración Desinfectante</th>
<th scope="col">Limpieza</th>
<th scope="col" style="min-width:250px">Acción Correctiva</th>
<th scope="col">Responsable</th>
<th scope="col" style="min-width:150px">Verificado por</th>
<th scope="col">Aprobó</th>
</tr>
</thead>
<tbody>
</tbody>
</table>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="card-footer border-top border-white" id="footer1">
<div class="row align-items-center">
<div class="col-md-6 text-start 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 class="col-md-6 mt-3 mt-md-0 d-flex justify-content-md-center">
<div class="d-flex flex-column gap-2 w-100" style="max-width: 350px;">
<button type="submit" name="formLimpiezaCuarto" id="controlEnviar" class="btn btn-light btn-lg shadow-lg">
<i class='bx bx-send'></i> ENVIAR REPORTE
</button>
<button type="button"
class="btn btn-light"
id="cancelarGeneral"
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 src="../JS/reloj.js"></script>
<script src="../CONTROLTABLAS.JS/FOR-S-CCI-70.js"></script>
<script src="../INPUTS/FOR-S-CCI-70.js"></script>
<script src="../JS/permisos-global.js"></script>
</body>
</html>