/**
 * Copyright (C) 2026 Sofía Aritz and contributors
 *
 * This file is part of Everest.
 *
 * Everest is free software: you can redistribute it and/or modify it under the
 * terms of the GNU General Public License as published by the Free Software
 * Foundation, either version 3 of the License, or (at your option) any later
 * version.
 *
 * Everest is distributed in the hope that it will be useful, but WITHOUT ANY
 * WARRANTY; without even the implied warranty of MERCHANTABILITY or FITNESS FOR A
 * PARTICULAR PURPOSE. See the GNU General Public License for more details.
 *
 * You should have received a copy of the GNU General Public License along with
 * Everest. If not, see <https://www.gnu.org/licenses/>.
 */

"use client";

import { Avatar, AvatarFallback, AvatarImage } from "@/components/ui/avatar";
import { Button } from "@/components/ui/button";
import {
    DropdownMenu,
    DropdownMenuContent,
    DropdownMenuItem,
    DropdownMenuLabel,
    DropdownMenuSeparator,
    DropdownMenuTrigger,
} from "@/components/ui/dropdown-menu";
import { useRouter } from "next/navigation";

export function ProfileDropdown({ did, handle, avatar }: { did: string, handle: string; avatar: string }) {
    const router = useRouter();

    async function handleLogout() {
        await fetch("/atproto/oauth/logout", { method: "POST" });
        router.refresh();
    }

    async function handleProfile() {
        window.location.href = `/profile/${did}`;
    }

    return (
        <DropdownMenu>
            <DropdownMenuTrigger asChild>
                <Button variant="ghost" className="w-full justify-start gap-2 px-3 py-6">
                    <Avatar className="h-7 w-7">
                        <AvatarImage src={avatar} alt={handle} />
                        <AvatarFallback>{handle}</AvatarFallback>
                    </Avatar>
                    <span className="text-sm">@{handle}</span>
                </Button>
            </DropdownMenuTrigger>
            <DropdownMenuContent side="top" align="start" className="w-52">
                <DropdownMenuLabel>My account</DropdownMenuLabel>
                <DropdownMenuSeparator />
                <DropdownMenuItem onClick={handleProfile}>Profile</DropdownMenuItem>
                <DropdownMenuItem>Settings</DropdownMenuItem>
                <DropdownMenuSeparator />
                <DropdownMenuItem onClick={handleLogout} className="text-red-500">
                    Sign out
                </DropdownMenuItem>
            </DropdownMenuContent>
        </DropdownMenu>
    );
}