{ pkgs, config, ... }:
let
  settings = ''
    {
      "config": {
        "title" : "Jack's Home",
        "openLinksInNewTab": false,
        "locale": "fr-FR",
        "colors": {
          "primary": "#${config.var.theme.colors.accent}",
          "background": "#${config.var.theme.colors.bg}",
          "foreground": "#${config.var.theme.colors.fg}",
          "muted": "#${config.var.theme.colors.c8}"
        },
        "folders": [
          {
            "name": "    Home",
            "links": [
              {
                "title": "Nextcloud",
                "url": "https://cloud.anotherhadi.com",
                "icon": "󰅟"
              },
              {
                "title": "Vaultwarden",
                "url": "https://vault.anotherhadi.com",
                "icon": ""
              }
            ]
          },
          {
            "name": "󰚺    Streaming",
            "links": [
              {
                "title": "Jellyfin",
                "url": "http://192.168.1.99:8096",
                "icon": "󰼂"
              },
              {
                "title": "Jellyseerr",
                "url": "http://192.168.1.99:5055",
                "icon": ""
              },
              {
                "title": "Radarr",
                "url": "http://192.168.1.99:7878",
                "icon": ""
              },
              {
                "title": "Sonarr",
                "url": "http://192.168.1.99:8989",
                "icon": ""
              },
              {
                "title": "Bazarr",
                "url": "http://192.168.1.99:6767",
                "icon": "󰨖"
              },
              {
                "title": "Transmission",
                "url": "http://192.168.1.99:9091",
                "icon": "󰘡"
              },
              {
                "title": "Prowlarr",
                "url": "http://192.168.1.99:9696",
                "icon": "󱖫"
              }
            ]
          },
          {
            "name": "    Admin",
            "links": [
              {
                "title": "Uptime Kuma",
                "url": "https://kuma.anotherhadi.com",
                "icon": "󱎫"
              },
              {
                "title": "Cockpit",
                "url": "https://jack:3009",
                "icon": ""
              },
              {
                "title": "Adguard Home",
                "url": "http://192.168.2.24:3001",
                "icon": ""
              },
              {
                "title": "Proxmox",
                "url": "https://192.168.2.17:8006",
                "icon": ""
              },
              {
                "title": "Cloudflare",
                "url": "https://dash.cloudflare.com/",
                "icon": ""
              },
              {
                "title": "Tailscale",
                "url": "https://login.tailscale.com/admin/machines",
                "icon": "󰖂"
              }
            ]
          }
        ]
      }
    }
  '';

  package = pkgs.buildNpmPackage {
    pname = "homepage";
    version = "0.0.0";

    src = pkgs.fetchFromGitHub {
      owner = "anotherhadi";
      repo = "homepage";
      rev = "9553fc10221eb8568ca6999d73e48e9261447aa4";
      hash = "sha256-vpiaBb0iDnbYQH69ZbMurHtOerWNPX7HC7Hx0vM31C4=";
    };

    # npmDepsHash = lib.fakeHash;
    npmDepsHash = "sha256-bG+CHTq2Rst3JMxsjAC81KhK+G7WwsTVD1eyP87g0z4=";

    buildPhase = ''
      npm install
      cp ${
        pkgs.writeText "src/routes/config.json" settings
      } src/routes/config.json
      npm run build
      mkdir $out
      mv build $out
    '';

    meta = {
      description = "homepage";
      homepage = "https://github.com/anotherhadi/homepage";
    };
  };

in {
  services.nginx.virtualHosts."home.anotherhadi.com" = {
    serverAliases = [ "jack.anotherhadi.com" ];
    enableACME = true;
    root = package + "/build";
  };
}