from res.themes.colors import gruvbox_dark
from qtile_extras.popup.toolkit import (
    PopupRelativeLayout,
    PopupImage,
    PopupText,
    PopupSlider
)
image='/home/cerberus/.config/qtile/res/images/no_cover.svg'

MPRIS2_LAYOUT = PopupRelativeLayout(
    None,
    width=400,
    height=200,
    opacity=0.7,
    background=gruvbox_dark["bg0_soft"],
    hide_on_mouse_leave=True,
    controls=[
        PopupText(
            "",
            name="title",
            font='Open Sans Bold',
            fontsize=18,
            pos_x=0.35,
            pos_y=0.1,
            width=0.55,
            height=0.14,
            h_align="left",
            v_align="top",
        ),
        PopupText(
            "",
            name="artist",
            font='Open Sans Medium',
            fontsize=14,
            pos_x=0.35,
            pos_y=0.24,
            width=0.55,
            height=0.14,
            h_align="left",
            v_align="middle",
        ),
        PopupText(
            "",
            name="album",
            font='Open Sans',
            fontsize=14,
            pos_x=0.35,
            pos_y=0.38,
            width=0.55,
            height=0.14,
            h_align="left",
            v_align="bottom",
        ),
        PopupImage(
            name="artwork",
            filename=image,
            pos_x=0.1,
            pos_y=0.1,
            width=0.21,
            height=0.42,
        ),
        PopupSlider(name="progress", pos_x=0.1, pos_y=0.6, width=0.8, height=0.1, marker_size=0),
        PopupText(
            name="previous",
            text='󰙤',
            fontsize=30,
            mask=True,
            pos_x=0.125,
            pos_y=0.8,
            width=0.15,
            height=0.1,
            v_align="middle",
            h_align="center",
            highlight_method='text',
            foreground=gruvbox_dark["fg0"],
            highlight=gruvbox_dark["green"],
        ),
        PopupText(
            name="play_pause",
            text='󰐎',
            fontsize=30,
            mask=True,
            pos_x=0.325,
            pos_y=0.8,
            width=0.15,
            height=0.1,
            v_align="middle",
            h_align="center",
            highlight_method='text',
            foreground=gruvbox_dark["fg0"],
            highlight=gruvbox_dark["green"],
        ),
        PopupText(
            name="stop",
            text='',
            fontsize=30,
            mask=True,
            pos_x=0.525,
            pos_y=0.8,
            width=0.15,
            height=0.1,
            v_align="middle",
            h_align="center",
            highlight_method='text',
            foreground=gruvbox_dark["fg0"],
            highlight=gruvbox_dark["green"],
        ),
        PopupText(
            name="next",
            text='󰙢',
            fontsize=30,
            mask=True,
            pos_x=0.725,
            pos_y=0.8,
            width=0.15,
            height=0.1,
            v_align="middle",
            h_align="center",
            highlight_method='text',
            foreground=gruvbox_dark["fg0"],
            highlight=gruvbox_dark["green"],
        ),
    ],
    close_on_click=False,
)