File "FOR-S-CCI-20.php"
Full Path: C:/wamp64/www/CALIDADWEB/CALIDADWEB/FRONTED/HTML/FOR-S-CCI-20.php
File size: 25.59 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 ⬆️⬆️⬆️
require_once "../../BACKEND/conexiones/conexion.php";
?>
<!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-20</title>
<link rel="shortcut icon" href="../img/avic.jpeg">
<!-- LIBRERÍAS EXTERNAS -->
<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 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"></script>
<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>
/* ESTILOS GENERALES */
body {
background: linear-gradient(135deg, #ffcf4d 0%, #f8ae26 100%);
min-height: 100vh;
}
/* ESTILOS DEL FORMULARIO */
.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;
}
.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="forminspeccionCalidad" method="POST" action="../../BACKEND/controller/FOR-S-CCI-20.php">
<div class="card shadow-lg" style="background-color: rgb(255 138 55); color: white;">
<!-- ENCABEZADO -->
<div class="card-header border-bottom border-white mb-4">
<h5 class="text-center mt-2 mb-0">FOR-S-CCI-20-INSPECCIÓN CALIDAD PRODUCTO SEMI ELABORADO Y TERMINADO</h5>
</div>
<!-- NAVEGACIÓN DE TABS -->
<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="tabCalidad" role="tablist">
<li class="nav-item">
<button class="nav-link active" id="forminspeccionCalidad-tab" data-bs-toggle="tab" data-bs-target="#form-tap" type="button" role="tab">FORMATO</button>
</li>
<li class="nav-item">
<button class="nav-link" id="sendinspeccionCalidad-tab" data-bs-toggle="tab" data-bs-target="#sendinspeccionCalidad" type="button" role="tab">CONSULTAR CONTROL</button>
</li>
</ul>
</div>
<!-- CONTENIDO DE TABS -->
<div class="card-body" style="background-color: rgb(255 138 55);">
<div class="tab-content mt-3" id="myTabContent">
<!-- TAB 1: FORMATO -->
<div class="tab-pane fade show active" id="form-tap" role="tabpanel">
<div class="row g-3 mt-2">
<!-- SECCIÓN 1: DATOS BÁSICOS -->
<div class="col-md-4">
<i class='bx bx-time'></i>
<label class="form-label">Hora</label>
<input type="time" name="horaInspeccionCalidad" class="form-control">
</div>
<div class="col-md-8">
<label class="form-label">Área</label>
<select name="productoterminado" class="form-select">
<option value="" selected hidden>Seleccionar Area</option>
<option value="EMPAQUE DE VISCERAS">EMPAQUE DE VISCERAS</option>
<option value="EMPAQUE DE CANAL">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 POLLO">FILETEO DE PAVOS</option>
<option value="POST PROCESOS">POST PROCESOS</option>
<option value="DESPACHOS">DESPACHOS</option>
</select>
</div>
<div class="col-md-12">
<i class='bx bx-box'></i>
<label class="form-label">Producto</label>
<select name="productoInspeccionCalidad" id="productoInspeccionCalidad" class="form-select">
<option value="" selected hidden>Seleccionar Producto</option>
<?php
if(isset($conexion)){
$PRO = mysqli_query($conexion, "SELECT * FROM itemss");
while ($ITEM = mysqli_fetch_row($PRO)) {
echo "<option value='{$ITEM[1]} - {$ITEM[2]}'>{$ITEM[1]} - {$ITEM[2]}</option>";
}
}
?>
</select>
</div>
<div class="col-md-4">
<label class="form-label">Tipo De Ave</label>
<select name="tipoAveTerminado" class="form-select">
<option value="" selected hidden>Seleccionar Tipo Ave</option>
<?php
if(isset($conexion)){
$ave = mysqli_query($conexion, "SELECT * FROM tipo_ave");
while ($aves = mysqli_fetch_row($ave)) {
echo "<option value='{$aves[2]}'>{$aves[1]}</option>";
}
}
?>
</select>
</div>
<div class="col-md-4">
<i class='bx bx-barcode-reader'></i>
<label for="loteInspeccionCalidad">Lote Producto</label>
<input type="text" name="loteInspeccionCalidad" id="loteInspeccionCalidad" class="form-control" placeholder="Lote Producto">
</div>
<div class="col-md-4">
<i class='bx bx-calendar'></i>
<label for="fechaVencimientoCalidad">Fecha Vencimiento</label>
<input type="text" name="fechaVencimientoCalidad" id="fechaVencimientoCalidad" class="form-control" placeholder="Fecha Vencimiento">
</div>
<!-- SECCIÓN 2: INSPECCIÓN DEL PRODUCTO -->
<div class="col-md-12">
<label style="margin-top: 10px; display: block; text-align: center;">PRODUCTO</label>
<legend style="border-bottom: dotted;"></legend>
</div>
<div class="col-md-6">
<label for="dislocacionInspeccionCalidad">Dislocación o Fractura</label>
<input type="number" name="dislocacionInspeccionCalidad" id="dislocacionInspeccionCalidad" class="form-control" placeholder="Dislocacion O Fractura">
</div>
<div class="col-md-6">
<label for="residualInspeccionCalidad">Residual de Vísceras</label>
<input type="number" name="residualInspeccionCalidad" id="residualInspeccionCalidad" class="form-control" placeholder="Residual De Visceras">
</div>
<div class="col-md-6">
<label for="plumasInspeccionCalidad">Plumas</label>
<input type="number" name="plumasInspeccionCalidad" id="plumasInspeccionCalidad" class="form-control" placeholder="Plumas">
</div>
<div class="col-md-6">
<label for="pigmentacionInspeccionCalidad">Pigmentación</label>
<input type="number" name="pigmentacionInspeccionCalidad" id="pigmentacionInspeccionCalidad" class="form-control" placeholder="Pigmentacion">
</div>
<div class="col-md-6">
<label for="cuticulaInspeccionCalidad">Cutícula</label>
<input type="number" name="cuticulaInspeccionCalidad" id="cuticulaInspeccionCalidad" class="form-control" placeholder="Cuticula">
</div>
<div class="col-md-6">
<label for="hematomasInspeccionCalidad">Hematomas</label>
<input type="number" name="hematomasInspeccionCalidad" id="hematomasInspeccionCalidad" class="form-control" placeholder="Hematomas">
</div>
<!-- SECCIÓN 3: INSPECCIÓN DEL EMPAQUE -->
<div class="col-md-12">
<label style="margin-top: 10px; display: block; text-align: center;">EMPAQUE</label>
<legend style="border-bottom: dotted;"></legend>
</div>
<div class="col-md-4">
<label for="rotulacionCalidad">Rotulacion Incompleta</label>
<input type="number" name="rotulacionCalidad" id="rotulacionCalidad" class="form-control" placeholder="Cantidad">
</div>
<div class="col-md-4">
<label for="elementosInspeccionCalidad">Elemento Extraño</label>
<input type="number" name="elementosInspeccionCalidad" id="elementosInspeccionCalidad" class="form-control" placeholder="Elemento Extraño">
</div>
<div class="col-md-4">
<label for="embalajeIncorrectocalidad">Embalaje incorrecto</label>
<input type="number" name="embalajeIncorrectocalidad" id="embalajeIncorrectocalidad" class="form-control" placeholder="Elemento Extraño">
</div>
<div class="col-md-4">
<label for="trazabilidadInspeccionCalidad">Sin Trazabilidad</label>
<input type="number" name="trazabilidadInspeccionCalidad" id="trazabilidadInspeccionCalidad" class="form-control" placeholder="Sin Trazabilidad">
</div>
<div class="col-md-4">
<label for="rupturasInspeccionCalidad">Rupturas</label>
<input type="number" name="rupturasInspeccionCalidad" id="rupturasInspeccionCalidad" class="form-control" placeholder="Rupturas">
</div>
<div class="col-md-4">
<label for="lixiviadoInspeccionCalidad">Lixiviado</label>
<input type="number" name="lixiviadoInspeccionCalidad" id="lixiviadoInspeccionCalidad" class="form-control" placeholder="Lixiviado">
</div>
<div class="col-md-4">
<label for="selladoInspeccionCalidad">Mal Sellado</label>
<input type="number" name="selladoInspeccionCalidad" id="selladoInspeccionCalidad" class="form-control" placeholder="Mal Sellado">
</div>
<div class="col-md-4">
<label for="fueraInspeccionCalidad">Producto fuera de bandeja</label>
<input type="number" name="fueraInspeccionCalidad" id="fueraInspeccionCalidad" class="form-control" placeholder="Fuera de la bandeja">
</div>
<!-- SECCIÓN 4: RESULTADOS -->
<div class="row" style="margin-top:30px; justify-content:center">
<div class="col-md-4" style="margin-top:30px">
<label for="muestrasInspeccionCalidad">Total Muestras</label>
<input type="number" name="muestrasInspeccionCalidad" id="muestrasInspeccionCalidad" class="form-control" placeholder="Total Muestras" min="0" max="100">
</div>
<div class="col-md-4">
<label>Porcentaje de cumplimento</label>
<input id="progresoInspeccion" name="progresoInspeccion" type="number" class="form-control" placeholder="100%" disabled>
</div>
</div>
<input type="hidden" name="porcentajeInspeccion" id="porcentajeInspeccion" value="0">
<!-- SECCIÓN 5: RESPONSABLES Y OBSERVACIONES -->
<div class="col-md-6 mt-5">
<i class='bx bx-user'></i>
<label for="CalidadinspeccionCalidadProducto">RESPONSABLE DE INSPECCIÓN</label>
<input type="text" name="ResponsableinspeccionCalidadProducto" id="CalidadinspeccionCalidadProducto" class="form-control" style="height: 55px; width: 89%; text-align:center; font-size:30px; margin-top:5px">
</div>
<div class="col-md-6 mt-5">
<i class='bx bx-user'></i>
<label for="ObservacionesinspeccionCalidadProducto">OBSERVACIONES</label>
<textarea name="ObservacionesinspeccionCalidadProducto" id="ObservacionesinspeccionCalidadProducto" class="form-control" style="font-size: 120%; width: 100%; margin-top: 5px;"></textarea>
</div>
<div class="col-md-6 mt-5">
<i class='bx bx-user'></i>
<label for="aproboInspeccionCalidadProducto">APROBÓ</label>
<input type="text" name="aproboInspeccionCalidadProducto" id="aproboInspeccionCalidadProducto" class="form-control" style="height: 55px; width: 88%; text-align:center; font-size:30px; margin-top:5px">
</div>
</div>
</div>
<!-- TAB 2: CONSULTAR CONTROL -->
<div class="tab-pane fade" id="sendinspeccionCalidad" role="tabpanel" aria-labelledby="sendinspeccionCalidad-tab">
<button class="btn btn-light btn-sm mb-4 btnsendinspeccionCalidad" 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="tblinspeccionCalidad">
<thead style="vertical-align: middle;">
<tr>
<th scope="col">#</th>
<th scope="col">Hora</th>
<th scope="col" style="min-width:100px">Fecha</th>
<th scope="col" style="min-width:200px">Producto</th>
<th scope="col" style="min-width:100px">Area</th>
<th scope="col">Tipo De Ave</th>
<th scope="col">Lote Producto</th>
<th scope="col">Fecha Vencimiento</th>
<th scope="col">Rotulacion Incompleta</th>
<th scope="col">Dislocación o Fractura</th>
<th scope="col">Residual de Vísceras</th>
<th scope="col">Plumas</th>
<th scope="col">Pigmentación</th>
<th scope="col">Cutícula</th>
<th scope="col">Hematomas</th>
<th scope="col">Elemento Extraño</th>
<th scope="col">Embalaje extraño</th>
<th scope="col">Sin Trazabilidad</th>
<th scope="col">Rupturas</th>
<th scope="col">Lixiviado</th>
<th scope="col">Mal Sellado</th>
<th scope="col">Producto fuera bandeja</th>
<th scope="col">Total Muestras</th>
<th scope="col">Calidad Responsable</th>
<th scope="col" style="min-width:200px">Observaciones</th>
<th scope="col">Aprobó</th>
<th scope="col">Porcentaje</th>
</tr>
</thead>
<tbody>
</tbody>
</table>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<!-- PIE DE PÁGINA -->
<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="forminspeccionCalidad" 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>
<!-- SCRIPTS -->
<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/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>
$(document).ready(function() {
$('#productoInspeccionCalidad').select2({
width: '40%',
placeholder: "Seleccionar Producto",
allowClear: true
});
});
</script>
<script src="../JS/reloj.js"></script>
<script src="../CONTROLTABLAS.JS/FOR-S-CCI-20.js?v=<?php echo time(); ?>"></script>
<script src="../INPUTS/FOR-S-CCI-20.js"></script>
<script src="../JS/permisos-global.js"></script>
</body>
</html>