import { Navbar, NavbarBrand, NavbarContent, NavbarItem, Link, Button } from "@nextui-org/react";
// import { Image } from "@nextui-org/image";
import Image from "next/image";
import LangNav from "./LangNav";



export default function NavBar({ dict, lang }: { dict: any; lang: string }) {
  return (
    <Navbar className="bg-achi-blue  text-primary">
      <NavbarBrand>
        {/* <p className="font-bold text-inherit">ACHI</p> */}
        {/* <Image alt="whatsapp" width={50} height={50} src="/images/whatsapp-white.png" /> */}
      </NavbarBrand>
      <NavbarContent className="hidden sm:flex gap-[4em]" justify="center">
        <NavbarItem className="flex align-center">
            <span className="material-symbols-outlined mr-2">
            location_on
            </span>
            {dict.header.Lebanon}
        </NavbarItem>
        <NavbarItem className="flex align-center">
            <Link href="#" aria-current="page">
                <span className="material-symbols-outlined mr-2">
                    mail
                </span> 
                <span>
                    prego@achiponteggi.it
                </span>
            </Link>
        </NavbarItem>
        <NavbarItem>
          <Link href="#">
            <Image width={50} height={50} src="/images/whatsapp-white.png" alt="whatsapp"/>
          </Link>
        </NavbarItem>
      </NavbarContent>
      <NavbarContent justify="end">
        <NavbarItem>
            <LangNav dict={dict} lang={lang} />
        </NavbarItem>
      </NavbarContent>
    </Navbar>
  );
}

import { NextResponse, type NextRequest } from "next/server";
import { defaultLocale } from "@/constants/locales";
import { i18n } from "@/i18n-config";

export function middleware(request: NextRequest) {
  // Check if there is any supported locale in the pathname
  const { pathname } = request.nextUrl;

  if (
    pathname.startsWith(`/${defaultLocale}/`) ||
    pathname === `/${defaultLocale}`
  ) {
    // The incoming request is for /en/whatever, so we'll reDIRECT to /whatever
    return NextResponse.redirect(
      new URL(
        pathname.replace(
          `/${defaultLocale}`,
          pathname === `/${defaultLocale}` ? "/" : ""
        ),
        request.url
      )
    );
  }

  const pathnameIsMissingLocale = i18n.locales.every(
    (locale) => !pathname.startsWith(`/${locale}/`) && pathname !== `/${locale}`
  );

  if (pathnameIsMissingLocale) {
    // Now for EITHER /en or /nl (for example) we're going to tell Next.js that the request is for /en/whatever
    // or /nl/whatever, and then reWRITE the request to that it is handled properly.
    return NextResponse.rewrite(
      new URL(
        `/${defaultLocale}${pathname}${request.nextUrl.search}`,
        request.nextUrl.href
      )
    );
  }
}

export const config = {
  matcher: [
    // Skip all internal paths (_next)
    "/((?!_next).*)",
    // Optional: only run on root (/) URL
    // '/'
  ],
};