"use client"

import { Tabs, TabsContent, TabsList, TabsTrigger } from "@/components/ui/tabs"
import { SettingsSectionHeader } from "@/components/gmail/settings/settings-section-header"
import { SettingsComingSoon } from "@/components/gmail/settings/settings-coming-soon"
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"

export function AutomationSettingsSection() {
  return (
    <>
      <SettingsSectionHeader
        title="Automatisations"
        description="Règles graphiques de tri, webhooks, fonctions réutilisables et variables d'exécution."
      />
      <Tabs defaultValue="rules">
        <TabsList className="flex h-auto flex-wrap">
          <TabsTrigger value="rules">Règles</TabsTrigger>
          <TabsTrigger value="webhooks">Webhooks</TabsTrigger>
          <TabsTrigger value="llm">Fournisseurs LLM</TabsTrigger>
          <TabsTrigger value="search">Fournisseurs de 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">
          <SettingsComingSoon
            title="Tokens API agents"
            description="Créez des jetons fine-grained pour agents IA (lecture partielle, envoi, catégorisation)."
          />
        </TabsContent>
      </Tabs>
    </>
  )
}