@php
   // Resolución de Usuario y Tema Dinámico
   $user = Auth::guard('admin')->user() ?? Auth::guard('web')->user() ?? Auth::user();
  
   $convertColor = function($color) {
       if (empty($color)) return null;
       if (str_starts_with($color, '#')) return $color;
       if (str_starts_with($color, '0x')) return '#' . substr($color, -6);
       return $color;
   };


   $getContrastColor = function($hex) {
        if(!$hex) return '#ffffff';
        $hex = str_replace('#', '', $hex);
        if(strlen($hex) == 3) $hex = $hex[0].$hex[0].$hex[1].$hex[1].$hex[2].$hex[2];
        $r = hexdec(substr($hex, 0, 2));
        $g = hexdec(substr($hex, 2, 2));
        $b = hexdec(substr($hex, 4, 2));
        $yiq = (($r * 299) + ($g * 587) + ($b * 114)) / 1000;
        return ($yiq >= 128) ? '#0f172a' : '#ffffff';
   };


   // --- CONSULTA DINÁMICA DE COLORES DEL DUEÑO DE LA EMPRESA (Sincronización Móvil) ---
   $ownerColorPreferido = null;
   $ownerColorFondoPreferido = null;
   if ($user && !empty($user->empresa_id)) {
       try {
           $ownerProfileIds = \Illuminate\Support\Facades\DB::table('dbo.Seguridad_Perfiles')
               ->where('empresa_id', $user->empresa_id)
               ->where('nombre', 'LIKE', '%DUEÑO%')
               ->pluck('id_perfil');


           if ($ownerProfileIds->isNotEmpty()) {
               $ownerUser = \Illuminate\Support\Facades\DB::table('dbo.Seguridad_Usuarios')
                   ->where('empresa_id', $user->empresa_id)
                   ->whereIn('perfil_id', $ownerProfileIds)
                   ->first();


               if ($ownerUser) {
                   $ownerColorPreferido = $ownerUser->color_preferido;
                   $ownerColorFondoPreferido = $ownerUser->color_fondo_preferido;
                  
                   \Illuminate\Support\Facades\Log::info("CHISMOSO: Colores del DUEÑO aplicados para {$user->email} - Principal: {$ownerColorPreferido}, Fondo: {$ownerColorFondoPreferido}");
               }
           }
       } catch (\Exception $e) {
           \Illuminate\Support\Facades\Log::error("CHISMOSO ERROR: Falló la consulta de colores del dueño: " . $e->getMessage());
       }
   }


   $panelColor = $convertColor($ownerColorPreferido ?? $user->color_preferido ?? null) ?? '#020617';
   $bgColor = $convertColor($ownerColorFondoPreferido ?? $user->color_fondo_preferido ?? null) ?? '#f8fafc';
  
   $textColor = $getContrastColor($bgColor);
   $isDark = ($textColor === '#ffffff');
   $bgPage = $bgColor;
   $accentColor = $panelColor;


   if ($panelColor === '#020617' || $panelColor === '#000000') {
       $accentColor = '#ef4444';
   }


   if ($isDark) {
       $bgCard = 'color-mix(in srgb, '.$bgColor.', white 2%)';
       $bgSurface = 'color-mix(in srgb, '.$bgColor.', white 5%)';
       $textMain = '#ffffff';
       $textMuted = '#94a3b8';
       $borderColor = 'rgba(255,255,255,0.05)';
       $shadowColor = 'rgba(0,0,0,0.8)';
   } else {
       $bgCard = 'rgba(255, 255, 255, 0.95)';
       $bgSurface = '#f8fafc';
       $textMain = '#0f172a';
       $textMuted = '#64748b';
       $borderColor = '#e2e8f0';
       $shadowColor = 'rgba(148, 163, 184, 0.15)';
   }


   // --- VERIFICACIÓN DE SESIÓN GLOBAL ---
   $isSessionTerminated = false;
   if ($user) {
       $user_id = $user->id_usuario ?? $user->id ?? 'desconocido';
       $user_email = $user->email ?? 'sin correo';
      
       \Illuminate\Support\Facades\Log::info("CHISMOSO: Verificando sesión en panel.blade.php para el usuario: {$user_email} (ID: {$user_id})");
      
       try {
           $sessionExists = \Illuminate\Support\Facades\DB::table('dbo.Seguridad_Sesiones')
               ->where('usuario_id', $user_id)
               ->exists();
              
           \Illuminate\Support\Facades\Log::info("CHISMOSO: ¿Existe la sesión activa de {$user_email} en dbo.Seguridad_Sesiones? " . ($sessionExists ? 'SÍ' : 'NO (Tabla vacía o registro eliminado)'));
       } catch (\Exception $e) {
           \Illuminate\Support\Facades\Log::error("CHISMOSO ERROR: Falló la consulta a dbo.Seguridad_Sesiones en la base de datos: " . $e->getMessage());
       }
      
       // MODIFICACIÓN SEGURA: Ignoramos el bloqueo forzando a false para que deje pasar normalmente en desarrollo
       $isSessionTerminated = false;
       \Illuminate\Support\Facades\Log::info("CHISMOSO: Dejando pasar a {$user_email} normalmente (Verificación de sesión omitida para desarrollo)");
   }
