import { Option } from "widget/settings/shared/Option";
import { Header } from "widget/settings/shared/Header";

import options from "options";
import Scrollable from "types/widgets/scrollable";
import Gtk from "types/@girs/gtk-3.0/gtk-3.0";

export const BarSettings = (): Scrollable<Gtk.Widget, Gtk.Widget> => {
    return Widget.Scrollable({
        vscroll: "always",
        hscroll: "automatic",
        class_name: "menu-theme-page paged-container",
        child: Widget.Box({
            vertical: true,
            children: [
                /*
                 ******************************
                 *           LAYOUTS          *
                 ******************************
                 */
                Header("Layouts"),
                Option(
                    {
                        opt: options.bar.layouts,
                        title: "Bar Layouts for Monitors",
                        subtitle: "Wiki Link: https://hyprpanel.com/configuration/panel.html#layouts",
                        type: "object",
                        subtitleLink: "https://hyprpanel.com/configuration/panel.html#layouts",
                    },
                    "bar-layout-input"
                ),

                /*
                 ******************************
                 *          SPACING           *
                 ******************************
                 */
                Header("Spacing"),
                Option({
                    opt: options.theme.bar.outer_spacing,
                    title: "Outer Spacing",
                    subtitle: "Spacing on the outer left and right edges of the bar.",
                    type: "string",
                }),
                Option({
                    opt: options.theme.bar.buttons.y_margins,
                    title: "Vertical Margins",
                    subtitle: "Spacing above/below the buttons in the bar.",
                    type: "string",
                }),
                Option({
                    opt: options.theme.bar.buttons.spacing,
                    title: "Button Spacing",
                    subtitle: "Spacing between the buttons in the bar.",
                    type: "string",
                }),
                Option({
                    opt: options.theme.bar.buttons.padding_x,
                    title: "Button Horizontal Padding",
                    type: "string",
                }),
                Option({
                    opt: options.theme.bar.buttons.padding_y,
                    title: "Button Vertical Padding",
                    type: "string",
                }),
                Option({
                    opt: options.theme.bar.buttons.radius,
                    title: "Button Radius",
                    type: "string",
                }),
                Option({
                    opt: options.theme.bar.floating,
                    title: "Floating Bar",
                    type: "boolean",
                }),
                Option({
                    opt: options.theme.bar.layer,
                    title: "Layer",
                    type: "enum",
                    subtitle: "Layer determines the Z index of your bar.",
                    enums: ["top", "bottom", "overlay", "background"],
                }),
                Option({
                    opt: options.theme.bar.margin_top,
                    title: "Margin Top",
                    subtitle: "Only applies if floating is enabled",
                    type: "string",
                }),
                Option({
                    opt: options.theme.bar.margin_bottom,
                    title: "Margin Bottom",
                    subtitle: "Only applies if floating is enabled",
                    type: "string",
                }),
                Option({
                    opt: options.theme.bar.margin_sides,
                    title: "Margin Sides",
                    subtitle: "Only applies if floating is enabled",
                    type: "string",
                }),
                Option({
                    opt: options.theme.bar.border_radius,
                    title: "Border Radius",
                    subtitle: "Only applies if floating is enabled",
                    type: "string",
                }),

                /*
                 ******************************
                 *         DASHBOARD          *
                 ******************************
                 */
                Header("Dashboard"),
                Option({
                    opt: options.bar.launcher.icon,
                    title: "Dashboard Menu Icon",
                    type: "string",
                }),

                /*
                 ******************************
                 *         WORKSPACES         *
                 ******************************
                 */
                Header("Workspaces"),
                Option({
                    opt: options.bar.workspaces.show_icons,
                    title: "Show Workspace Icons",
                    type: "boolean",
                }),
                Option({
                    opt: options.bar.workspaces.icons.available,
                    title: "Workspace Available",
                    type: "string",
                }),
                Option({
                    opt: options.bar.workspaces.icons.active,
                    title: "Workspace Active",
                    type: "string",
                }),
                Option({
                    opt: options.bar.workspaces.icons.occupied,
                    title: "Workspace Occupied",
                    type: "string",
                }),
                Option({
                    opt: options.bar.workspaces.show_numbered,
                    title: "Show Workspace Numbers",
                    type: "boolean",
                }),
                Option({
                    opt: options.bar.workspaces.numbered_active_indicator,
                    title: "Numbered Workspace Identifier",
                    subtitle: "Only applicable if Workspace Numbers are enabled",
                    type: "enum",
                    enums: ["underline", "highlight", "color"],
                }),
                Option({
                    opt: options.theme.bar.buttons.workspaces.numbered_active_highlight_border,
                    title: "Highlight Radius",
                    subtitle: "Only applicable if Workspace Numbers are enabled",
                    type: "string",
                }),
                Option({
                    opt: options.theme.bar.buttons.workspaces.numbered_active_highlight_padding,
                    title: "Highlight Padding",
                    subtitle: "Only applicable if Workspace Numbers are enabled",
                    type: "string",
                }),
                Option({
                    opt: options.bar.workspaces.spacing,
                    title: "Spacing",
                    subtitle: "Spacing between workspace icons",
                    type: "float",
                }),
                Option({
                    opt: options.bar.workspaces.workspaces,
                    title: "Total Workspaces",
                    subtitle: "The least amount of workspaces to always show.",
                    type: "number",
                }),
                Option({
                    opt: options.bar.workspaces.monitorSpecific,
                    title: "Monitor Specific",
                    subtitle:
                        "Only workspaces applicable to the monitor will be displayed.\n" +
                        "Works in conjuction with 'Total Workspaces'.",
                    type: "boolean",
                }),
                Option({
                    opt: options.bar.workspaces.hideUnoccupied,
                    title: "Hide Unoccupied",
                    subtitle: "Only show workspaces that are occupied or active",
                    type: "boolean",
                }),
                Option({
                    opt: options.bar.workspaces.workspaceMask,
                    title: "Mask Workspace Numbers On Monitors",
                    subtitle: "Only applicable if Workspace Numbers and Monitor Specific are enabled.\n" +
                        "Forces each Monitor's Workspace labels to start from 1.",
                    type: "boolean",
                }),
                Option({
                    opt: options.bar.workspaces.reverse_scroll,
                    title: "Invert Scroll",
                    subtitle: "Scrolling up will go to the previous workspace rather than the next.",
                    type: "boolean",
                }),
                Option({
                    opt: options.bar.workspaces.scroll_speed,
                    title: "Scrolling Speed",
                    type: "number",
                }),

                /*
                 ******************************
                 *       WINDOW TITLES        *
                 ******************************
                 */
                Header("Window Titles"),
                Option({
                    opt: options.bar.windowtitle.label,
                    title: "Show Window Title Label",
                    type: "boolean",
                }),
                Option({
                    opt: options.theme.bar.buttons.windowtitle.spacing,
                    title: "Inner Spacing",
                    subtitle: "Spacing between the icon and the label inside the buttons.",
                    type: "string",
                }),
                Option({
                    opt: options.bar.windowtitle.title_map,
                    title: "Window Title Mappings",
                    subtitle: "Wiki Link: https://hyprpanel.com/configuration/panel.html#window-title-mappings",
                    type: "object",
                    subtitleLink: "https://hyprpanel.com/configuration/panel.html#window-title-mappings",
                }),

                /*
                 ******************************
                 *          VOLUME            *
                 ******************************
                 */
                Header("Volume"),
                Option({
                    opt: options.bar.volume.label,
                    title: "Show Volume Percentage",
                    type: "boolean",
                }),
                Option({
                    opt: options.theme.bar.buttons.volume.spacing,
                    title: "Inner Spacing",
                    subtitle: "Spacing between the icon and the label inside the buttons.",
                    type: "string",
                }),

                /*
                 ******************************
                 *          NETWORK           *
                 ******************************
                 */
                Header("Network"),
                Option({
                    opt: options.bar.network.label,
                    title: "Show Network Name",
                    type: "boolean",
                }),
                Option({
                    opt: options.bar.network.truncation,
                    title: "Truncate Network Name",
                    subtitle: "Will truncate the network name to the specified size below.",
                    type: "boolean",
                }),
                Option({
                    opt: options.bar.network.truncation_size,
                    title: "Truncation Size",
                    type: "number",
                }),
                Option({
                    opt: options.theme.bar.buttons.network.spacing,
                    title: "Inner Spacing",
                    subtitle: "Spacing between the icon and the label inside the buttons.",
                    type: "string",
                }),

                /*
                 ******************************
                 *         BLUETOOTH          *
                 ******************************
                 */
                Header("Bluetooth"),
                Option({
                    opt: options.bar.bluetooth.label,
                    title: "Show Bluetooth Label",
                    type: "boolean",
                }),
                Option({
                    opt: options.theme.bar.buttons.bluetooth.spacing,
                    title: "Inner Spacing",
                    subtitle: "Spacing between the icon and the label inside the buttons.",
                    type: "string",
                }),

                /*
                 ******************************
                 *          BATTERY           *
                 ******************************
                 */
                Header("Battery"),
                Option({
                    opt: options.bar.battery.label,
                    title: "Show Battery Percentage",
                    type: "boolean",
                }),
                Option({
                    opt: options.theme.bar.buttons.battery.spacing,
                    title: "Inner Spacing",
                    subtitle: "Spacing between the icon and the label inside the buttons.",
                    type: "string",
                }),

                /*
                 ******************************
                 *        SYSTEM TRAY         *
                 ******************************
                 */
                Header("System Tray"),
                Option({
                    opt: options.bar.systray.ignore,
                    title: "Ignore List",
                    subtitle:
                        "An array of applications to prevent from showing in the system tray.\n" +
                        "Wiki: https://hyprpanel.com/configuration/panel.html#system-tray",
                    subtitleLink: "https://hyprpanel.com/configuration/panel.html#system-tray",
                    type: "object",
                }),

                /*
                 ******************************
                 *           CLOCK            *
                 ******************************
                 */
                Header("Clock"),
                Option({
                    opt: options.bar.clock.format,
                    title: "Clock Format",
                    type: "string",
                }),
                Option({
                    opt: options.bar.clock.icon,
                    title: "Icon",
                    type: "string",
                }),
                Option({
                    opt: options.bar.clock.showIcon,
                    title: "Show Icon",
                    type: "boolean",
                }),
                Option({
                    opt: options.bar.clock.showTime,
                    title: "Show Time",
                    type: "boolean",
                }),
                Option({
                    opt: options.theme.bar.buttons.clock.spacing,
                    title: "Inner Spacing",
                    subtitle: "Spacing between the icon and the label inside the buttons.",
                    type: "string",
                }),

                /*
                 ******************************
                 *          MEDIA             *
                 ******************************
                 */
                Header("Media"),
                Option({
                    opt: options.theme.bar.buttons.media.spacing,
                    title: "Inner Spacing",
                    subtitle: "Spacing between the icon and the label inside the buttons.",
                    type: "string",
                }),
                Option({
                    opt: options.bar.media.show_artist,
                    title: "Show Track Artist",
                    type: "boolean",
                }),
                Option({
                    opt: options.bar.media.show_label,
                    title: "Toggle Media Label",
                    type: "boolean",
                }),
                Option({
                    opt: options.bar.media.truncation,
                    title: "Truncate Media Label",
                    subtitle: "Only applicable if Toggle Media Label is enabled",
                    type: "boolean",
                }),
                Option({
                    opt: options.bar.media.truncation_size,
                    title: "Truncation Size",
                    subtitle: "Only applicable if Toggle Media Label is enabled",
                    type: "number",
                    min: 10,
                }),
                Option({
                    opt: options.bar.media.show_active_only,
                    title: "Auto Hide",
                    subtitle: "Button will automatically hide if no media is detected.",
                    type: "boolean",
                }),

                /*
                 ******************************
                 *       NOTIFICATIONS        *
                 ******************************
                 */
                Header("Notifications"),
                Option({
                    opt: options.bar.notifications.show_total,
                    title: "Show Total # of notifications",
                    type: "boolean",
                }),
                Option({
                    opt: options.theme.bar.buttons.notifications.spacing,
                    title: "Inner Spacing",
                    subtitle: "Spacing between the icon and the label inside the buttons.",
                    type: "string",
                }),
            ],
        }),
    });
};