{ config, pkgs, ... }:

{
  programs.wlogout = {
    enable = true;
    layout = [
      { label = "lock"; action = "hyprlock"; text = "Lock (l)"; keybind = "l"; }
      { label = "reboot"; action = "systemctl reboot"; text = "Reboot (r)"; keybind = "r"; }
      { label = "shutdown"; action = "systemctl poweroff"; text = "Shut Down (s)"; keybind = "s"; }
      { label = "logout"; action = "hyprctl dispatch exit"; text = "Exit (e)"; keybind = "e"; }
      { label = "suspend"; action = "systemctl suspend"; text = "Suspend (u)"; keybind = "u"; }
      { label = "hibernate"; action = "systemctl hibernate"; text = "Hibernate (h)"; keybind = "h"; }
    ];

    style = ''
      @import url("${config.home.homeDirectory}/.config/wlogout/colors.css");

      * {
          box-shadow: none;
          font-family: "JetBrainsMono Nerd Font";
      }

      window {
          background-color: rgba(0, 0, 0, 0.4);
      }

      button {
          border-radius: 0;
          border-color: @surface;
          color: @on_surface;
          background-color: rgba(0, 0, 0, 0.4);
          border-style: solid;
          border-width: 1px;
          background-repeat: no-repeat;
          background-position: center;
          background-size: 25%;
          margin: 5px;
      }

      button:focus, button:active, button:hover {
          background-color: rgba(0, 0, 0, 0.4);
          color: @on_primary;
          outline-style: none;
          border-color: @outline;
          border-style: solid;
          border-width: 1px;
      }

      #lock { background-image: url("${../icons/lock.png}"); }
      #logout { background-image: url("${../icons/logout.png}"); }
      #suspend { background-image: url("${../icons/suspend.png}"); }
      #hibernate { background-image: url("${../icons/hibernate.png}"); }
      #shutdown { background-image: url("${../icons/shutdown.png}"); }
      #reboot { background-image: url("${../icons/reboot.png}"); }
    '';
  };
}