From d9adfbae091008361049e1557cb5ae31022287a6 Mon Sep 17 00:00:00 2001
From: Soporte ZH Consultores <soporte@zh.com.pa>
Date: Thu, 4 Jun 2026 21:25:47 -0500
Subject: [PATCH] =?UTF-8?q?ui(home):=20horas=20y=20admin=20como=20m=C3=B3d?=
 =?UTF-8?q?ulos;=20quitar=20Directorio=20de=20Clientes?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

- Apps.catalog() ahora recibe isSocio y emite "Reporte de Horas"
  (todos) y "Panel de Control" (solo socios/admin)
- Eliminado el placeholder "Directorio de Clientes"
- Removidos los iconos de reloj y engranaje del header en home,
  tramites, escrituras, calendario, horas y admin (la navegación
  ahora pasa por las tarjetas del portal)
- Iconos clock y gear agregados a la función icon() del home
---
 public/index.php      | 12 +++---------
 src/Apps.php          | 27 +++++++++++++++++++--------
 views/admin.html      |  3 ---
 views/calendario.html | 14 --------------
 views/escrituras.html | 13 -------------
 views/horas.html      | 10 ----------
 views/tramites.html   | 13 -------------
 7 files changed, 22 insertions(+), 70 deletions(-)

diff --git a/public/index.php b/public/index.php
index ccc19fd..385b5a1 100644
--- a/public/index.php
+++ b/public/index.php
@@ -6,7 +6,7 @@ require_once __DIR__ . '/../src/Apps.php';
 
 $authed = Auth::isAuthenticated();
 $user   = $authed ? Auth::user() : ['email' => '', 'name' => ''];
