import Funnel from "@/app/deals/components/shared/Funnel/Funnel";
import Header from "@/app/deals/components/shared/Header/Header";
import { BoardsContextProvider } from "@/app/deals/contexts/BoardsContext";
import { ProjectsContextProvider } from "@/app/deals/contexts/ProjectsContext";
import { StatusesContextProvider } from "@/app/deals/contexts/StatusesContext";
import BoardStatusesEditorDrawer from "@/app/deals/drawers/BoardStatusesEditorDrawer";
import ProjectBoardsEditorDrawer from "@/app/deals/drawers/ProjectBoardsEditorDrawer";
import ProjectsEditorDrawer from "@/app/deals/drawers/ProjectsEditorDrawer";
import PageBlock from "@/components/layout/PageBlock/PageBlock";
import PageContainer from "@/components/layout/PageContainer/PageContainer";
import { DealsContextProvider } from "./contexts/DealsContext";

export default function DealsPage() {
    return (
        <ProjectsContextProvider>
            <BoardsContextProvider>
                <PageContainer>
                    <PageBlock
                        transparent
                        style={{ padding: 0 }}>
                        <Header />
                    </PageBlock>
                    <PageBlock className={"mobile-padding-height"}>
                        <StatusesContextProvider>
                            <DealsContextProvider>
                                <Funnel />
                            </DealsContextProvider>
                            <BoardStatusesEditorDrawer />
                        </StatusesContextProvider>
                        <ProjectBoardsEditorDrawer />
                        <ProjectsEditorDrawer />
                    </PageBlock>
                </PageContainer>
            </BoardsContextProvider>
        </ProjectsContextProvider>
    );
}