"use client";

import Link from "next/link";
import { AppShell } from "@/components/app-shell";
import { Card, CardContent } from "@/components/ui/card";
import { Tabs, TabsContent, TabsList, TabsTrigger } from "@/components/ui/tabs";
import { Badge } from "@/components/ui/badge";
import { DigestListPanel } from "@/components/digests/digest-list-panel";
import { DigestSearchPanel } from "@/components/digests/digest-search-panel";
import { useDigestPending } from "@/lib/api/digests";

/**
 * Digests radar page (X12) — a SECONDARY discovery layer ABOVE the citation
 * corpora. Deliberately a SEPARATE page from /precedents to keep the
 * authoritative/secondary boundary visible: a digest POINTS at a ruling, it is
 * never cited in a decision (INV-DIG1) and never extracts halachot (INV-DIG2).
 *
 * Two tabs:
 *   - יומונים — browse + upload + link to the underlying ruling
 *   - חיפוש — semantic radar search
 */

function PendingBadge() {
  const { data } = useDigestPending();
  const n = data?.count ?? 0;
  if (!n) return null;
  return (
    <Badge
      variant="outline"
      className="ms-1 bg-gold-wash text-gold-deep border-gold/40 text-[0.65rem]"
    >
      {n} ממתינים
    </Badge>
  );
}

export default function DigestsPage() {
  return (
    <AppShell>
      <section className="space-y-6">
        <header>
          <nav className="text-[0.78rem] text-ink-muted mb-1">
            <Link href="/" className="hover:text-gold-deep">בית</Link>
            <span aria-hidden> · </span>
            <span className="text-navy">יומונים</span>
          </nav>
          <h1 className="text-navy mb-0">יומונים — רדאר פסיקה</h1>
          <p className="text-ink-muted text-sm mt-1 max-w-3xl">
            סיכומי &quot;כל יום&quot; (עפר טויסטר) של פסקי דין והחלטות עדכניים.
            שכבת-גילוי בלבד: כל יומון <strong>מצביע</strong> על פסק הדין המקורי —
            הוא אינו מצוטט בהחלטה ואינו מחלץ הלכות. כשהפסק רלוונטי, מעלים אותו
            לספריית הפסיקה ומצטטים משם.
          </p>
        </header>

        <div className="h-[2px] bg-gradient-to-l from-transparent via-gold to-transparent" />

        <Card className="bg-surface border-rule shadow-sm">
          <CardContent className="px-6 py-5">
            <Tabs defaultValue="list" dir="rtl">
              <TabsList className="bg-rule-soft/60">
                <TabsTrigger value="list">
                  יומונים
                  <PendingBadge />
                </TabsTrigger>
                <TabsTrigger value="search">חיפוש</TabsTrigger>
              </TabsList>

              <TabsContent value="list" className="mt-5">
                <DigestListPanel />
              </TabsContent>

              <TabsContent value="search" className="mt-5">
                <DigestSearchPanel />
              </TabsContent>
            </Tabs>
          </CardContent>
        </Card>
      </section>
    </AppShell>
  );
}