
import { getServerSession } from 'next-auth';
import { redirect } from 'next/navigation';
import { authOptions } from '@/lib/auth';
import { MainNav } from '@/components/navigation/main-nav';
import { Card, CardContent, CardDescription, CardHeader, CardTitle } from '@/components/ui/card';
import { Activity } from 'lucide-react';

export const dynamic = 'force-dynamic';

export default async function ActivityPage() {
  const session = await getServerSession(authOptions);

  if (!session) {
    redirect('/auth/signin');
  }

  return (
    <div className="min-h-screen bg-background">
      <MainNav />
      <main className="max-w-app mx-auto px-4 sm:px-6 lg:px-8 py-8">
        <div className="space-y-6">
          <div>
            <h1 className="text-3xl font-bold tracking-tight">Activity Feed</h1>
            <p className="text-muted-foreground mt-2">
              Complete history of all system activities
            </p>
          </div>

          <Card>
            <CardHeader>
              <CardTitle className="flex items-center gap-2">
                <Activity className="h-5 w-5" />
                Coming Soon
              </CardTitle>
              <CardDescription>
                Comprehensive activity tracking is currently in development.
              </CardDescription>
            </CardHeader>
            <CardContent>
              <p className="text-sm text-muted-foreground">
                This page will soon feature detailed activity logs including:
              </p>
              <ul className="mt-4 space-y-2 text-sm text-muted-foreground">
                <li>• Lead creation and updates</li>
                <li>• Quote generation and status changes</li>
                <li>• Contract signatures and milestones</li>
                <li>• CRM export attempts</li>
                <li>• User actions and system events</li>
                <li>• Notifications and alerts</li>
              </ul>
            </CardContent>
          </Card>
        </div>
      </main>
    </div>
  );
}
