'use client'; import { useState, useEffect } from 'react'; import Link from 'next/link'; interface User { name: string; email: string; role: string; } export default function Layout({ children }: { children: React.ReactNode }) { const [mobileMenuOpen, setMobileMenuOpen] = useState(false); const [user, setUser] = useState(null); const [loading, setLoading] = useState(true); useEffect(() => { // Fetch user info from dashboard API (which includes user data) fetch('/api/dashboard', { method: 'GET', credentials: 'include', headers: { 'Accept': 'application/json', 'Content-Type': 'application/json', }, }) .then((res) => { if (res.ok) { return res.json(); } return null; }) .then((data) => { if (data && data.user) { setUser(data.user); } }) .catch(() => { // Silently fail - user info is optional }) .finally(() => { setLoading(false); }); }, []); const handleLogout = async () => { // #region agent log fetch('http://127.0.0.1:7243/ingest/32873bf1-8708-4426-8b67-6fb5a9a24211',{method:'POST',headers:{'Content-Type':'application/json'},body:JSON.stringify({location:'Layout.tsx:46',message:'Logout button clicked',data:{timestamp:Date.now()},sessionId:'debug-session',runId:'run1',hypothesisId:'H4'})}).catch(()=>{}); // #endregion try { // Clear any cached user data immediately setUser(null); const response = await fetch('/api/logout', { method: 'POST', credentials: 'include', headers: { 'Accept': 'application/json', 'Content-Type': 'application/json', }, }); // #region agent log fetch('http://127.0.0.1:7243/ingest/32873bf1-8708-4426-8b67-6fb5a9a24211',{method:'POST',headers:{'Content-Type':'application/json'},body:JSON.stringify({location:'Layout.tsx:55',message:'Logout API response',data:{status:response.status,ok:response.ok},sessionId:'debug-session',runId:'run1',hypothesisId:'H4'})}).catch(()=>{}); // #endregion console.log('Logout response:', { status: response.status, ok: response.ok }); } catch (error) { // #region agent log fetch('http://127.0.0.1:7243/ingest/32873bf1-8708-4426-8b67-6fb5a9a24211',{method:'POST',headers:{'Content-Type':'application/json'},body:JSON.stringify({location:'Layout.tsx:62',message:'Logout error',data:{error:error instanceof Error?error.message:'unknown'},sessionId:'debug-session',runId:'run1',hypothesisId:'H4'})}).catch(()=>{}); // #endregion console.error('Logout failed:', error); } finally { // Redirect to Laravel login page (port 8890) instead of Next.js login (port 3000) // The Laravel backend handles authentication at property-app:8890 window.location.href = 'https://property-app:8890/login'; } }; const getUserInitials = (name: string) => { return name .split(' ') .map((n) => n[0]) .join('') .toUpperCase() .slice(0, 2); }; const getRoleDisplayName = (role: string) => { const roleMap: Record = { manager: 'Manager', service_manager: 'Service Manager', service_tech: 'Service Tech', admin: 'Administrator', }; return roleMap[role] || role; }; return (
{/* Navigation */} {/* Main Content */} {children}
); }