import { Plus } from 'lucide-react';
import { useLocation } from 'wouter';
import { CreateBookmarkModal } from '@/components/CreateBookmarkModal';
import { Button } from '@/components/ui/button';

const BOOKMARKABLE_PATHS = [
  '/forms/',
  '/tasks/',
  '/dashboard',
  '/kanban/',
  '/reports/',
  '/home',
];

export function AddBookmarkFAB() {
  const [location] = useLocation();

  const isBookmarkable = BOOKMARKABLE_PATHS.some((path) => location === path || location.startsWith(path));
  if (!isBookmarkable) return null;

  const currentUrl = typeof window !== 'undefined' ? window.location.pathname + window.location.search : location;

  return (
    <CreateBookmarkModal
      defaultUrl={currentUrl}
      trigger={
        <Button
          size="icon"
          className="fixed bottom-[calc(4rem+max(12px,env(safe-area-inset-bottom)))] right-[calc(1rem+env(safe-area-inset-right))] z-40 rounded-full shadow-lg md:hidden"
          aria-label="Добавить закладку"
        >
          <Plus className="w-5 h-5" aria-hidden="true" />
        </Button>
      }
    />
  );
}