import BreadCrumbLink from "@/layouts/shared/page.breadcrumbLink";
import { createRoleProtectedLoader } from "@/lib/features/protectedFetcher";
import { getResort } from "@/lib/features/resorts/query";
import type { Resort } from "@/lib/features/resorts/types";
import type { AccessScope } from "@/lib/features/types";
import { FEATURE_SLUGS, getCheckedAccess, isDevInstance } from "@/lib/role-helpers";
import type { Route } from "./+types/page";
import ResortItinerariesClientPage from "./_client";

export const handle = {
  breadcrumb: () => (
    <BreadCrumbLink
      links={[
        { label: "Resorts", to: "/admin/resorts" },
        { label: "Itineraries" },
      ]}
    />
  ),
};

export const loader = createRoleProtectedLoader(
  FEATURE_SLUGS.resorts,
  "read",
  async ({ request, params }) => {
    const { resortId } = params as { resortId: string };
    const cookie = request.headers.get("Cookie") ?? "";
    const accessScope = getCheckedAccess(request, FEATURE_SLUGS.resorts);
    if (isDevInstance(request)) {
      accessScope.create = false;
      accessScope.update = false;
      accessScope.delete = false;
    }

    const response = await getResort(resortId, { Cookie: cookie });
    return {
      resort: response.success ? response.data : null,
      accessScope,
      error: response.success ? undefined : response.message,
    };
  },
);

const ResortItinerariesPage: React.FC<Route.ComponentProps> = ({ loaderData }) => {
  const { resort, accessScope, error } = loaderData as unknown as {
    resort: Resort | null;
    accessScope: AccessScope;
    error?: string;
  };

  return (
    <ResortItinerariesClientPage
      resort={resort}
      accessScope={accessScope}
      initialError={error}
    />
  );
};

export default ResortItinerariesPage;