{
  config,
  lib,
  ...
}: let
  unit = "homepage-dashboard";
  cfg = config.server.homepage-dashboard;
  srv = config.server;
in {
  options.server.homepage-dashboard = {
    enable = lib.mkEnableOption {
      description = "Enable ${unit}";
    };
    misc = lib.mkOption {
      default = [];
      type = lib.types.listOf (
        lib.types.attrsOf (
          lib.types.submodule {
            options = {
              description = lib.mkOption {
                type = lib.types.str;
              };
              href = lib.mkOption {
                type = lib.types.str;
              };
              siteMonitor = lib.mkOption {
                type = lib.types.str;
              };
              icon = lib.mkOption {
                type = lib.types.str;
              };
            };
          }
        )
      );
    };
  };
  config = lib.mkIf cfg.enable {
    services.glances.enable = true;
    services.${unit} = {
      enable = true;
      allowedHosts = srv.domain;
      # environmentFile = config.age.secrets.homepageEnvironment.path;
      # customCSS = ''
      #   @font-face {
      #     font-family: "VCR OSD Mono";
      #     src: url("https://git.sr.ht/~canasta/fonts/tree/main/item/fonts/vcr-mono/TTF/vcr-mono.ttf")
      #       format("truetype");
      #   }
      #   body,
      #   html {
      #     --mint: #d7ffff;
      #     --outerspace: #f8ffff;
      #     --ghostY: #0d090f;
      #     background: var(--ghostY);
      #   }
      #   .font-medium {
      #     font-weight: 700 !important;
      #   }
      #   .font-light {
      #     font-weight: 500 !important;
      #   }
      #   .font-thin {
      #     font-weight: 400 !important;
      #   }
      #   body .colorOverlay {
      #     background: linear-gradient(0deg, var(--overlayA) 0%, var(--overlayB) 100%);
      #     z-index: 2147483647;
      #     pointer-events: none;
      #     position: absolute;
      #     top: 0;
      #     bottom: 0;
      #     left: 0;
      #     right: 0;
      #     overflow: hidden;
      #     body {
      #       background: var(--ghostY);
      #       color: var(--mint);
      #       fill: var(--outerspace);
      #       min-width: 320px;
      #       max-width: 100%;
      #       min-height: 100%;
      #       -webkit-font-smoothing: antialiased;
      #       --overlayA: rgba(130, 0, 100, 0.07);
      #       --overlayB: rgba(30, 190, 180, 0.07);
      #       margin: 0;
      #       padding: 0;
      #       font: inherit;
      #       font-family: VCR OSD Mono Regular;
      #       font-size: 16px;
      #       font-weight: 600;
      #       position: relative;
      #     }
      #     #information-widgets {
      #       padding-left: 1.5rem;
      #       padding-right: 1.5rem;
      #     }
      #     div#footer {
      #       display: none;
      #     }
      #     .services-group.basis-full.flex-1.px-1.-my-1 {
      #       padding-bottom: 3rem;
      #     }
      #   }
      # '';
      settings = {
        background = "/fonts/foto.jpg";
        layout = [
          {
            Glances = {
              header = false;
              style = "row";
              columns = 4;
            };
          }
          {
            Arr = {
              header = true;
              style = "column";
            };
          }
          {
            Downloads = {
              header = true;
              style = "column";
            };
          }
          {
            Media = {
              header = true;
              style = "column";
            };
          }
          {
            Services = {
              header = true;
              style = "column";
            };
          }
        ];
        headerStyle = "clean";
        statusStyle = "dot";
        hideVersion = "true";
      };

      widgets = [
        {
          openmeteo = {
            label = "Current";
            units = "metric";
            cache = 5;
          };
        }
        {
          openmeteo = {
            label = "Kalmar";
            timezone = "Europe/Stockholm";
            units = "metric";
            cache = 5;
            latitude = 56.707262;
            longitude = 16.324541;
          };
        }
      ];

      services = let
        homepageCategories = [
          "Arr"
          "Media"
          "Downloads"
          "Services"
          "Smart Home"
        ];
        hl = config.server;
        mergedServices = hl // hl.podman;
        homepageServices = x: (lib.attrsets.filterAttrs (
            name: value: value ? homepage && value.homepage.category == x
          )
          mergedServices);
      in
        lib.lists.forEach homepageCategories (cat: {
          "${cat}" =
            lib.lists.forEach
            (lib.attrsets.mapAttrsToList (name: value: {inherit name value;}) (homepageServices "${cat}"))
            (x: {
              "${x.value.homepage.name}" = {
                icon = x.value.homepage.icon;
                description = x.value.homepage.description;
                href = "https://${x.value.url}";
                siteMonitor = "https://${x.value.url}";
              };
            });
        })
        ++ [{Misc = cfg.misc;}]
        ++ [
          {
            Glances = let
              port = toString config.services.glances.port;
            in [
              {
                Info = {
                  widget = {
                    type = "glances";
                    url = "http://localhost:${port}";
                    metric = "info";
                    chart = false;
                    version = 4;
                  };
                };
              }
              {
                "CPU Temp" = {
                  widget = {
                    type = "glances";
                    url = "http://localhost:${port}";
                    metric = "sensor:Tctl";
                    chart = false;
                    version = 4;
                  };
                };
              }
              {
                "GPU Radeon" = {
                  widget = {
                    type = "glances";
                    url = "http://localhost:${port}";
                    metric = "sensor:junction";
                    chart = false;
                    version = 4;
                  };
                };
              }
              {
                "GPU Intel" = {
                  widget = {
                    type = "glances";
                    url = "http://localhost:${port}";
                    metric = "sensor:Composite";
                    chart = false;
                    version = 4;
                  };
                };
              }
              {
                Processes = {
                  widget = {
                    type = "glances";
                    url = "http://localhost:${port}";
                    metric = "process";
                    chart = false;
                    version = 4;
                  };
                };
              }
              {
                Network = {
                  widget = {
                    type = "glances";
                    url = "http://localhost:${port}";
                    metric = "network:enp6s0";
                    chart = false;
                    version = 4;
                  };
                };
              }
            ];
          }
        ];
    };
    services.caddy.virtualHosts."${srv.domain}" = {
      useACMEHost = srv.domain;
      extraConfig = ''
        reverse_proxy http://127.0.0.1:${toString config.services.${unit}.listenPort}
      '';
    };
  };
}