import { createClient } from "@/lib/supabase/server";
import { canDo } from "@/lib/auth/permissions";
import { PageHeader } from "@/components/layout/page-header";
import type { PromotionalTutorial } from "@/lib/types";
import { PromoTutorialsClient } from "./tutorials-client";

export default async function PromotionalTutorialsPage() {
  const supabase = await createClient();
  const { data } = await supabase
    .from("promotional_tutorials")
    .select("*")
    .order("created_at", { ascending: false });
  const tutorials = (data as PromotionalTutorial[]) ?? [];
  const canManage = await canDo("promotional", "update");

  return (
    <div>
      <PageHeader
        title="Promotional Tutorials"
        breadcrumb="Home / Promotional Tutorials"
      />
      <PromoTutorialsClient tutorials={tutorials} canManage={canManage} />
    </div>
  );
}