// This is for the right pill of the bar. 
// For the cool memory indicator on the sidebar, see sysinfo.js
import { Service, Utils, Widget } from '../imports.js';
const { exec, execAsync } = Utils;
import Battery from 'resource:///com/github/Aylur/ags/service/battery.js';

export const ModuleSystem = () => Widget.EventBox({
    onScrollUp: () => execAsync('hyprctl dispatch workspace -1'),
    onScrollDown: () => execAsync('hyprctl dispatch workspace +1'),
    child: Widget.Box({
        className: 'bar-group-margin bar-sides',
        children: [
            Widget.Box({
                className: 'bar-group bar-group-standalone bar-group-pad-system spacing-h-15',
                children: [
                    Widget.Box({ // Clock
                        valign: 'center',
                        className: 'spacing-h-5',
                        children: [
                            Widget.Label({
                                className: 'bar-clock',
                                connections: [[5000, label => {
                                    execAsync([`date`, "+%H:%M"]).then(timeString => {
                                        label.label = timeString;
                                    }).catch(print);
                                }]],
                            }),
                            Widget.Label({
                                className: 'txt-norm txt',
                                label: '•',
                            }),
                            Widget.Label({
                                className: 'txt-smallie txt',
                                connections: [[5000, label => {
                                    execAsync([`date`, "+%A, %d/%m"]).then(dateString => {
                                        label.label = dateString;
                                    }).catch(print);
                                }]],
                            }),
                        ],
                    }),
                    /*Widget.Box({ // Battery
                        valign: 'center',
                        hexpand: true,
                        className: 'spacing-h-5 bar-batt',
                        connections: [[Battery, box => {
                            box.toggleClassName('bar-batt-low', Battery.percent <= 20);
                            box.toggleClassName('bar-batt-full', Battery.charged);
                        }]],
                        children: [
                            Widget.Label({
                                className: 'bar-batt-percentage',
                                connections: [[Battery, label => {
                                    label.label = `${Battery.percent}`;
                                }]],
                            }),
                            Widget.ProgressBar({
                                valign: 'center',
                                hexpand: true,
                                className: 'bar-prog-batt',
                                connections: [[Battery, progress => {
                                    progress.value = Math.abs(Battery.percent / 100); // battery could be initially negative wtf
                                    progress.toggleClassName('bar-prog-batt-low', Battery.percent <= 20);
                                    progress.toggleClassName('bar-prog-batt-full', Battery.charged);
                                }]],
                            }),
                            Widget.Revealer({
                                transitionDuration: 150,
                                revealChild: false,
                                transition: 'slide_left',
                                child: Widget.Box({
                                    valign: 'center',
                                    className: 'bar-batt-chargestate-charging',
                                    connections: [[Battery, box => {
                                        box.toggleClassName('bar-batt-chargestate-low', Battery.percent <= 20);
                                        box.toggleClassName('bar-batt-chargestate-full', Battery.charged);
                                    }]],
                                }),
                                connections: [[Battery, revealer => {
                                    revealer.revealChild = Battery.charging;
                                }]],
                            }),
                        ],
                    }),]*/
                ],
            }),
        ]
    })
});