'use client'

import { useActionState } from 'react'
import Link from 'next/link'
import { Feld, Feldgruppe } from '@/components/feld'
import { Rechtshinweis } from '@/components/rechtshinweis'
import { Button } from '@/components/ui/button'
import { Card, CardContent } from '@/components/ui/card'
import { Input } from '@/components/ui/input'
import { Textarea } from '@/components/ui/textarea'
import { Absenden, Meldung } from '@/components/sozialhilfe/bausteine'
import { antragSpeichern, type Formularzustand } from '@/server/actions/sozialhilfe'

export type AntragWerte = {
  id: string | null
  traeger: string
  leistungsart: string
  aktenzeichen: string
  sachbearbeiter: string
  telefon: string
  email: string
  antragAm: string
  eingangBeimTraegerAm: string
  bewilligtVon: string
  bewilligtBis: string
  notizen: string
}

/**
 * Die Antragsakte: wer bearbeitet den Fall, unter welchem Aktenzeichen,
 * seit wann und für welchen Zeitraum bewilligt.
 *
 * Mehrere Anträge nebeneinander sind der Normalfall - Erstantrag,
 * Weiterbewilligung, dazu vielleicht ein eigener Antrag auf Grundsicherung.
 * Jeder bekommt seine eigene Akte mit eigenen Nachforderungen und
 * Bescheiden.
 */
export function AntragFormular({ werte }: { werte: AntragWerte }) {
  const [zustand, aktion] = useActionState<Formularzustand, FormData>(antragSpeichern, {})

  return (
    <form action={aktion} className="space-y-6">
      {werte.id && <input type="hidden" name="antragId" value={werte.id} />}
      <Meldung zustand={zustand} />

      <Card>
        <CardContent className="space-y-6 pt-5">
          <Feldgruppe
            titel="Träger und Leistung"
            beschreibung="In Bayern ist für Leistungen in stationären Einrichtungen der Bezirk zuständig, nicht der Landkreis."
          >
            <Feld
              id="traeger"
              beschriftung="Träger"
              pflicht
              fehler={zustand.felder?.traeger}
              erklaerung="Wer entscheidet über den Antrag?"
            >
              <Input name="traeger" defaultValue={werte.traeger} required />
            </Feld>

            <Feld
              id="leistungsart"
              beschriftung="Leistungsart"
              pflicht
              fehler={zustand.felder?.leistungsart}
              erklaerung="z.B. Hilfe zur Pflege nach dem 7. Kapitel SGB XII"
            >
              <Input name="leistungsart" defaultValue={werte.leistungsart} required />
            </Feld>

            <Feld
              id="aktenzeichen"
              beschriftung="Aktenzeichen"
              fehler={zustand.felder?.aktenzeichen}
              erklaerung="Steht auf jedem Schreiben des Trägers. Gehört in jede Rückmeldung."
            >
              <Input name="aktenzeichen" defaultValue={werte.aktenzeichen} />
            </Feld>
          </Feldgruppe>

          <Feldgruppe
            titel="Sachbearbeitung"
            beschreibung="Ein Anruf klärt oft schneller als drei Briefe. Deshalb gehört die Durchwahl hierher."
          >
            <Feld
              id="sachbearbeiter"
              beschriftung="Sachbearbeiter/in"
              fehler={zustand.felder?.sachbearbeiter}
            >
              <Input name="sachbearbeiter" defaultValue={werte.sachbearbeiter} />
            </Feld>

            <Feld id="telefon" beschriftung="Telefon" fehler={zustand.felder?.telefon}>
              <Input name="telefon" type="tel" defaultValue={werte.telefon} />
            </Feld>

            <Feld id="email" beschriftung="E-Mail" fehler={zustand.felder?.email}>
              <Input name="email" type="email" defaultValue={werte.email} />
            </Feld>
          </Feldgruppe>

          <Feldgruppe
            titel="Verfahrensdaten"
            beschreibung="Das Eingangsdatum beim Träger ist wichtig: Leistungen setzen ab Kenntnis des Trägers ein (§ 18 SGB XII), nicht erst ab der Bewilligung."
          >
            <Feld
              id="antragAm"
              beschriftung="Antrag gestellt am"
              fehler={zustand.felder?.antragAm}
              erklaerung="Datum auf deinem Antragsschreiben."
            >
              <Input name="antragAm" type="date" defaultValue={werte.antragAm} />
            </Feld>

            <Feld
              id="eingangBeimTraegerAm"
              beschriftung="Eingang beim Träger"
              fehler={zustand.felder?.eingangBeimTraegerAm}
              erklaerung="Ab wann wusste der Träger Bescheid? Eingangsstempel oder Sendebericht aufheben."
            >
              <Input
                name="eingangBeimTraegerAm"
                type="date"
                defaultValue={werte.eingangBeimTraegerAm}
              />
            </Feld>

            <Feld
              id="bewilligtVon"
              beschriftung="Bewilligt von"
              fehler={zustand.felder?.bewilligtVon}
            >
              <Input name="bewilligtVon" type="date" defaultValue={werte.bewilligtVon} />
            </Feld>

            <Feld
              id="bewilligtBis"
              beschriftung="Bewilligt bis"
              fehler={zustand.felder?.bewilligtBis}
              erklaerung="Vor dem Ablauf rechtzeitig die Weiterbewilligung beantragen — sonst reißt die Zahlung ab."
            >
              <Input name="bewilligtBis" type="date" defaultValue={werte.bewilligtBis} />
            </Feld>
          </Feldgruppe>

          <Feld
            id="notizen"
            beschriftung="Notizen"
            fehler={zustand.felder?.notizen}
            erklaerung="Wird verschlüsselt gespeichert. Was am Telefon besprochen wurde, gehört hierher."
          >
            <Textarea name="notizen" defaultValue={werte.notizen} rows={4} />
          </Feld>
        </CardContent>
      </Card>

      <Rechtshinweis rechtsgrundlage="§ 18 SGB XII" />

      <div className="flex flex-wrap gap-2">
        <Absenden>{werte.id ? 'Änderungen speichern' : 'Antragsakte anlegen'}</Absenden>
        <Button variant="ghost" asChild>
          <Link href={werte.id ? `/sozialhilfe/${werte.id}` : '/sozialhilfe'}>Abbrechen</Link>
        </Button>
      </div>
    </form>
  )
}