import Link from "next/link";
import { GaleriaDeArtes } from "@/components/artes/galeria-de-artes";
import { designLiberado } from "@/lib/banner-editor/liberacao";
import { getCompanyContext } from "@/lib/company-context";
import { createClient } from "@/lib/supabase-server";

export const dynamic = "force-dynamic";

/* KtaloguDesign: a tela inicial do editor de artes (posts, stories, banners, cartazes). Em beta: só para as empresas liberadas. */
export default async function DesignPage() {
  const supabase = await createClient();
  const {
    data: { user },
  } = await supabase.auth.getUser();
  const ctx = user ? await getCompanyContext(supabase, user).catch(() => null) : null;
  if (!ctx || !designLiberado([ctx.companyId, ctx.ownerId])) {
    return (
      <div className="flex min-h-[60vh] flex-col items-center justify-center px-6 text-center" data-design-em-beta>
        <span className="rounded-full bg-[#FACC15] px-2.5 py-1 text-[11px] font-extrabold tracking-[0.08em] text-[#2B1A00]">BETA</span>
        <h1 className="mt-4 text-[22px] font-bold text-[var(--ks-color-text-primary)]">O KtaloguDesign está em teste</h1>
        <p className="mt-2 max-w-[440px] text-[14px] text-[var(--ks-color-text-soft)]">Ele ainda não foi liberado para a sua empresa. Quando abrir, ele aparece no menu, ao lado do Chats.</p>
        <Link href="/dashboard" className="ks-button ks-button-primary mt-6">
          Voltar ao painel
        </Link>
      </div>
    );
  }
  return <GaleriaDeArtes />;
}