import { redirect } from "next/navigation";

import { Card, CardContent, CardDescription, CardHeader, CardTitle } from "@/components/ui/card";
import { requireTenant } from "@/lib/appwrite/tenant-guard";

export default async function ConnectionsPage() {
  let ctx;
  try {
    ctx = await requireTenant();
  } catch {
    redirect("/onboarding");
  }

  return (
    <div className="flex-1 space-y-6 px-6">
      <div className="flex flex-col gap-1">
        <h1 className="text-2xl font-bold tracking-tight">Bağlantı Kur</h1>
        <p className="text-muted-foreground text-sm">
          Klinik ve laboratuvar arasında bağlantı taleplerini yönetin.
        </p>
      </div>
      <Card>
        <CardHeader>
          <CardTitle>Bağlantı kodunuz</CardTitle>
          <CardDescription>Karşı taraf bu kodu girerek size bağlantı talebi gönderir.</CardDescription>
        </CardHeader>
        <CardContent>
          <div className="bg-muted/40 rounded-md border px-4 py-3 font-mono text-lg tracking-widest">
            {ctx.settings?.memberNumber ?? "—"}
          </div>
        </CardContent>
      </Card>
      <Card>
        <CardHeader>
          <CardTitle>Yapım aşamasında</CardTitle>
          <CardDescription>Bağlantı talepleri ve bağlı taraflar listesi sonraki sürümde eklenecek.</CardDescription>
        </CardHeader>
        <CardContent />
      </Card>
    </div>
  );
}
