accounted/components/settings/DimensionsToggle.tsx

'use client'

import { useState } from 'react'
import Link from 'next/link'
import { useLocale, useTranslations } from 'next-intl'
import { ExternalLink } from 'lucide-react'
import { Switch } from '@/components/ui/switch'
import { Label } from '@/components/ui/label'
import { useToast } from '@/components/ui/use-toast'
import { useSettings } from '@/components/settings/useSettings'
import { useCanWrite } from '@/lib/hooks/use-can-write'
import { getErrorMessage, type ErrorLocale } from '@/lib/errors/get-error-message'

/**
 * Company-level toggle for the dimensions register (kostnadsställen &
 * projekt). Persists company_settings.dimensions_enabled through the standard
 * settings PUT: the flag gates UI visibility only (nav row + register),
 * never correctness (dimensions plan §2).
 *
 * Toggling ON runs the "Importera befintliga koder" scan
 * (POST /api/dimensions/import-existing): codes already present on
 * journal_entry_lines.dimensions but missing from the registry are created as
 * archived placeholder values, and the user is told how many were found.
 */
export function DimensionsToggle() {
  const t = useTranslations('dimensions')
  const errorLocale = useLocale() as ErrorLocale
  const { settings, updateSettings } = useSettings()
  const { canWrite } = useCanWrite()
  const { toast } = useToast()
  const [isSaving, setIsSaving] = useState(false)

  const enabled = settings?.dimensions_enabled ?? false

  async function handleChange(next: boolean) {
    setIsSaving(true)
    try {
      const res = await fetch('/api/settings', {
        method: 'PUT',
        headers: { 'Content-Type': 'application/json' },
        body: JSON.stringify({ dimensions_enabled: next }),
      })
      const json = await res.json().catch(() => null)
      if (!res.ok) {
        toast({
          title: t('settings_save_failed_title'),
          description: getErrorMessage(json, { locale: errorLocale }),
          variant: 'destructive',
        })
        return
      }
      updateSettings({ dimensions_enabled: next })

      if (next) {
        // Import scan: registry rows for codes already used on lines. Failure
        // is non-fatal: the toggle stays on and the scan can be re-run by
        // toggling again.
        try {
          const importRes = await fetch('/api/dimensions/import-existing', {
            method: 'POST',
          })
          const importJson = await importRes.json().catch(() => null)
          if (importRes.ok) {
            const created: number =
              importJson?.created ?? importJson?.data?.created ?? 0
            if (created > 0) {
              toast({
                title: t('settings_imported_toast_title'),
                description: t('settings_imported_toast', { count: created }),
              })
            }
          } else {
            toast({
              title: t('settings_import_failed_title'),
              description: getErrorMessage(importJson, { locale: errorLocale }),
              variant: 'destructive',
            })
          }
        } catch {
          toast({
            title: t('settings_import_failed_title'),
            variant: 'destructive',
          })
        }
      }
    } finally {
      setIsSaving(false)
    }
  }

  return (
    <section className="space-y-4">
      <h2 className="text-sm font-medium uppercase tracking-wider text-muted-foreground">
        {t('settings_heading')}
      </h2>
      <div className="flex items-start justify-between gap-4">
        <div className="space-y-1">
          <Label htmlFor="dimensions-enabled" className="text-sm">
            {t('settings_toggle_label')}
          </Label>
          <p className="text-xs text-muted-foreground max-w-md">
            {t('settings_toggle_help')}
          </p>
        </div>
        <Switch
          id="dimensions-enabled"
          checked={enabled}
          onCheckedChange={(next) => void handleChange(next)}
          disabled={isSaving || !canWrite}
        />
      </div>
      {enabled && (
        <Link
          href="/dimensions"
          className="inline-flex items-center gap-1.5 text-sm text-muted-foreground hover:text-foreground transition-colors"
        >
          <ExternalLink className="h-3.5 w-3.5" />
          {t('settings_open_register')}
        </Link>
      )}
    </section>
  )
}