import LoginClient from "@/app/login/login-client";
import SponsoredBannersListClient from "@/app/banners-patrocinados/list-client";
import { createAdminClient } from "@/lib/supabase-admin";
import { createClient } from "@/lib/supabase-server";
import { isOwnerUser } from "@/lib/owner-auth";

type SponsoredBannerRow = {
  id: string;
  placement: string;
  title: string | null;
  link_url: string | null;
  open_in_new_tab: boolean;
  image_url: string;
  image_alt: string | null;
  active: boolean;
  position: number;
  start_at: string | null;
  end_at: string | null;
  config: Record<string, unknown> | null;
  created_at: string | null;
  updated_at: string | null;
};

export default async function OwnerSponsoredBannersPage() {
  const supabase = await createClient();
  const {
    data: { user },
  } = await supabase.auth.getUser();

  if (!user) {
    return <LoginClient />;
  }

  if (!isOwnerUser({ id: user.id, email: user.email })) {
    return (
      <div className="min-h-screen flex items-center justify-center p-6 bg-slate-50">
        <div className="w-full max-w-lg rounded-2xl bg-white p-8 shadow-sm border border-slate-200 text-center">
          <h1 className="text-xl font-semibold text-slate-900">Acesso negado</h1>
          <p className="text-sm text-slate-500 mt-2">Seu usuário não tem permissão para acessar este painel.</p>
        </div>
      </div>
    );
  }

  const admin = createAdminClient();
  const { data } = await admin
    .from("sponsored_banners")
    .select("id,placement,title,link_url,open_in_new_tab,image_url,image_alt,active,position,start_at,end_at,config,created_at,updated_at")
    .order("placement", { ascending: true })
    .order("position", { ascending: true })
    .order("created_at", { ascending: false })
    .limit(500);

  const rows = ((data || []) as SponsoredBannerRow[]).map((row) => ({
    ...row,
    config: row.config || {},
  }));

  return <SponsoredBannersListClient initialRows={rows} />;
}