const { GLib, Gio } = imports.gi;
import { App, Service, Utils, Widget } from '../../imports.js';
import Variable from 'resource:///com/github/Aylur/ags/variable.js';
const { execAsync, exec } = Utils;
const { Box, Label, Button, Revealer, EventBox } = Widget;
import { setupCursorHover } from '../../lib/cursorhover.js';

import { quickLaunchItems } from '../../data/quicklaunches.js'

const TimeAndDate = () => Box({
    vertical: true,
    className: 'spacing-v--5',
    children: [
        Label({
            className: 'bg-time-clock',
            xalign: 0,
            connections: [[5000, label => {
                label.label = GLib.DateTime.new_now_local().format("%H:%M");
            }]],
        }),
        Label({
            className: 'bg-time-date',
            xalign: 0,
            connections: [[5000, label => {
                label.label = GLib.DateTime.new_now_local().format("%A, %d/%m/%Y");
            }]],
        }),
    ]
})

const QuickLaunches = () => Box({
    vertical: true,
    className: 'spacing-v-10',
    children: [
        Label({
            xalign: 0,
            className: 'bg-quicklaunch-title',
            label: 'Quick Launches',
        }),
        Box({
            hpack: 'start',
            className: 'spacing-h-5',
            children: quickLaunchItems.map((item, i) => Button({
                onClicked: () => {
                    execAsync(['bash', '-c', `${item["command"]}`]).catch(print);
                },
                className: 'bg-quicklaunch-btn',
                child: Label({
                    label: `${ item["name"]}`,
                }),
                setup: (self) => {
                    setupCursorHover(self);
                }
            })),
        })
    ]
})

export default () => Box({
    hpack: 'start',
    vpack: 'end',
    vertical: true,
    className: 'bg-time-box spacing-v-20',
    children: [
        TimeAndDate(),
        // QuickLaunches(),
    ],
})