File "menu.php"

Full Path: C:/wamp64/www/AVIDOTAPP/views/dashboard/menu.php
File size: 11.27 KB
MIME-type: text/x-php
Charset: utf-8

 
Open Edit   Advanced Editor   Back 
<?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">
          &#169; 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>