teqo-backup/src/app/(campaign)/campanha/(app)/apoiadores/novo/page.tsx

import config from '@payload-config'
import Link from 'next/link'
import { redirect } from 'next/navigation'
import { getPayload } from 'payload'

import { createSupporterFormAction } from '@/app/(campaign)/campanha/(app)/apoiadores/novo/formActions'
import { CampaignScopeBadge } from '@/components/campaign/shared/CampaignScopeBadge'
import { SupporterForm } from '@/components/campaign/supporter/SupporterForm'
import { Button } from '@/components/ui/button'
import { getCampaignUser } from '@/utilities/campaignAuth'
import { campaignRoleLabels } from '@/utilities/campaignUserProfile'
import { loadSupporterCreatePageData } from '@/utilities/supporterPageData'
import { canAccessSupporterArea } from '@/utilities/supporterUi'

export default async function NewSupporterPage() {
  const [user, payload] = await Promise.all([getCampaignUser(), getPayload({ config })])

  if (!user) redirect('/campanha/login')
  if (!canAccessSupporterArea(user.role)) redirect('/campanha')

  const pageData = await loadSupporterCreatePageData(payload, user)

  return (
    <div className="mx-auto flex w-full max-w-3xl flex-col gap-6">
      <header className="flex flex-col gap-2">
        <Button asChild variant="ghost" className="w-fit px-0">
          <Link href="/campanha/apoiadores">← Voltar para apoiadores</Link>
        </Button>
        <CampaignScopeBadge>{campaignRoleLabels[user.role]}</CampaignScopeBadge>
        <h1 className="text-2xl font-semibold tracking-tight">Novo apoiador</h1>
        <p className="text-muted-foreground">
          Cadastre um apoiador com telefone obrigatório e consentimento LGPD.
        </p>
      </header>

      <SupporterForm
        action={createSupporterFormAction}
        municipalityOptions={pageData.municipalityOptions}
        registrationConsentConfigured={pageData.registrationConsentConfigured}
        voteIntentionConsentConfigured={pageData.voteIntentionConsentConfigured}
        requireMunicipality={pageData.requireMunicipality}
      />
    </div>
  )
}