@endphp
<!DOCTYPE html>
<html lang="es">
<head>
   <meta charset="UTF-8">
   <meta name="viewport" content="width=device-width, initial-scale=1.0">
   <meta name="csrf-token" content="{{ csrf_token() }}">
   <title>@yield('title', 'Piter System')</title>
  
   <script src="https://cdn.tailwindcss.com"></script>
   <script src="https://unpkg.com/lucide@latest"></script>
   <script src="https://cdn.jsdelivr.net/npm/chart.js"></script>


   <script>
       tailwind.config = {
           theme: {
               extend: {
                   fontFamily: { sans: ['"Plus Jakarta Sans"', 'sans-serif'] },
                   colors: {
                       brand: { blue: '#194B95', red: '#E21C21' }
                   }
               }
           }
       }
   </script>


   @vite(['src/assets/css/app.css', 'src/assets/css/management.css', 'src/assets/js/app.js'])
  
   <style>
       :root {
           --theme-bg-page: {{ $bgPage }};
           --theme-bg-card: {{ $bgCard }};
           --theme-bg-surface: {{ $bgSurface }};
           --theme-text-main: {{ $textMain }};
           --theme-text-muted: {{ $textMuted }};
           --theme-border: {{ $borderColor }};
           --theme-shadow: {{ $shadowColor }};
           --theme-accent: {{ $accentColor }};
           --theme-accent-soft: color-mix(in srgb, var(--theme-accent), transparent 90%);
          
           /* Compatibilidad legacy */
           --brand-red: var(--theme-accent) !important;
       }
   </style>
   @stack('styles')
