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

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

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