File "FOR-S-CCI-38.php"
Full Path: C:/wamp64/www/CALIDADWEB/CALIDADWEB/FRONTED/HTML/FOR-S-CCI-38.php
File size: 25.43 KB
MIME-type: text/x-php
Charset: utf-8
<?php
require_once "../../BACKEND/conexiones/conexion.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-38</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">
<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 rel="stylesheet" type="text/css" href="https://cdn.datatables.net/v/bs5/dt-1.11.5/datatables.min.css" />
<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>
<script>
//FUNCION PARA PUNTOS DE DESINFECCION
function cambiarColor(selectElement) {
var valorSeleccionado = selectElement.value;
// Restablecer el color de fondo por defecto
selectElement.style.backgroundColor = ""; // Restaura el fondo predeterminado
// Aplicar el color según la opción seleccionada
if (valorSeleccionado === "CUMPLE") {
selectElement.style.backgroundColor = "lightgreen"; // Fondo verde para 'CUMPLE'
} else if (valorSeleccionado === "NO CUMPLE") {
selectElement.style.backgroundColor = "lightcoral"; // Fondo rojo para 'NO CUMPLE'
} else if (valorSeleccionado === "NO CUMPLE POR LIMPIEZA") {
selectElement.style.backgroundColor = "lightblue"; // Fondo amarillo para 'NO CUMPLE POR LIMPIEZA'
} else if (valorSeleccionado === "N/A") {
selectElement.style.backgroundColor = "gray"; // Fondo amarillo para 'NO APLICA'
}
}
</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;
}
/* Estilo para el contenedor general del formulario 95 que estaba oculto */
#roturaCondicion {
color: white;
display: block !important; /* Asegura que se muestre */
}
/* Ajuste para los tabs dentro del card-body */
.card-body .nav-tabs {
margin-bottom: 0 !important; /* Elimina el margen inferior extra si el body ya tiene padding */
}
.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="formControlDefectosCanal" method="POST" action="../../BACKEND/controller/FOR-S-CCI-38.php">
<div class="card shadow-lg" style="background-color: rgb(255, 138, 55); color: white;">
<div class="card-header border-bottom border-white">
<h5 class="text-center mt-2 mb-0">FOR-S-CCI-38-CONTROL DEFECTOS CANAL SALIDA CHILLER</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="sendDefectosChiller-tab" data-bs-toggle="tab" href="#sendDefectosChiller" role="tab">
<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">
<div class="section-container">
<div class="text-center mb-3">
<p class="mb-2" style="font-size: 18px; text-shadow: 2px 2px 4px rgba(0,0,0,0.3);">
<i class='bx bx-info-circle'></i> Se evalúan 100 canales por cada viaje
</p>
<p class="mb-0" style="font-size: 16px; text-shadow: 2px 2px 4px rgba(0,0,0,0.3);">
<i class='bx bx-error'></i> Los defectos "Baja Pigmentación" y "Parchudo" solo para Pollo Campesino
</p>
</div>
<div class="row g-3">
<div class="col-md-4">
<label for="granjas" class="form-label fw-bold">
<i class='bx bx-home'></i> GRANJAS
</label>
<select class="form-select" name="granjas" id="granjas" required>
<option value="" selected hidden>Seleccione...</option>
<?php
$consulta = "SELECT granjas FROM Granjas ORDER BY granjas ASC";
$resultado = mysqli_query($conexion, $consulta);
while ($fila = mysqli_fetch_assoc($resultado)) {
echo '<option value="' .
htmlspecialchars($fila["granjas"]) .
'">' .
htmlspecialchars($fila["granjas"]) .
"</option>";
}
?>
</select>
</div>
<div class="col-md-4">
<label for="controlViaje" class="form-label fw-bold">
<i class='bx bx-bus'></i> # VIAJE
</label>
<input type="number" class="form-control" name="controlViaje" id="controlViaje" placeholder="Número de viaje" min="1" required>
</div>
<div class="col-md-4">
<label for="tipoAve" class="form-label fw-bold">
<i class='bx bx-shield'></i> TIPO DE AVE
</label>
<select class="form-select" name="tipoAve" id="tipoAve" required>
<option value="" selected hidden>Seleccione...</option>
<?php
$vv = "SELECT * FROM tipo_ave";
$ave = mysqli_query($conexion, $vv);
while ($aves = mysqli_fetch_row($ave)) { ?>
<option value="<?php echo $aves[2]; ?>"><?php echo $aves[1]; ?></option>
<?php }
?>
</select>
</div>
</div>
</div>
<!-- DEFECTOS POR GRANJA -->
<div class="section-container" style="gap: 2rem;">
<div class="text-center mb-4">
<h5 class="bg-light text-dark p-2 rounded d-inline-block">
<i class='bx bx-error-circle'></i> DEFECTOS POR GRANJA
</h5>
</div>
<div class="row g-3">
<div class="col-md-4 col-lg-2">
<label for="decomisoParcial" class="form-label">Decomiso Parcial</label>
<input type="number" class="form-control defecto-granja" id="decomisoParcial" name="decomisoParcial" placeholder="0" min="0" max="100" >
</div>
<div class="col-md-4 col-lg-2">
<label for="pigmentacion" class="form-label">Baja Pigmentación</label>
<input type="number" class="form-control defecto-granja" id="pigmentacion" name="pigmentacion" placeholder="0" min="0" max="100" disabled>
</div>
<div class="col-md-4 col-lg-2">
<label for="hematomaPechuga" class="form-label">Hematoma Pechuga</label>
<input type="number" class="form-control defecto-granja" id="hematomaPechuga" name="hematomaPechuga" placeholder="0" min="0" max="100" >
</div>
<div class="col-md-4 col-lg-2">
<label for="hematomaPernil" class="form-label">Hematoma Pernil</label>
<input type="number" class="form-control defecto-granja" id="hematomaPernil" name="hematomaPernil" placeholder="0" min="0" max="100">
</div>
<div class="col-md-4 col-lg-2">
<label for="hematomaAla" class="form-label">Hematoma Ala</label>
<input type="number" class="form-control defecto-granja" id="hematomaAla" name="hematomaAla" placeholder="0" min="0" max="100" >
</div>
<div class="col-md-12 col-lg-2">
<label class="form-label">Porcentaje</label>
<input type="text" name="granjaPorcentaje" id="granjaPorcentaje" class="form-control percentage-display text-center fs-5" value="100.00%" readonly>
</div>
</div>
</div>
<!-- DEFICIENCIAS POR PROCESO -->
<div class="section-container">
<div class="text-center mb-4">
<h5 class="bg-light text-dark p-2 rounded d-inline-block">
<i class='bx bx-cog'></i> DEFICIENCIAS POR PROCESO
</h5>
</div>
<div class="row g-3">
<div class="col-md-4 col-lg-3">
<label for="parchudo" class="form-label">Parchudo</label>
<input type="number" class="form-control defecto-proceso" id="parchudo" name="parchudo" placeholder="0" min="0" max="100" disabled>
</div>
<div class="col-md-4 col-lg-3">
<label for="fracturaAla" class="form-label">Fractura en Ala</label>
<input type="number" class="form-control defecto-proceso" id="fracturaAla" name="fracturaAla" placeholder="0" min="0" max="100">
</div>
<div class="col-md-4 col-lg-3">
<label for="puntaAla" class="form-label">Punta Ala Roja</label>
<input type="number" class="form-control defecto-proceso" id="puntaAla" name="puntaAla" placeholder="0" min="0" max="100" >
</div>
<div class="col-md-4 col-lg-3">
<label for="canalViscera" class="form-label">Canal con Víscera</label>
<input type="number" class="form-control defecto-proceso" id="canalViscera" name="canalViscera" placeholder="0" min="0" max="100">
</div>
<div class="col-md-4 col-lg-3">
<label for="canalPlumas" class="form-label">Canal con Plumas</label>
<input type="number" class="form-control defecto-proceso" id="canalPlumas" name="canalPlumas" placeholder="0" min="0" max="100">
</div>
<div class="col-md-4 col-lg-3">
<label for="canalCuticula" class="form-label">Canal con Cutícula</label>
<input type="number" class="form-control defecto-proceso" id="canalCuticula" name="canalCuticula" placeholder="0" min="0" max="100" >
</div>
<div class="col-md-4 col-lg-3">
<label for="dañoEquipo" class="form-label">Daño por Equipo</label>
<input type="number" class="form-control defecto-proceso" id="dañoEquipo" name="dañoEquipo" placeholder="0" min="0" max="100" >
</div>
<div class="col-md-12 col-lg-3">
<label class="form-label">Porcentaje</label>
<input type="text" name="defectosPorcentaje" id="defectosPorcentaje" class="form-control percentage-display text-center fs-5" value="100.00%" readonly>
</div>
</div>
</div>
<!-- PORCENTAJE GLOBAL -->
<div class="section-container text-center">
<h4 class="mb-3">
<i class='bx bx-pie-chart-alt-2'></i> PORCENTAJE GLOBAL
</h4>
<input type="text" name="porcentajeGlobal" id="porcentajeGlobal" class="form-control percentage-display text-center mx-auto" style="max-width: 200px; font-size: 28px;" value="100.00%" readonly>
</div>
<!-- VERIFICACIÓN Y APROBACIÓN -->
<div class="section-container">
<div class="row g-3">
<div class="col-md-6">
<label for="canalVerificado" class="form-label fw-bold">
<i class='bx bx-check-circle'></i> VERIFICADO POR:
</label>
<input type="text" name="canalVerificado" id="canalVerificado" class="form-control" placeholder="Nombre de quien verificó" required>
</div>
<div class="col-md-6">
<label for="canalAprobo" class="form-label fw-bold">
<i class='bx bx-check-double'></i> APROBÓ:
</label>
<input type="text" name="canalAprobo" id="canalAprobo" class="form-control" placeholder="Nombre de quien aprobó" required>
</div>
</div>
</div>
</div>
<!-- TAB: CONSULTA -->
<div class="tab-pane fade" id="sendDefectosChiller" role="tabpanel" aria-labelledby="sendDefectosChiller-tab">
<div class="text-center mb-3">
<button class="btn btn-light btn-sm mb-4 btnDefectosCanal" type="button">CARGAR TABLA</button>
</button>
</div>
<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="tblDefectosCanal">
<thead>
<th scope="col">#</th>
<th scope="col" style="min-width:100px">Fecha</th>
<th scope="col">Granjas</th>
<th scope="col">Viaje</th>
<th scope="col">Tipo Ave</th>
<th scope="col">Defecto Granja</th>
<th scope="col">Cantidad</th>
<th scope="col">Porcentaje Granja</th>
<th scope="col">Deficiencia Proceso</th>
<th scope="col">Cantidad</th>
<th scope="col">Porcentaje Proceso</th>
<th scope="col">Porcentaje Global</th>
<th scope="col">Verificado</th>
<th scope="col">Aprobó</th>
</thead>
<tbody>
</tbody>
</table>
</div>
</div>
</div>
</div>
</div>
</div>
<!-- FOOTER -->
<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">
<div class="d-flex align-items-center justify-content-between">
<div>
<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>
</div>
<div class="col-md-6">
<div class="d-grid gap-2">
<button type="submit"
name="formControlDefectosCanal"
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>
<!-- Scripts -->
<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-38.js?v=<?php echo time(); ?>"></script>
<script src="../INPUTS/FOR-S-CCI-38.js"></script> </body>
<script src="../JS/permisos-global.js"></script>
</html>