<?php
// Aseguramos que las variables existan (vienen del controlador)
$userGrade = isset($userGrade) ? $userGrade : 0;
$usuario = isset($usuario) ? $usuario : 'Usuario';
?>
<!DOCTYPE html>
<html lang="es">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta name="author" content="Sebastian Obando">
<meta name="copyright" content="Sebastian Obando">
<title>Menú Principal - AVIDOTAPP</title>
<link rel="icon" type="image/png" href="assets/img/icono.png">
<!-- CSS -->
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.2/css/all.min.css">
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@4.0.0/dist/css/bootstrap.min.css">
<style>
/* Fondo degradado igual al original */
body {
height: 100vh;
background-image: linear-gradient(225deg, #d0101d, #752b2a);
margin: 0;
padding: 0;
}
/* Contenedor principal */
.wrapper {
display: flex;
align-items: center;
flex-direction: column;
justify-content: center;
width: 100%;
min-height: 100%;
padding: 20px;
}
.main-container {
border-radius: 20px;
background: #fff;
width: 100%;
max-width: 750px;
padding: 60px;
box-shadow: 10px 10px 20px 0 rgb(0 0 0 / 30%);
text-align: center;
}
/* Logo */
.img-fluid {
border-radius: 25px;
padding: 10px;
max-width: 100%;
height: auto;
}
/* Títulos */
h3 {
color: #333;
font-weight: bold;
margin: 20px 0;
}
/* Separadores */
hr {
color: black;
background-color: #a21e24;
height: 2px;
border: none;
}
/* Botones principales */
.btn.btn-outline-danger.btn-lg {
border-radius: 25px !important;
width: 100%;
margin-top: 5px;
margin-bottom: 5px;
padding: 20px;
border-color: #d0101d;
color: #d0101d;
transition: all 0.3s ease;
}
.btn.btn-outline-danger.btn-lg:hover {
background-color: #d0101d;
color: white;
transform: translateY(-2px);
box-shadow: 0 4px 8px rgba(0,0,0,0.2);
}
/* Botones deshabilitados */
.btn-disabled-custom {
background-color: #e0e0e0 !important;
color: #9e9e9e !important;
border-color: #bdbdbd !important;
cursor: not-allowed !important;
pointer-events: none;
opacity: 0.6;
}
.btn-disabled-custom:hover {
transform: none;
box-shadow: none;
}
/* Íconos */
.btn i {
display: block;
margin-bottom: 10px;
}
/* Copyright */
.copyright {
display: inline-block;
padding: 10px 15px;
background-color: #fafafa;
color: black;
border-radius: 4px;
font-size: 16px;
font-weight: bold;
margin-top: 20px;
}
/* Responsive */
@media (max-width: 768px) {
.main-container {
padding: 30px 20px;
max-width: 95%;
}
.btn.btn-outline-danger.btn-lg {
padding: 15px;
font-size: 14px;
}
.btn i {
font-size: 2rem !important;
}
}
</style>
</head>
<body>
<div class="wrapper">
<div class="main-container">
<!-- Logo -->
<div class="row text-center justify-content-center">
<div class="col-md-10 col-lg-6">
<img src="assets/img/Logo.png" class="img-fluid" alt="Logo Avicampo">
</div>
</div>
<!-- Título -->
<div class="row text-center justify-content-center">
<div class="col-md-12">
<h3>ENTREGA DE ELEMENTOS DE DOTACIÓN</h3>
</div>
</div>
<!-- Separador -->
<div class="row text-center justify-content-center">
<div class="col-md-12">
<hr>
</div>
</div>
<!-- Botones del menú -->
<div class="row text-center justify-content-center">
<!-- Crear Registro - Bloqueado para grado 3, 4 y 5 -->
<div class="col-md-4 col-sm-6 mb-3">
<a href="<?php echo ($userGrade != 3 && $userGrade != 4 && $userGrade != 5) ? 'index.php?controller=Registro&action=index' : '#'; ?>"
class="btn btn-lg <?php echo ($userGrade == 3 || $userGrade == 4 || $userGrade == 5) ? 'btn-disabled-custom' : 'btn-outline-danger'; ?>"
title="<?php echo ($userGrade == 3 || $userGrade == 4 || $userGrade == 5) ? 'Acceso restringido' : 'Crear Nuevo Registro'; ?>"
<?php echo ($userGrade == 3 || $userGrade == 4 || $userGrade == 5) ? 'onclick="mostrarAlerta(\'No tienes permisos para acceder a esta función\'); return false;"' : ''; ?>>
<i class="fa-solid fa-user-plus fa-3x" aria-hidden="true"></i>
<br><small>Crear Registro</small>
</a>
</div>
<!-- Ver Entregas - Bloqueado para grado 2 4 y 5 -->
<div class="col-md-4 col-sm-6 mb-3">
<a href="<?php echo ($userGrade != 2 && $userGrade != 4 && $userGrade != 5) ? 'index.php?controller=Entrega&action=index' : '#'; ?>"
class="btn btn-lg <?php echo ($userGrade == 2 || $userGrade == 4 || $userGrade == 5) ? 'btn-disabled-custom' : 'btn-outline-danger'; ?>"
title="<?php echo ($userGrade == 2 || $userGrade == 4 || $userGrade == 5) ? 'Acceso restringido' : 'Ver Entregas'; ?>"
<?php echo ($userGrade == 2 || $userGrade == 4 || $userGrade == 5) ? 'onclick="mostrarAlerta(\'No tienes permisos para acceder a esta función\'); return false;"' : ''; ?>>
<i class="fa-solid fa-shirt fa-3x" aria-hidden="true"></i>
<br><small>Entregas</small>
</a>
</div>
<!-- Firmar Entrega - Bloqueado para grado 2 y 5-->
<div class="col-md-4 col-sm-6 mb-3">
<a href="<?php echo ($userGrade != 2 && $userGrade != 5) ? 'index.php?controller=Firma&action=index' : '#'; ?>"
class="btn btn-lg <?php echo ($userGrade == 2 || $userGrade == 5) ? 'btn-disabled-custom' : 'btn-outline-danger'; ?>"
title="<?php echo ($userGrade == 2 || $userGrade == 5) ? 'Acceso restringido' : 'Firmar Entrega de Dotación'; ?>"
<?php echo ($userGrade == 2 || $userGrade == 5) ? 'onclick="mostrarAlerta(\'No tienes permisos para acceder a esta función\'); return false;"' : ''; ?>>
<i class="fa-solid fa-signature fa-3x" aria-hidden="true"></i>
<br><small>Firmar Entregas</small>
</a>
</div>
<!-- Consultar EPP - Bloqueado para grado 5-->
<div class="col-md-4 col-sm-6 mb-3">
<a href="<?php echo ($userGrade != 5) ? 'index.php?controller=Consulta&action=index' : '#'; ?>"
class="btn btn-lg <?php echo ($userGrade == 5) ? 'btn-disabled-custom' : 'btn-outline-danger'; ?>"
title="<?php echo ($userGrade == 5) ? 'Acceso restringido' : 'Consultar EPP'; ?>"
<?php echo ($userGrade == 5) ? 'onclick="mostrarAlerta(\'No tienes permisos para acceder a esta función\'); return false;"' : ''; ?>>
<i class="fa-solid fa-magnifying-glass fa-3x" aria-hidden="true"></i>
<br><small>Consultar EPP</small>
</a>
</div>
<!-- Entradas al Inventario - Bloqueado para grado 2, 3 y 5 -->
<div class="col-md-4 col-sm-6 mb-3">
<a href="<?php echo ($userGrade != 2 && $userGrade != 3 && $userGrade != 5) ? 'index.php?controller=Inventario&action=index' : '#'; ?>"
class="btn btn-lg <?php echo ($userGrade == 2 || $userGrade == 3 || $userGrade == 5) ? 'btn-disabled-custom' : 'btn-outline-danger'; ?>"
title="<?php echo ($userGrade == 2 || $userGrade == 3 || $userGrade == 5) ? 'Acceso restringido' : 'Entradas al Inventario'; ?>"
<?php echo ($userGrade == 2 || $userGrade == 3 || $userGrade == 5) ? 'onclick="mostrarAlerta(\'No tienes permisos para acceder a esta función\'); return false;"' : ''; ?>>
<i class="fa-solid fa-cart-plus fa-3x" aria-hidden="true"></i>
<br><small>Inventario</small>
</a>
</div>
<!-- Existencias - Bloqueado para grado 2, 3 y 5 -->
<div class="col-md-4 col-sm-6 mb-3">
<a href="<?php echo ($userGrade != 2 && $userGrade != 3 && $userGrade != 5) ? 'index.php?controller=Existencias&action=index' : '#'; ?>"
class="btn btn-lg <?php echo ($userGrade == 2 || $userGrade == 3 || $userGrade == 5) ? 'btn-disabled-custom' : 'btn-outline-danger'; ?>"
title="<?php echo ($userGrade == 2 || $userGrade == 3 || $userGrade == 5) ? 'Acceso restringido' : 'Existencias'; ?>"
<?php echo ($userGrade == 2 || $userGrade == 3 || $userGrade == 5) ? 'onclick="mostrarAlerta(\'No tienes permisos para acceder a esta función\'); return false;"' : ''; ?>>
<i class="fa-solid fa-list-check fa-3x" aria-hidden="true"></i>
<br><small>Existencias</small>
</a>
</div>
<!-- Histórico Total -->
<div class="col-md-4 col-sm-6 mb-3">
<a href="index.php?controller=Consulta&action=index"
class="btn btn-outline-danger btn-lg"
title="Consultar Histórico Dotación">
<i class="fa-solid fa-clock-rotate-left fa-3x"></i>
<br><small>Histórico Total</small>
</a>
</div>
<!-- Reportes Entregasst-->
<div class="col-md-4 col-sm-6 mb-3">
<a href="index.php?controller=Reporte&action=index"
class="btn btn-outline-danger btn-lg"
title="Reporte de Entrega de Dotación Empleado">
<i class="fa-solid fa-file-excel fa-3x"></i>
<br><small>Reporte de Entrega</small>
</a>
</div>
<!-- Cerrar Sesión -->
<div class="col-md-4 col-sm-6 mb-3">
<a href="index.php?controller=Auth&action=logout"
class="btn btn-outline-danger btn-lg"
title="Cerrar Sesión">
<i class="fa-solid fa-right-to-bracket fa-3x"></i>
<br><small>Cerrar Sesión</small>
</a>
</div>
</div>
<!-- Separador -->
<div class="row text-center justify-content-center">
<div class="col-md-12">
<hr>
</div>
</div>
<!-- Copyright -->
<div class="text-center">
<div class="copyright">
© Avicampo <?php echo date('Y'); ?>
</div>
</div>
</div>
</div>
<!-- Scripts -->
<script src="https://code.jquery.com/jquery-3.6.1.min.js"></script>
<script src="https://cdn.jsdelivr.net/npm/popper.js@1.12.9/dist/umd/popper.min.js"></script>
<script src="https://cdn.jsdelivr.net/npm/bootstrap@4.0.0/dist/js/bootstrap.min.js"></script>
<script src="https://unpkg.com/sweetalert2@7.19.3/dist/sweetalert2.all.js"></script>
<script>
// Función para mostrar alertas con SweetAlert
function mostrarAlerta(mensaje) {
swal({
title: 'Acceso Restringido',
text: mensaje,
type: 'warning',
confirmButtonText: 'Entendido'
});
}
</script>
</body>
</html>