import Link from "next/link";
import {
  Card,
  CardHeader,
  CardTitle,
  CardDescription,
  CardContent,
} from "@/components/ui/card";
import { Badge } from "@/components/ui/badge";
import { PageHeader } from "@/components/page-header";
import { Logo } from "@/components/logo";
import { BookOpen, FileText, BookA, PenLine } from "lucide-react";

const allowRtf = process.env.ALLOW_RTF === "true";

export default function Home() {
  return (
    <div className="min-h-screen bg-background">
      <PageHeader>
        <Logo height={56} className="mb-1" />
      </PageHeader>

      <main className="max-w-3xl mx-auto px-6 py-8">
        <div className="grid gap-4">
          {/* Structured Books (JSON) */}
          <Link href="/books" className="block group">
            <Card className="transition-all group-hover:shadow-md group-hover:ring-foreground/20">
              <CardHeader>
                <div className="flex items-center gap-3">
                  <div className="flex items-center justify-center size-10 rounded-lg bg-primary/10 text-primary">
                    <BookOpen className="size-5" />
                  </div>
                  <div className="flex-1 min-w-0">
                    <CardTitle className="text-xl font-bold">Books</CardTitle>
                    <CardDescription>
                      Structured verse-by-verse editions
                    </CardDescription>
                  </div>
                  <Badge variant="secondary">Recommended</Badge>
                </div>
              </CardHeader>
              <CardContent>
                <p className="text-sm text-muted-foreground">
                  Bhagavad-gītā, Śrīmad-Bhāgavatam, and Caitanya-caritāmṛta with
                  Devanagari, Bengali, transliteration, synonyms, translations
                  &amp; purports. Extraction is still in progress but offers a
                  refined, searchable reading experience.
                </p>
              </CardContent>
            </Card>
          </Link>

          {/* Essays */}
          <Link href="/essays" className="block group">
            <Card className="transition-all group-hover:shadow-md group-hover:ring-foreground/20">
              <CardHeader>
                <div className="flex items-center gap-3">
                  <div className="flex items-center justify-center size-10 rounded-lg bg-primary/10 text-primary">
                    <PenLine className="size-5" />
                  </div>
                  <div className="flex-1 min-w-0">
                    <CardTitle className="text-xl font-bold">Essays</CardTitle>
                    <CardDescription>
                      Standalone essays by Śrīla Prabhupāda
                    </CardDescription>
                  </div>
                </div>
              </CardHeader>
              <CardContent>
                <p className="text-sm text-muted-foreground">
                  Foundational essays including &ldquo;Krishna The Reservoir Of
                  Pleasure&rdquo; and &ldquo;Who Is Crazy?&rdquo; — timeless
                  introductions to the science of Kṛṣṇa consciousness.
                </p>
              </CardContent>
            </Card>
          </Link>

          {/* Glossary */}
          <Link href="/glossary" className="block group">
            <Card className="transition-all group-hover:shadow-md group-hover:ring-foreground/20">
              <CardHeader>
                <div className="flex items-center gap-3">
                  <div className="flex items-center justify-center size-10 rounded-lg bg-primary/10 text-primary">
                    <BookA className="size-5" />
                  </div>
                  <div className="flex-1 min-w-0">
                    <CardTitle className="text-xl font-bold">
                      Glossary
                    </CardTitle>
                    <CardDescription>
                      2,700+ Sanskrit &amp; Vedic terms
                    </CardDescription>
                  </div>
                </div>
              </CardHeader>
              <CardContent>
                <p className="text-sm text-muted-foreground">
                  A comprehensive, searchable glossary of Sanskrit and Vedic
                  terms from Śrīla Prabhupāda&apos;s books — definitions,
                  cross-references, and encyclopedic entries.
                </p>
              </CardContent>
            </Card>
          </Link>

          {/* RTF Document Viewer — only visible when ALLOW_RTF=true */}
          {allowRtf && (
            <Link href="/rtfs" className="block group">
              <Card className="transition-all group-hover:shadow-md group-hover:ring-foreground/20">
                <CardHeader>
                  <div className="flex items-center gap-3">
                    <div className="flex items-center justify-center size-10 rounded-lg bg-primary/10 text-primary">
                      <FileText className="size-5" />
                    </div>
                    <div className="flex-1 min-w-0">
                      <CardTitle className="text-xl font-bold">
                        RTF Document Viewer
                      </CardTitle>
                      <CardDescription>
                        17 original documents from the original unedited
                        Vedabase
                      </CardDescription>
                    </div>
                  </div>
                </CardHeader>
                <CardContent>
                  <p className="text-sm text-muted-foreground">
                    Browse the complete original RTF files — Bhagavad-gītā,
                    Śrīmad-Bhāgavatam, Caitanya-caritāmṛta, Śrī Īśopaniṣad,
                    letters, magazines, and more — rendered in-browser with
                    their original custom fonts.
                  </p>
                </CardContent>
              </Card>
            </Link>
          )}
        </div>
      </main>
    </div>
  );
}