</head>
<body class="flex flex-col bg-[var(--theme-bg-page)] text-[var(--theme-text-main)] min-h-screen">


   {{-- BLOQUEO DE SESIÓN TERMINADA: MANTENIMIENTO DEL ESTADO PREMIUM --}}
   @if($isSessionTerminated && $user)
       <div id="globalSessionAlert" class="fixed inset-0 z-[100000] bg-[var(--theme-bg-page)] flex flex-col items-center justify-center p-6 text-center animate-in fade-in duration-700 select-none overflow-hidden">
          
           {{-- Fondo Decorativo (Glow) --}}
           <div class="absolute top-1/2 left-1/2 -translate-x-1/2 -translate-y-1/2 w-[600px] h-[600px] bg-[var(--theme-accent)]/{{ $isDark ? '10' : '5' }} rounded-full blur-[120px] pointer-events-none"></div>


           {{-- Branding Superior --}}
           <div class="flex items-center gap-3 mb-16 animate-in slide-in-from-top-4 duration-700 delay-150">
               <img src="{{ asset('images/logopiter.png') }}" alt="Logo" class="w-14 h-14 object-contain drop-shadow-[0_0_15px_rgba(255,255,255,0.1)]">
               <div class="flex flex-col text-left">
                   <h2 class="text-3xl font-[1000] text-[var(--theme-text-main)] tracking-tighter leading-none">PITER!</h2>
                   <span class="text-[10px] text-[var(--theme-text-muted)] tracking-[0.4em] uppercase font-black">Elite System</span>
               </div>
           </div>


           {{-- Icon Zone - Replicando el círculo punteado irregular de la imagen --}}
           <div class="relative mb-12 animate-in zoom-in-95 duration-500 delay-300">
               <div class="relative w-32 h-32 flex items-center justify-center">
                   {{-- Círculo Punteado Irregular (SVG) --}}
                   <svg class="absolute inset-0 w-full h-full text-[var(--theme-accent)]/{{ $isDark ? '40' : '20' }} animate-[spin_30s_linear_infinite]" viewBox="0 0 100 100">
                       <path d="M50 5 C75 5, 95 25, 95 50 C95 75, 75 95, 50 95 C25 95, 5 75, 5 50 C5 25, 25 5, 50 5"
                             fill="none"
                             stroke="currentColor"
                             stroke-width="1.5"
                             stroke-dasharray="6 4"
                             class="opacity-60" />
                   </svg>
                   {{-- Icono Central (Escudo/Candado - Usando SVG crudo para evitar dependencia de JS con window.stop) --}}
                   <div class="relative w-24 h-24 bg-[var(--theme-bg-card)] rounded-[2.5rem] flex items-center justify-center shadow-2xl border border-[var(--theme-border)] backdrop-blur-sm">
                       <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="w-11 h-11 text-[var(--theme-accent)] opacity-90 drop-shadow-[0_0_10px_var(--theme-accent)]">
                           <path d="M12 22s8-4 8-10V5l-8-3-8 3v7c0 6 8 10 8 10z"></path>
                           <line x1="4.7" y1="4.7" x2="19.3" y2="19.3"></line>
                       </svg>
                   </div>
               </div>
           </div>


           {{-- Text content --}}
           <div class="max-w-md space-y-5 mb-14 animate-in slide-in-from-bottom-4 duration-700 delay-500">
               <h3 class="text-4xl font-[1000] text-[var(--theme-text-main)] uppercase tracking-[0.05em] leading-none mb-2">Acceso Revocado</h3>
              
               {{-- Línea Naranja de la imagen --}}
               <div class="h-1.5 w-14 bg-[var(--theme-accent)] mx-auto rounded-full shadow-lg shadow-[var(--theme-accent)]/{{ $isDark ? '40' : '20' }}"></div>
              
               <p class="text-[var(--theme-text-muted)] font-bold uppercase text-[11px] lg:text-[12px] tracking-[0.12em] leading-relaxed px-8 opacity-90">
                   Tu sesión ha sido finalizada remotamente por administración o ha expirado el tiempo de conexión segura.
               </p>
           </div>
          
           {{-- Action - Botón Estilo Naranja de la Imagen --}}
           <form action="{{ route('logout') }}" method="POST" class="animate-in fade-in zoom-in-95 duration-700 delay-700 w-full max-w-xs">
               @csrf
               <button type="submit" class="w-full relative px-10 py-5 bg-[var(--theme-accent)] text-white rounded-full font-[1000] shadow-2xl shadow-[var(--theme-accent)]/{{ $isDark ? '40' : '20' }} uppercase tracking-[0.25em] text-[12px] hover:brightness-110 hover:-translate-y-1 transition-all active:scale-95 flex items-center justify-center gap-3">
                   <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="3" stroke-linecap="round" stroke-linejoin="round" class="w-4 h-4">
                       <path d="m3 9 9-7 9 7v11a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2z"></path>
                       <polyline points="9 22 9 12 15 12 15 22"></polyline>
                   </svg>
                   Volver al Inicio
               </button>
           </form>


           <script>window.stop();</script>
       </div>
   @endif


   @include('components.navigation')


   <main class="flex-1 flex flex-col pt-24 lg:pt-32 min-h-screen w-full max-w-[1920px] mx-auto relative px-4 md:px-8 pb-12">
       @yield('content')
   </main>


   <script>
       lucide.createIcons();
      
       // Lógica para dropdowns
       function toggleDrop(id) {
           const panel = document.getElementById(id);
           document.querySelectorAll('.notif-panel, .cyber-dropdown').forEach(p => {
               if(p.id !== id) p.classList.remove('active');
           });
           if(panel) panel.classList.toggle('active');
       }


       window.addEventListener('click', function(e) {
           if (!e.target.closest('.relative')) {
               document.querySelectorAll('.notif-panel').forEach(p => p.classList.remove('active'));
           }
       });
   </script>


   @if($user && !$isSessionTerminated)
   <script>
       // ESCUCHA DE SESIÓN EN TIEMPO REAL
       window.addEventListener('DOMContentLoaded', () => {
           if (window.Echo) {
               window.Echo.private('user.{{ $user->id_usuario }}')
                   .listen('.session.terminated', (e) => {
                       console.warn('Sesión terminada remotamente');
                       // Recarga obligatoria para activar el bloqueo de PHP
                       location.reload();
                   });
           }
       });
   </script>
   @endif


   @stack('scripts')
</body>
</html>