"use client"

import { Tabs, TabsContent, TabsList, TabsTrigger } from "@/components/ui/tabs"
import { SettingsSectionHeader } from "@/components/gmail/settings/settings-section-header"
import { AutomationRulesPanel } from "@/components/gmail/settings/automation/automation-rules-panel"
import { WebhooksPanel } from "@/components/gmail/settings/automation/webhooks-panel"
import { LLMProvidersPanel } from "@/components/gmail/settings/automation/llm-providers-panel"
import { SearchProvidersPanel } from "@/components/gmail/settings/automation/search-providers-panel"
import { ApiTokensPanel } from "@/components/gmail/settings/automation/api-tokens-panel"
import { MAIL_SETTINGS_TABS_LIST_CLASS } from "@/lib/mail-chrome-classes"

export function AutomationSettingsSection() {
  return (
    <>
      <SettingsSectionHeader
        title="Automatisations"
        description="Règles et webhooks pour les événements mail, Drive et contacts — conditions et actions adaptées au déclencheur."
      />
      <Tabs defaultValue="rules">
        <TabsList className={MAIL_SETTINGS_TABS_LIST_CLASS}>
          <TabsTrigger value="rules">Règles</TabsTrigger>
          <TabsTrigger value="webhooks">Webhooks</TabsTrigger>
          <TabsTrigger value="llm">Fournisseurs LLM</TabsTrigger>
          <TabsTrigger value="search">Recherche</TabsTrigger>
          <TabsTrigger value="tokens">Tokens API</TabsTrigger>
        </TabsList>

        <TabsContent value="rules" className="mt-4">
          <AutomationRulesPanel />
        </TabsContent>
        <TabsContent value="webhooks" className="mt-4">
          <WebhooksPanel />
        </TabsContent>
        <TabsContent value="llm" className="mt-4">
          <LLMProvidersPanel />
        </TabsContent>
        <TabsContent value="search" className="mt-4">
          <SearchProvidersPanel />
        </TabsContent>
        <TabsContent value="tokens" className="mt-4">
          <ApiTokensPanel />
        </TabsContent>
      </Tabs>
    </>
  )
}