import { applet_builder, applet_animations } from "./applet.js";
import { submission_part } from "./app_parts.js";
import { list_applet } from "./list_applet.js";

document.addEventListener("DOMContentLoaded", () => {
    const submissions_panel = document.querySelector(".left-bar");  
    const submissions_panel_swap = submissions_panel.querySelector(".open-it");
    
    const submissions_applet_builder = new applet_builder();
    submissions_applet_builder.minimalise = submissions_panel_swap;
    submissions_applet_builder.maximalise = submissions_panel_swap;
    submissions_applet_builder.target = submissions_panel;
    submissions_applet_builder.animation = applet_animations.hide_left;

    const submissions_applet = submissions_applet_builder.build();

    const elements_panel = document.querySelector(".elements-bar");
    const elements_panel_swap = elements_panel.querySelector(".open-it");

    const elements_panel_builder = new applet_builder();
    elements_panel_builder.minimalise = elements_panel_swap;
    elements_panel_builder.maximalise = elements_panel_swap;
    elements_panel_builder.target = elements_panel;
    elements_panel_builder.animation = applet_animations.hide_right;

    const elements_applet = elements_panel_builder.build();

    const submission_in_app = new submission_part(
        ".submission-name-bar",
        ".submission-description",
        ".submission-description",
        ".close-it"
    );

    const submissions_list_applet = new list_applet(
        document.querySelector(".left-bar .items-list"),
        "receipt_long"
    );

    submissions_list_applet.append("OwO", () => alert("OwO"));
    submissions_list_applet.append("UwU", () => alert("UwU"));
});