versao 5

assets/css/custom.css

@@ -21,8 +21,9 @@ body {
     background: #4C5958;
     color: #fff;
     transition: all 0.3s;
-    overflow-y: auto;
+    padding-bottom: 0; /* Allow profile to stick to bottom */
-    padding-bottom: 20px;
+    display: flex;
+    flex-direction: column;
 }
 
 #sidebar.mini {
@@ -50,6 +51,7 @@ body {
     background: #4C5958;
     text-align: center;
     border-bottom: 1px solid #5a6867;
+    flex-shrink: 0; /* Prevent header from shrinking */
 }
 
 .sidebar-header h3 {
@@ -63,8 +65,9 @@ body {
 /* Profile Section */
 .profile-section {
     padding: 15px 20px;
-    border-bottom: 1px solid #5a6867;
+    border-top: 1px solid #5a6867; /* Moved from bottom */
     color: white;
+    flex-shrink: 0; /* Prevent profile from shrinking */
 }
 .profile-section .dropdown-toggle {
     color: white;
@@ -103,6 +106,8 @@ body {
     list-style: none;
     padding: 10px 0;
     margin: 0;
+    flex-grow: 1; /* Allow menu to fill space */
+    overflow-y: auto; /* Add scroll if needed */
 }
 
 .menu-list a {
@@ -264,3 +269,32 @@ body {
         overflow: hidden;
     }
 }
+
+/* Sidebar Logo */
+.sidebar-logo {
+    max-width: 80%;
+    height: auto;
+    display: block;
+    margin: 0 auto 1rem;
+}
+
+#sidebar.mini .sidebar-logo {
+    display: none; /* Oculta o logo quando o menu está minimizado */
+}
+
+#sidebar.mini .sidebar-header {
+    padding: 10px 0;
+}
+
+/* Adiciona um ícone para substituir o logo quando minimizado */
+#sidebar.mini .sidebar-header::before {
+    content: '';
+    display: block;
+    width: 32px;
+    height: 32px;
+    margin: 0 auto;
+    background-image: url('../pasted-20251029-150345-2b427067.png');
+    background-size: contain;
+    background-repeat: no-repeat;
+    background-position: center;
+}

db/migrations/004_create_macro_areas_table.sql

@@ -0,0 +1,11 @@
+CREATE TABLE IF NOT EXISTS `macro_areas` (
+  `id` INT AUTO_INCREMENT PRIMARY KEY,
+  `nome` VARCHAR(255) NOT NULL,
+  `slug` VARCHAR(255) NOT NULL UNIQUE,
+  `descricao` TEXT,
+  `ativo` BOOLEAN NOT NULL DEFAULT TRUE,
+  `user_id` INT,
+  `created_at` TIMESTAMP DEFAULT CURRENT_TIMESTAMP,
+  `updated_at` TIMESTAMP DEFAULT CURRENT_TIMESTAMP ON UPDATE CURRENT_TIMESTAMP,
+  FOREIGN KEY (`user_id`) REFERENCES `users`(`id`) ON DELETE SET NULL
+) ENGINE=InnoDB DEFAULT CHARSET=utf8mb4;

includes/header.php

@@ -52,40 +52,25 @@ $unclassifiedCount = 5; // Example value
     <?php if (isset($_SESSION['user_id'])): ?>
     <nav id="sidebar">
         <div class="sidebar-header">
-            <h3>Concilia Fácil</h3>
+            <img src="assets/pasted-20251029-150345-2b427067.png" alt="Concilia Fácil Logo" class="sidebar-logo">
-        </div>
-
-        <div class="profile-section dropdown">
-             <a href="#" class="dropdown-toggle" id="dropdownUser1" data-bs-toggle="dropdown" aria-expanded="false">
-                <i data-lucide="user-circle"></i>
-                <div class="profile-text">
-                    <span class="username"><?php echo htmlspecialchars($first_name); ?></span>
-                    <span>Meu Perfil</span>
-                </div>
-            </a>
-            <ul class="dropdown-menu dropdown-menu-dark" aria-labelledby="dropdownUser1">
-                <li><a class="dropdown-item" href="profile.php">Ver Perfil</a></li>
-                <li><hr class="dropdown-divider"></li>
-                <li><a class="dropdown-item" href="logout.php">Sair</a></li>
-            </ul>
         </div>
 
         <ul class="list-unstyled menu-list">
             <!-- Cadastros Básicos -->
             <li class="menu-section">
-                <a href="#cadastrosSubmenu" data-bs-toggle="collapse" aria-expanded="false" class="dropdown-toggle">
+                <a href="#cadastrosSubmenu" data-bs-toggle="collapse" aria-expanded="true" class="dropdown-toggle">
                     <i data-lucide="folder-tree"></i>
                     <span class="menu-item-text">Cadastros Básicos</span>
                 </a>
