import Link from "next/link";
import { Card, CardContent, CardHeader, CardTitle, CardDescription } from "@/components/ui/card";
import { Button } from "@/components/ui/button";
import { Clock } from "lucide-react";

export default function PendingPage() {
  return (
    <Card className="glass-strong glow-purple text-center overflow-hidden">
      <CardHeader>
        <div className="mx-auto mb-3 flex h-14 w-14 items-center justify-center rounded-full bg-purple-accent/10 border border-purple-accent/20">
          <Clock className="h-7 w-7 text-purple-accent" />
        </div>
        <CardTitle className="font-display text-3xl font-semibold tracking-wide">
          Awaiting approval
        </CardTitle>
        <CardDescription className="text-muted-foreground">
          Your organizer account has been submitted. An admin will review it shortly.
        </CardDescription>
      </CardHeader>
      <CardContent>
        <p className="mb-6 text-sm text-dim">
          Once approved you can log in and start creating championships.
        </p>
        <Button asChild variant="outline" className="w-full border-border/60 hover:bg-surface-hover">
          <Link href="/login">Back to login</Link>
        </Button>
      </CardContent>
    </Card>
  );
}