import type { Metadata } from 'next';

import { getPortalSession } from '@/lib/portal/auth';
import { getPortalDashboard } from '@/lib/services/portal.service';
import { isPortalDisabledGlobally } from '@/lib/services/portal-auth.service';
import { PortalHeader } from '@/components/portal/portal-header';
import { PortalNav } from '@/components/portal/portal-nav';

export const metadata: Metadata = {
  title: {
    default: 'Client Portal',
    template: '%s | Client Portal',
  },
};

export default async function PortalLayout({ children }: { children: React.ReactNode }) {
  // Route-level kill switch. When every port has client_portal_enabled=false,
  // surface a clean "Portal not available" notice instead of letting the
  // login form render (it would just reject every submit with a confusing
  // ConflictError). Single-port deployments effectively get a global toggle
  // out of the admin System Settings UI.
  if (await isPortalDisabledGlobally()) {
    return (
      <div className="min-h-screen bg-gray-50 flex items-center justify-center px-4">
        <div className="max-w-md text-center space-y-3">
          <h1 className="text-2xl font-semibold text-gray-900">Client portal unavailable</h1>
          <p className="text-sm text-gray-600">
            The client portal isn&apos;t currently enabled for this site. If you were expecting to
            sign in here, please contact your account manager.
          </p>
        </div>
      </div>
    );
  }

  // This layout wraps all portal routes including login/verify
  // We can't easily check pathname in a server layout, so we attempt
  // to get the session and pass it down - login/verify pages handle their own
  // redirect logic independently.
  const session = await getPortalSession().catch(() => null);

  // For authenticated routes we need client info for the header.
  // If session is absent, children (login/verify pages) handle their own redirect.
  let clientName = '';
  let portName = 'Client Portal';
  let portLogoUrl: string | null = null;

  if (session) {
    const dashboard = await getPortalDashboard(session.clientId, session.portId).catch(() => null);
    if (dashboard) {
      clientName = dashboard.client.fullName;
      portName = dashboard.port.name;
      portLogoUrl = dashboard.port.logoUrl;
    }
  }

  return (
    <div className="min-h-screen bg-gray-50">
      {session && (
        <>
          <PortalHeader portName={portName} portLogoUrl={portLogoUrl} clientName={clientName} />
          <PortalNav />
        </>
      )}
      <main className={session ? 'max-w-5xl mx-auto px-4 sm:px-6 py-8' : ''}>{children}</main>
    </div>
  );
}