import { Binding } from "astal";
import { Astal, Gdk, Widget } from "astal/gtk3";


const { TOP, LEFT, RIGHT, BOTTOM } = Astal.WindowAnchor;

export type BackgroundWindowProps = {
    /** GtkWindow Layer */
    layer?: Astal.Layer | Binding<Astal.Layer | undefined>;
    /** Monitor number where the window should open */
    monitor: number | Binding<number | undefined>;
    /** Custom stylesheet used in the window. default: `background: rgba(0, 0, 0, .2)` */
    css?: string | Binding<string | undefined>;
    /** Function that is called when the user triggers a mouse-click or escape action on the window */
    onAction?: (window: Widget.Window) => void;
    /** Function that is called when the user clicks on the window with primary mouse button */
    onClickPrimary?: (window: Widget.Window) => void;
    /** Function that is called when the user clicks on the window with secodary mouse button */
    onClickSecondary?: (window: Widget.Window) => void;
    keymode?: Astal.Keymode;
    exclusivity?: Astal.Exclusivity;
};

/** Creates a fullscreen GtkWindow that is used for making
 * the user focus on the content after this window(e.g.: AskPopup,
 * Authentication Window(futurely) or any PopupWindow)
 *
 * @param props Properties for background-window
 *
 * @returns The generated background window
 */
export function BackgroundWindow(props: BackgroundWindowProps) {
    return new Widget.Window({
        namespace: "background-window",
        css: props.css ?? "background: rgba(0, 0, 0, .2);",
        monitor: props.monitor,
        layer: props.layer ?? Astal.Layer.OVERLAY,
        anchor: TOP | LEFT | BOTTOM | RIGHT,
        keymode: props.keymode,
        exclusivity: props.exclusivity ?? Astal.Exclusivity.IGNORE,
        onKeyPressEvent: (self, event: Gdk.Event) => {
            event.get_keyval()[1] === Gdk.KEY_Escape &&
                props.onAction?.(self);
        },
        onButtonPressEvent: (self, event: Gdk.Event) => {
            if(event.get_button()[1]) {
                props.onAction?.(self);
                return;
            }

            if(event.get_button()[1] === Gdk.BUTTON_PRIMARY) {
                props.onClickPrimary?.(self);
                return;
            }

            if(event.get_button()[1] === Gdk.BUTTON_SECONDARY) 
                props.onClickSecondary?.(self);
        }
    } as Widget.WindowProps);
}