-$apps   = $authed ? Apps::catalog() : [];
+$apps   = $authed ? Apps::catalog(Auth::isSocio()) : [];
 
 /**
  * Devuelve los eventos del día agrupados:
@@ -122,6 +122,8 @@ function icon(string $name): string {
         'briefcase' => '<rect x="2" y="7" width="20" height="14" rx="2"/><path d="M16 7V5a2 2 0 0 0-2-2h-4a2 2 0 0 0-2 2v2"/>',
         'calendar'  => '<rect x="3" y="4" width="18" height="18" rx="2"/><line x1="16" y1="2" x2="16" y2="6"/><line x1="8" y1="2" x2="8" y2="6"/><line x1="3" y1="10" x2="21" y2="10"/>',
         'users'     => '<path d="M17 21v-2a4 4 0 0 0-4-4H5a4 4 0 0 0-4 4v2"/><circle cx="9" cy="7" r="4"/><path d="M23 21v-2a4 4 0 0 0-3-3.87"/><path d="M16 3.13a4 4 0 0 1 0 7.75"/>',
+        'clock'     => '<circle cx="12" cy="12" r="10"/><polyline points="12 6 12 12 16 14"/>',
+        'gear'      => '<circle cx="12" cy="12" r="3"/><path d="M19.4 15a1.65 1.65 0 0 0 .33 1.82l.06.06a2 2 0 0 1 0 2.83 2 2 0 0 1-2.83 0l-.06-.06a1.65 1.65 0 0 0-1.82-.33 1.65 1.65 0 0 0-1 1.51V21a2 2 0 0 1-2 2 2 2 0 0 1-2-2v-.09A1.65 1.65 0 0 0 9 19.4a1.65 1.65 0 0 0-1.82.33l-.06.06a2 2 0 0 1-2.83 0 2 2 0 0 1 0-2.83l.06-.06a1.65 1.65 0 0 0 .33-1.82 1.65 1.65 0 0 0-1.51-1H3a2 2 0 0 1-2-2 2 2 0 0 1 2-2h.09A1.65 1.65 0 0 0 4.6 9a1.65 1.65 0 0 0-.33-1.82l-.06-.06a2 2 0 0 1 0-2.83 2 2 0 0 1 2.83 0l.06.06a1.65 1.65 0 0 0 1.82.33H9a1.65 1.65 0 0 0 1-1.51V3a2 2 0 0 1 2-2 2 2 0 0 1 2 2v.09a1.65 1.65 0 0 0 1 1.51 1.65 1.65 0 0 0 1.82-.33l.06-.06a2 2 0 0 1 2.83 0 2 2 0 0 1 0 2.83l-.06.06a1.65 1.65 0 0 0-.33 1.82V9a1.65 1.65 0 0 0 1.51 1H21a2 2 0 0 1 2 2 2 2 0 0 1-2 2h-.09a1.65 1.65 0 0 0-1.51 1z"/>',
     ];
     return $svgs[$name] ?? $svgs['document'];
 }
@@ -322,14 +324,6 @@ a{color:inherit;text-decoration:none;}
     </div>
   </div>
   <div style="display:flex;align-items:center;">
-    <a class="btn-clock" href="/horas/" title="Reporte de horas">
-      <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><circle cx="12" cy="12" r="10"/><polyline points="12 6 12 12 16 14"/></svg>
-    </a>
-    <?php if (Auth::isSocio()): ?>
-    <a class="btn-gear" href="/admin/" title="Panel de Control">
-      <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><circle cx="12" cy="12" r="3"/><path d="M19.4 15a1.65 1.65 0 0 0 .33 1.82l.06.06a2 2 0 0 1 0 2.83 2 2 0 0 1-2.83 0l-.06-.06a1.65 1.65 0 0 0-1.82-.33 1.65 1.65 0 0 0-1 1.51V21a2 2 0 0 1-2 2 2 2 0 0 1-2-2v-.09A1.65 1.65 0 0 0 9 19.4a1.65 1.65 0 0 0-1.82.33l-.06.06a2 2 0 0 1-2.83 0 2 2 0 0 1 0-2.83l.06-.06a1.65 1.65 0 0 0 .33-1.82 1.65 1.65 0 0 0-1.51-1H3a2 2 0 0 1-2-2 2 2 0 0 1 2-2h.09A1.65 1.65 0 0 0 4.6 9a1.65 1.65 0 0 0-.33-1.82l-.06-.06a2 2 0 0 1 0-2.83 2 2 0 0 1 2.83 0l.06.06a1.65 1.65 0 0 0 1.82.33H9a1.65 1.65 0 0 0 1-1.51V3a2 2 0 0 1 2-2 2 2 0 0 1 2 2v.09a1.65 1.65 0 0 0 1 1.51 1.65 1.65 0 0 0 1.82-.33l.06-.06a2 2 0 0 1 2.83 0 2 2 0 0 1 0 2.83l-.06.06a1.65 1.65 0 0 0-.33 1.82V9a1.65 1.65 0 0 0 1.51 1H21a2 2 0 0 1 2 2 2 2 0 0 1-2 2h-.09a1.65 1.65 0 0 0-1.51 1z"/></svg>
-    </a>
-    <?php endif; ?>
     <div class="user-chip">
       <div class="user-avatar"><?= htmlspecialchars(initials($user['name'] ?: $user['email'])) ?></div>
       <div class="user-info">
diff --git a/src/Apps.php b/src/Apps.php
index 9742a79..bb1b625 100644
--- a/src/Apps.php
+++ b/src/Apps.php
@@ -2,8 +2,8 @@
 declare(strict_types=1);
 
 final class Apps {
-    public static function catalog(): array {
-        return [
+    public static function catalog(bool $isSocio = false): array {
+        $apps = [
             [
                 'slug'        => 'escrituras',
                 'title'       => 'Control de Escrituras',
@@ -29,13 +29,24 @@ final class Apps {
                 'status'      => 'live',
             ],
             [
-                'slug'        => 'clientes',
-                'title'       => 'Directorio de Clientes',
-                'description' => 'Datos de contacto, sociedades vinculadas y matriz de KYC.',
-                'icon'        => 'users',
-                'href'        => '#',
-                'status'      => 'coming-soon',
+                'slug'        => 'horas',
+                'title'       => 'Reporte de Horas',
+                'description' => 'Horas invertidas por abogado y trámite, con filtros por rango de fechas y enlace al trámite.',
+                'icon'        => 'clock',
+                'href'        => '/horas/',
+                'status'      => 'live',
             ],
         ];
+        if ($isSocio) {
+            $apps[] = [
+                'slug'        => 'admin',
+                'title'       => 'Panel de Control',
+                'description' => 'Gestión de usuarios y roles, parámetros del sistema y registro de transacciones.',
+                'icon'        => 'gear',
+                'href'        => '/admin/',
+                'status'      => 'live',
+            ];
+        }
+        return $apps;
     }
 }
diff --git a/views/admin.html b/views/admin.html
index 99fd006..dad4c44 100644
--- a/views/admin.html
+++ b/views/admin.html
@@ -192,9 +192,6 @@ tr.is-me td { background:#FFFBEB; font-weight:500; }
       <div class="user-avatar" id="user-avatar">?</div>
       <span class="user-name" id="user-name">…</span>
     </div>
-    <a class="btn-clock" href="/horas/" title="Reporte de horas">
-      <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><circle cx="12" cy="12" r="10"/><polyline points="12 6 12 12 16 14"/></svg>
-    </a>
     <a class="btn-logout" href="/auth/logout.php" onclick="return confirm('¿Cerrar sesión?');">Cerrar sesión</a>
   </div>
 </header>
diff --git a/views/calendario.html b/views/calendario.html
index 2240d97..414d655 100644
--- a/views/calendario.html
+++ b/views/calendario.html
@@ -309,12 +309,6 @@ footer.legend .pill { display:inline-block; padding:2px 8px; border-radius:20px;
       <div class="user-avatar" id="user-avatar">?</div>
       <span class="user-name" id="user-name">…</span>
     </div>
-    <a class="btn-clock" href="/horas/" title="Reporte de horas">
-      <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><circle cx="12" cy="12" r="10"/><polyline points="12 6 12 12 16 14"/></svg>
-    </a>
-    <a class="btn-gear" href="/admin/" id="btn-gear" title="Panel de Control" style="display:none;">
-      <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><circle cx="12" cy="12" r="3"/><path d="M19.4 15a1.65 1.65 0 0 0 .33 1.82l.06.06a2 2 0 0 1 0 2.83 2 2 0 0 1-2.83 0l-.06-.06a1.65 1.65 0 0 0-1.82-.33 1.65 1.65 0 0 0-1 1.51V21a2 2 0 0 1-2 2 2 2 0 0 1-2-2v-.09A1.65 1.65 0 0 0 9 19.4a1.65 1.65 0 0 0-1.82.33l-.06.06a2 2 0 0 1-2.83 0 2 2 0 0 1 0-2.83l.06-.06a1.65 1.65 0 0 0 .33-1.82 1.65 1.65 0 0 0-1.51-1H3a2 2 0 0 1-2-2 2 2 0 0 1 2-2h.09A1.65 1.65 0 0 0 4.6 9a1.65 1.65 0 0 0-.33-1.82l-.06-.06a2 2 0 0 1 0-2.83 2 2 0 0 1 2.83 0l.06.06a1.65 1.65 0 0 0 1.82.33H9a1.65 1.65 0 0 0 1-1.51V3a2 2 0 0 1 2-2 2 2 0 0 1 2 2v.09a1.65 1.65 0 0 0 1 1.51 1.65 1.65 0 0 0 1.82-.33l.06-.06a2 2 0 0 1 2.83 0 2 2 0 0 1 0 2.83l-.06.06a1.65 1.65 0 0 0-.33 1.82V9a1.65 1.65 0 0 0 1.51 1H21a2 2 0 0 1 2 2 2 2 0 0 1-2 2h-.09a1.65 1.65 0 0 0-1.51 1z"/></svg>
-    </a>
     <a class="btn-logout" href="/auth/logout.php" onclick="return confirm('¿Cerrar sesión?');">Cerrar sesión</a>
   </div>
 </header>
@@ -474,14 +468,6 @@ let search    = '';
 let selected  = null;
 let authUser  = { email:'', name:'' };
 
-// Gear icon solo visible para socios (window.DONNA inyectado por Bootstrap)
-if (window.DONNA && window.DONNA.isSocio) {
-  document.addEventListener('DOMContentLoaded', () => {
-    const g = document.getElementById('btn-gear');
-    if (g) g.style.display = 'inline-flex';
-  });
-}
-
 function $(id){ return document.getElementById(id); }
 function esc(s){ return (s==null?'':String(s)).replace(/&/g,'&amp;').replace(/"/g,'&quot;').replace(/</g,'&lt;').replace(/>/g,'&gt;'); }
 function stripTime(d){ const o=new Date(d); o.setHours(0,0,0,0); return o; }
diff --git a/views/escrituras.html b/views/escrituras.html
index 70e80cc..0736f57 100644
--- a/views/escrituras.html
+++ b/views/escrituras.html
@@ -469,12 +469,6 @@ tr.editing-row td textarea.editable {
       <div class="user-avatar" id="user-avatar">?</div>
       <span class="user-name" id="user-name">Cargando…</span>
     </div>
-    <a class="btn-clock" href="/horas/" title="Reporte de horas">
-      <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><circle cx="12" cy="12" r="10"/><polyline points="12 6 12 12 16 14"/></svg>
-    </a>
-    <a class="btn-gear" href="/admin/" id="btn-gear" title="Panel de Control" style="display:none;">
-      <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><circle cx="12" cy="12" r="3"/><path d="M19.4 15a1.65 1.65 0 0 0 .33 1.82l.06.06a2 2 0 0 1 0 2.83 2 2 0 0 1-2.83 0l-.06-.06a1.65 1.65 0 0 0-1.82-.33 1.65 1.65 0 0 0-1 1.51V21a2 2 0 0 1-2 2 2 2 0 0 1-2-2v-.09A1.65 1.65 0 0 0 9 19.4a1.65 1.65 0 0 0-1.82.33l-.06.06a2 2 0 0 1-2.83 0 2 2 0 0 1 0-2.83l.06-.06a1.65 1.65 0 0 0 .33-1.82 1.65 1.65 0 0 0-1.51-1H3a2 2 0 0 1-2-2 2 2 0 0 1 2-2h.09A1.65 1.65 0 0 0 4.6 9a1.65 1.65 0 0 0-.33-1.82l-.06-.06a2 2 0 0 1 0-2.83 2 2 0 0 1 2.83 0l.06.06a1.65 1.65 0 0 0 1.82.33H9a1.65 1.65 0 0 0 1-1.51V3a2 2 0 0 1 2-2 2 2 0 0 1 2 2v.09a1.65 1.65 0 0 0 1 1.51 1.65 1.65 0 0 0 1.82-.33l.06-.06a2 2 0 0 1 2.83 0 2 2 0 0 1 0 2.83l-.06.06a1.65 1.65 0 0 0-.33 1.82V9a1.65 1.65 0 0 0 1.51 1H21a2 2 0 0 1 2 2 2 2 0 0 1-2 2h-.09a1.65 1.65 0 0 0-1.51 1z"/></svg>
-    </a>
     <button class="btn-logout" onclick="doLogout()">Cerrar sesión</button>
   </div>
 </header>
@@ -617,13 +611,6 @@ tr.editing-row td textarea.editable {
 <script src="https://cdnjs.cloudflare.com/ajax/libs/xlsx/0.18.5/xlsx.full.min.js"></script>
 <script>
 const ABOGADOS = (window.DONNA && window.DONNA.abogados) || ['Arias','Abrego','Lopez','Altafulla','Álvarez','Gutiérrez','Cedeño','Mariscal','Ávila','Agudo','Martínez','De Gracia','Góndola','González','Valdés'];
-// Gear icon visible solo para socios
-if (window.DONNA && window.DONNA.isSocio) {
-  document.addEventListener('DOMContentLoaded', () => {
-    const g = document.getElementById('btn-gear');
-    if (g) g.style.display = 'inline-flex';
-  });
-}
 const ESTATUS  = ['Solicitado','Recibido','En Proceso','Protocolizado','En Registro','Inscrito'];
 const API      = 'api.php';
 const POLL_MS  = 15000;
diff --git a/views/horas.html b/views/horas.html
index fabe32d..62cd70b 100644
--- a/views/horas.html
+++ b/views/horas.html
@@ -145,9 +145,6 @@ tr a.tramite-link:hover{color:var(--gold-d);text-decoration:underline;}
       <div class="user-avatar" id="user-avatar">?</div>
       <span class="user-name" id="user-name">…</span>
     </div>
-    <a class="btn-gear" href="/admin/" id="btn-gear" title="Panel de Control" style="display:none;">
-      <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><circle cx="12" cy="12" r="3"/><path d="M19.4 15a1.65 1.65 0 0 0 .33 1.82l.06.06a2 2 0 0 1 0 2.83 2 2 0 0 1-2.83 0l-.06-.06a1.65 1.65 0 0 0-1.82-.33 1.65 1.65 0 0 0-1 1.51V21a2 2 0 0 1-2 2 2 2 0 0 1-2-2v-.09A1.65 1.65 0 0 0 9 19.4a1.65 1.65 0 0 0-1.82.33l-.06.06a2 2 0 0 1-2.83 0 2 2 0 0 1 0-2.83l.06-.06a1.65 1.65 0 0 0 .33-1.82 1.65 1.65 0 0 0-1.51-1H3a2 2 0 0 1-2-2 2 2 0 0 1 2-2h.09A1.65 1.65 0 0 0 4.6 9a1.65 1.65 0 0 0-.33-1.82l-.06-.06a2 2 0 0 1 0-2.83 2 2 0 0 1 2.83 0l.06.06a1.65 1.65 0 0 0 1.82.33H9a1.65 1.65 0 0 0 1-1.51V3a2 2 0 0 1 2-2 2 2 0 0 1 2 2v.09a1.65 1.65 0 0 0 1 1.51 1.65 1.65 0 0 0 1.82-.33l.06-.06a2 2 0 0 1 2.83 0 2 2 0 0 1 0 2.83l-.06.06a1.65 1.65 0 0 0-.33 1.82V9a1.65 1.65 0 0 0 1.51 1H21a2 2 0 0 1 2 2 2 2 0 0 1-2 2h-.09a1.65 1.65 0 0 0-1.51 1z"/></svg>
-    </a>
     <a class="btn-logout" href="/auth/logout.php" onclick="return confirm('¿Cerrar sesión?');">Cerrar sesión</a>
   </div>
 </header>
@@ -265,13 +262,6 @@ function setUserChip(){
   $('user-name').title         = authUser.email;
 }
 
-if (IS_SOCIO) {
-  document.addEventListener('DOMContentLoaded', () => {
-    const g = $('btn-gear');
-    if (g) g.style.display = 'inline-flex';
-  });
-}
-
 function defaultDates(){
   const now = new Date();
   const first = new Date(now.getFullYear(), now.getMonth(), 1);
diff --git a/views/tramites.html b/views/tramites.html
index c271306..41e0500 100644
--- a/views/tramites.html
+++ b/views/tramites.html
@@ -166,12 +166,6 @@ tr.expanded>td{background:#fffdf5;}
       <div class="user-avatar" id="user-avatar">?</div>
       <span class="user-name" id="user-name">Cargando…</span>
     </div>
-    <a class="btn-clock" href="/horas/" title="Reporte de horas">
-      <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><circle cx="12" cy="12" r="10"/><polyline points="12 6 12 12 16 14"/></svg>
-    </a>
-    <a class="btn-gear" href="/admin/" id="btn-gear" title="Panel de Control" style="display:none;">
-      <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><circle cx="12" cy="12" r="3"/><path d="M19.4 15a1.65 1.65 0 0 0 .33 1.82l.06.06a2 2 0 0 1 0 2.83 2 2 0 0 1-2.83 0l-.06-.06a1.65 1.65 0 0 0-1.82-.33 1.65 1.65 0 0 0-1 1.51V21a2 2 0 0 1-2 2 2 2 0 0 1-2-2v-.09A1.65 1.65 0 0 0 9 19.4a1.65 1.65 0 0 0-1.82.33l-.06.06a2 2 0 0 1-2.83 0 2 2 0 0 1 0-2.83l.06-.06a1.65 1.65 0 0 0 .33-1.82 1.65 1.65 0 0 0-1.51-1H3a2 2 0 0 1-2-2 2 2 0 0 1 2-2h.09A1.65 1.65 0 0 0 4.6 9a1.65 1.65 0 0 0-.33-1.82l-.06-.06a2 2 0 0 1 0-2.83 2 2 0 0 1 2.83 0l.06.06a1.65 1.65 0 0 0 1.82.33H9a1.65 1.65 0 0 0 1-1.51V3a2 2 0 0 1 2-2 2 2 0 0 1 2 2v.09a1.65 1.65 0 0 0 1 1.51 1.65 1.65 0 0 0 1.82-.33l.06-.06a2 2 0 0 1 2.83 0 2 2 0 0 1 0 2.83l-.06.06a1.65 1.65 0 0 0-.33 1.82V9a1.65 1.65 0 0 0 1.51 1H21a2 2 0 0 1 2 2 2 2 0 0 1-2 2h-.09a1.65 1.65 0 0 0-1.51 1z"/></svg>
-    </a>
     <a class="btn-logout" href="/auth/logout.php" onclick="return confirm('¿Cerrar sesión?');">Cerrar sesión</a>
   </div>
 </header>
@@ -228,13 +222,6 @@ const CAN_CREATE = !!(window.DONNA && window.DONNA.canCreate);
 const CAN_DELETE = !!(window.DONNA && window.DONNA.canDelete);
 const IS_SOCIO   = !!(window.DONNA && window.DONNA.isSocio);
 let currentInvIds = new Set();
-// Mostrar gear icon si el usuario es socio
-if (IS_SOCIO) {
-  document.addEventListener('DOMContentLoaded', () => {
-    const g = document.getElementById('btn-gear');
-    if (g) g.style.display = 'inline-flex';
-  });
-}
 const PROVINCIAS = ['Bocas del Toro','Chiriquí','Coclé','Colón','Darién','Herrera','Los Santos','Panamá','Panamá Oeste','Veraguas','Comarca Ngäbe-Buglé','Comarca Guna Yala','Comarca Emberá-Wounaan'];
 const STATUS_MAP = {
   adm:  ['Solicitado','Recibido','En Proceso','Notificado','Recurso','Culminado','Facturado'],