diff --git a/assets/css/style.css b/assets/css/style.css index bfbee85..15ea737 100644 --- a/assets/css/style.css +++ b/assets/css/style.css @@ -215,4 +215,34 @@ h1, .h1 { border-radius: 8px; overflow: hidden; /* This is important to make border-radius work on tables */ border: 1px solid #dee2e6; -} \ No newline at end of file +} + +/* Submenu Styles */ +.sidebar .submenu { + display: none; + list-style: none; + padding-left: 20px; + background-color: #2c3e50; +} + +/* Show submenu when it has .show class or its parent .has-submenu is active */ +.sidebar .submenu.show, +.sidebar .nav-item.has-submenu.active > .submenu { + display: block; +} + +/* Keep the submenu open when the parent has the 'open' class (for JS toggle) */ +.sidebar .nav-item.open > .submenu { + display: block; +} + +.sidebar .submenu .nav-link { + padding-left: 35px; + color: #bdc3c7; /* Match main link color */ +} + +/* Style for the active link within the submenu */ +.sidebar .submenu .nav-link.active { + color: #fff; /* White color for active sub-item */ + font-weight: bold; +} diff --git a/layout_footer.php b/layout_footer.php index 0fde51f..3c219df 100644 --- a/layout_footer.php +++ b/layout_footer.php @@ -1,9 +1,30 @@ - + + - + \ No newline at end of file diff --git a/layout_header.php b/layout_header.php index 405fb37..e461b2e 100644 --- a/layout_header.php +++ b/layout_header.php @@ -80,23 +80,30 @@ $navItems = [ 'text' => 'Gestionar Productos', 'roles' => ['Administrador', 'admin'] ], - 'finanzas' => [ - 'url' => 'finanzas.php', + 'finanzas_group' => [ 'icon' => 'fa-dollar-sign', 'text' => 'Finanzas', - 'roles' => ['Administrador', 'admin'] - ], - 'recaudo_esperado' => [ - 'url' => 'recaudo_esperado.php', - 'icon' => 'fa-chart-line', - 'text' => 'Recaudo Esperado', - 'roles' => ['Administrador', 'admin'] - ], - 'rentabilidad' => [ - 'url' => 'rentabilidad.php', - 'icon' => 'fa-chart-pie', - 'text' => 'Rentabilidad de Producto', - 'roles' => ['Administrador', 'admin'] + 'roles' => ['Administrador', 'admin'], + 'submenu' => [ + 'finanzas' => [ + 'url' => 'finanzas.php', + 'icon' => 'fa-dollar-sign', + 'text' => 'Finanzas', + 'roles' => ['Administrador', 'admin'] + ], + 'recaudo_esperado' => [ + 'url' => 'recaudo_esperado.php', + 'icon' => 'fa-chart-line', + 'text' => 'Recaudo Esperado', + 'roles' => ['Administrador', 'admin'] + ], + 'rentabilidad' => [ + 'url' => 'rentabilidad.php', + 'icon' => 'fa-chart-pie', + 'text' => 'Rentabilidad de Producto', + 'roles' => ['Administrador', 'admin'] + ], + ] ], 'info_producto' => [ 'url' => 'info_producto.php', @@ -150,13 +157,45 @@ $navItems = [