import { redirect } from "next/navigation";
import { auth } from "@/auth";
import { userService, TeamsService } from "@/services";
import { AccountForm } from "@/components/account/account-form";

export default async function AccountPage() {
  try {
    // Vérifier si l'utilisateur est connecté
    const session = await auth();

    if (!session?.user) {
      redirect("/login");
    }

    // Récupérer le profil utilisateur
    const userProfile = await userService.getUserByUuid(session.user.id);

    if (!userProfile) {
      redirect("/login");
    }

    // Charger les équipes pour la sélection
    const teams = await TeamsService.getTeams();

    return (
      <div className="container mx-auto px-4 py-8">
        <div className="max-w-2xl mx-auto">
          <h1 className="text-3xl font-bold mb-8">Mon compte</h1>
          <AccountForm initialProfile={userProfile} teams={teams} />
        </div>
      </div>
    );
  } catch (error) {
    console.error("Error loading account page:", error);
    redirect("/login");
  }
}