-                <ul class="collapse list-unstyled sub-menu" id="cadastrosSubmenu">
+                <ul class="collapse show list-unstyled sub-menu" id="cadastrosSubmenu">
                     <!-- Plano de Contas -->
                     <li>
-                        <a href="#planoContasSubmenu" data-bs-toggle="collapse" aria-expanded="false" class="dropdown-toggle">
+                        <a href="#planoContasSubmenu" data-bs-toggle="collapse" aria-expanded="true" class="dropdown-toggle">
                             <i data-lucide="book-text"></i>
                             <span class="menu-item-text">Plano de Contas</span>
                         </a>
-                        <ul class="collapse list-unstyled sub-sub-menu" id="planoContasSubmenu">
+                        <ul class="collapse show list-unstyled sub-sub-menu" id="planoContasSubmenu">
-                            <li><a href="#"><span class="menu-item-text">Macro Áreas</span></a></li>
+                                                        <li><a href="macro_areas.php"><span class="menu-item-text">Macro Áreas</span></a></li>
                             <li><a href="#"><span class="menu-item-text">Categorias</span></a></li>
                             <li><a href="#"><span class="menu-item-text">Centro de Custo</span></a></li>
                             <li><a href="#"><span class="menu-item-text">Alocação do Plano</span></a></li>
@@ -93,11 +78,11 @@ $unclassifiedCount = 5; // Example value
                     </li>
                     <!-- Bancos -->
                     <li>
-                        <a href="#bancosSubmenu" data-bs-toggle="collapse" aria-expanded="false" class="dropdown-toggle">
+                        <a href="#bancosSubmenu" data-bs-toggle="collapse" aria-expanded="true" class="dropdown-toggle">
                             <i data-lucide="building-2"></i>
                             <span class="menu-item-text">Bancos</span>
                         </a>
-                        <ul class="collapse list-unstyled sub-sub-menu" id="bancosSubmenu">
+                        <ul class="collapse show list-unstyled sub-sub-menu" id="bancosSubmenu">
                             <li><a href="#"><span class="menu-item-text">Bancos</span></a></li>
                             <li><a href="#"><span class="menu-item-text">Tipo de Conta</span></a></li>
                             <li><a href="#"><span class="menu-item-text">Contas Bancárias</span></a></li>
@@ -107,11 +92,11 @@ $unclassifiedCount = 5; // Example value
                     </li>
                     <!-- Famílias -->
                     <li>
-                        <a href="#familiasSubmenu" data-bs-toggle="collapse" aria-expanded="false" class="dropdown-toggle">
+                        <a href="#familiasSubmenu" data-bs-toggle="collapse" aria-expanded="true" class="dropdown-toggle">
                             <i data-lucide="users"></i>
                             <span class="menu-item-text">Famílias</span>
                         </a>
-                        <ul class="collapse list-unstyled sub-sub-menu" id="familiasSubmenu">
+                        <ul class="collapse show list-unstyled sub-sub-menu" id="familiasSubmenu">
                             <li><a href="#"><span class="menu-item-text">Relações Familiares</span></a></li>
                             <li><a href="#"><span class="menu-item-text">Grupos Familiares</span></a></li>
                             <li><a href="#"><span class="menu-item-text">Composição Familiar</span></a></li>
@@ -119,11 +104,11 @@ $unclassifiedCount = 5; // Example value
                     </li>
                     <!-- Cartões de Crédito -->
                     <li>
-                        <a href="#cartoesSubmenu" data-bs-toggle="collapse" aria-expanded="false" class="dropdown-toggle">
+                        <a href="#cartoesSubmenu" data-bs-toggle="collapse" aria-expanded="true" class="dropdown-toggle">
                             <i data-lucide="credit-card"></i>
                             <span class="menu-item-text">Cartões de Crédito</span>
                         </a>
-                        <ul class="collapse list-unstyled sub-sub-menu" id="cartoesSubmenu">
+                        <ul class="collapse show list-unstyled sub-sub-menu" id="cartoesSubmenu">
                             <li><a href="#"><span class="menu-item-text">Bandeiras</span></a></li>
                             <li><a href="#"><span class="menu-item-text">Cartões de Crédito</span></a></li>
                         </ul>
@@ -133,11 +118,11 @@ $unclassifiedCount = 5; // Example value
 
             <!-- Despesas -->
             <li class="menu-section">
-                <a href="#despesasSubmenu" data-bs-toggle="collapse" aria-expanded="false" class="dropdown-toggle">
+                <a href="#despesasSubmenu" data-bs-toggle="collapse" aria-expanded="true" class="dropdown-toggle">
                     <i data-lucide="wallet"></i>
                     <span class="menu-item-text">Despesas</span>
                 </a>
-                <ul class="collapse list-unstyled sub-menu" id="despesasSubmenu">
+                <ul class="collapse show list-unstyled sub-menu" id="despesasSubmenu">
                     <li><a href="#"><span class="menu-item-text">Vencimento</span></a></li>
                     <li>
                         <a href="#">
@@ -155,15 +140,30 @@ $unclassifiedCount = 5; // Example value
 
             <!-- Análise de Dados -->
             <li class="menu-section">
-                <a href="#analiseSubmenu" data-bs-toggle="collapse" aria-expanded="false" class="dropdown-toggle">
+                <a href="#analiseSubmenu" data-bs-toggle="collapse" aria-expanded="true" class="dropdown-toggle">
                     <i data-lucide="bar-chart-2"></i>
                     <span class="menu-item-text">Análise de Dados</span>
                 </a>
-                <ul class="collapse list-unstyled sub-menu" id="analiseSubmenu">
+                <ul class="collapse show list-unstyled sub-menu" id="analiseSubmenu">
                     <li><a href="#"><span class="menu-item-text">Gráfico de Despesas por Áreas</span></a></li>
                 </ul>
             </li>
         </ul>
+
+        <div class="profile-section dropdown">
+             <a href="#" class="dropdown-toggle" id="dropdownUser1" data-bs-toggle="dropdown" aria-expanded="false">
+                <i data-lucide="user-circle"></i>
+                <div class="profile-text">
+                    <span class="username"><?php echo htmlspecialchars($first_name); ?></span>
+                    <span>Meu Perfil</span>
+                </div>
+            </a>
+            <ul class="dropdown-menu dropdown-menu-dark" aria-labelledby="dropdownUser1">
+                <li><a class="dropdown-item" href="profile.php">Ver Perfil</a></li>
+                <li><hr class="dropdown-divider"></li>
+                <li><a class="dropdown-item" href="logout.php">Sair</a></li>
+            </ul>
+        </div>
     </nav>
     <?php endif; ?>
 

macro_areas.php

@@ -0,0 +1,78 @@
+<?php
+require_once 'includes/session.php';
+require_once 'db/config.php';
+include_once 'includes/header.php';
+
+// Fetch macro areas from the database
+$pdo = db();
+$stmt = $pdo->query('SELECT * FROM macro_areas ORDER BY nome ASC');
+$macro_areas = $stmt->fetchAll(PDO::FETCH_ASSOC);
+
+?>
+
+<div class="container-fluid">
+    <!-- Page Heading -->
+    <div class="d-sm-flex align-items-center justify-content-between mb-4">
+        <h1 class="h3 mb-0 text-gray-800">Macro Áreas</h1>
+        <a href="#" class="btn btn-success btn-icon-split">
+            <span class="icon text-white-50">
+                <i class="fas fa-plus"></i>
+            </span>
+            <span class="text">Nova Macro Área</span>
+        </a>
+    </div>
+
+    <div class="card shadow mb-4">
+        <div class="card-header py-3">
+            <h6 class="m-0 font-weight-bold text-primary">Registros</h6>
+        </div>
+        <div class="card-body">
+            <div class="table-responsive">
+                <table class="table table-bordered" id="dataTable" width="100%" cellspacing="0">
+                    <thead>
+                        <tr>
+                            <th>Nome</th>
+                            <th>Descrição</th>
+                            <th>Status</th>
+                            <th>Ações</th>
+                        </tr>
+                    </thead>
+                    <tbody>
+                        <?php foreach ($macro_areas as $area): ?>
+                            <tr>
+                                <td><?php echo htmlspecialchars($area['nome']); ?></td>
+                                <td><?php echo htmlspecialchars($area['descricao']); ?></td>
+                                <td>
+                                    <?php if ($area['ativo']): ?>
+                                        <span class="badge badge-success">Ativo</span>
+                                    <?php else: ?>
+                                        <span class="badge badge-secondary">Arquivado</span>
+                                    <?php endif; ?>
+                                </td>
+                                <td>
+                                    <a href="#" class="btn btn-info btn-circle btn-sm">
+                                        <i class="fas fa-edit"></i>
+                                    </a>
+                                    <a href="#" class="btn btn-danger btn-circle btn-sm">
+                                        <i class="fas fa-trash"></i>
+                                    </a>
+                                </td>
+                            </tr>
+                        <?php endforeach; ?>
+                        <?php if (empty($macro_areas)): ?>
+                            <tr>
+                                <td colspan="4" class="text-center">Nenhuma macro área encontrada.</td>
+                            </tr>
+                        <?php endif; ?>
+                    </tbody>
+                </table>
+            </div>
+        </div>
+    </div>
+
+</div>
+<!-- /.container-fluid -->
+
+<?php
+include_once 'includes/footer.php';
+?>