#   icon: si:immich # si for Simple icons https://simpleicons.org/
#   icon: sh:immich # sh for selfh.st icons https://selfh.st/icons/
#   icon: di:immich # di for Dashboard icons https://github.com/homarr-labs/dashboard-icons
#   icon: mdi:camera # mdi for Material Design icons https://pictogrammers.com/library/mdi/



pages:
  - name: Home
    hide-desktop-navigation: false
    center-vertically: true
    columns:
      - size: small
        widgets:
          - type: calendar

          - type: rss
            limit: 10
            collapse-after: 3
            cache: 3h
            feeds:
              - url: https://omgubuntu.co.uk/feed
                title: OmgUbuntu
                limit: 4
              - url: https://9to5linux.com/feed/atom
                title: 9to5Linux
                limit: 4

          - type: twitch-channels
            channels:
              - technotim
              - piratesoftware

      - size: full
        widgets:
          - type: group
            widgets:
              - type: hacker-news
              - type: lobsters

          - type: search
            autofocus: true
            search-engine: google
            new-tab: true
            bangs:
              - title: YouTube
                shortcut: "!yt"
                url: https://www.youtube.com/results?search_query={QUERY}
              - title: Github
                shortcut: "!gh"
                url: https://github.com/search?q={QUERY}&type=repositories

          - type: group
            widgets:
              - type: reddit
                subreddit: technology
                show-thumbnails: true
              - type: reddit
                subreddit: selfhosted
                show-thumbnails: true

          - type: videos
            channels:
              - UCVls1GmFKf6WlTraIb_IaJg # Distro Tube
              - UCjSEJkpGbcZhvo0lr-44X_w # Tech Hut
              - UCZNhwA1B5YqiY1nLzmM0ZRg # Christian Lempa
              - UCVy16RS5eEDh8anP8j94G2A # DB TEch
              - UCwFpzG5MK5Shg_ncAhrgr9g # Awesome Open Source
              - UCxQKHvKbmSzGMvUrVtJYnUA # Learn Linux TV

      - size: small
        widgets:
          - type: weather
            location: Bealeton, Virginia, United States
            units: imperial
            hour-format: 12h # alternatively "24h"

          - type: custom-api
            title: Random Fact
            cache: 6h
            url: https://uselessfacts.jsph.pl/api/v2/facts/random
            template: |
              <p class="size-h4 color-paragraph">{{ .JSON.String "text" }}</p>

          - type: custom-api
            title: Immich stats
            cache: 1d
            url: http://192.168.2.13:2283/api/server/statistics
            headers:
              x-api-key: fYDkorU0ik0xOOvfwGiuYtcHWZmggaNYfvHARDTdWo
              Accept: application/json
            template: |
              <div class="flex justify-between text-center">
                <div>
                    <div class="color-highlight size-h3">{{ .JSON.Int "photos" | formatNumber }}</div>
                    <div class="size-h6">PHOTOS</div>
                </div>
                <div>
                    <div class="color-highlight size-h3">{{ .JSON.Int "videos" | formatNumber }}</div>
                    <div class="size-h6">VIDEOS</div>
                </div>
                <div>
                    <div class="color-highlight size-h3">{{ div (.JSON.Int "usage" | toFloat) 1073741824 | toInt | formatNumber }}GB</div>
                    <div class="size-h6">USAGE</div>
                </div>
              </div>

          - type: releases
            show-source-icon: true
            repositories:
              - go-gitea/gitea
              - jellyfin/jellyfin
              - glanceapp/glance
              - dockerhub:gotify/server

          - type: repository
            repository: mmcfetridge1969/ansible
            pull-requests-limit: 5
            issues-limit: 3
            commits-limit: 3

          - type: repository
            repository: ChristianLempa/boilerplates
            pull-requests-limit: 5
            issues-limit: 3
            commits-limit: 3

  - name: Monitoring
    # Optionally, if you only have a single page you can hide the desktop navigation for a cleaner look
    # hide-desktop-navigation: true
    columns:
      - size: small
        widgets:
          - type: calendar

      - size: full
        widgets:
          - type: monitor
            cache: 1m
            title: Services
            sites:
              - title: Proxmox1
                url: https://192.168.2.1:8006
                check-url: https://192.168.2.1:8006
                allow-insecure: true
                icon: di:proxmox
              - title: Proxmox2
                url: https://192.168.2.2:8006
                check-url: https://192.168.2.2:8006
                allow-insecure: true
                icon: di:proxmox

              - title: Jellyfin
                url: https://jellyfin.mikemcfetridge.com
                check-url: http://192.168.2.16:8096
                icon: di:jellyfin

              - title: Immich
                url: https://immich.mikemcfetridge.com
                check-url: http://192.168.2.13:2283/
                icon: di:immich

              - title: Vaultwarden
                url: https://vault.mikemcfetridge.com/
                check-url: https://192.168.2.19:8000/
                allow-insecure: true
                icon: di:vaultwarden-light

              - title: NGINX Proxy Manager
                url: https://proxy.mikemcfetridge.com/
                check-url: http://192.168.2.22:81/
                icon: di:nginx-proxy-manager

              - title: Wireguard
                url: https://wg2.mikemcfetridge.com/
                check-url: http://192.168.2.10:10086
                icon: di:wireguard

              - title: Gitea
                url: https://gitea.mikemcfetridge.com/
                check-url: http://192.168.2.24:3000/
                icon: di:gitea

              - title: IT-Tools
                url: https://ittools.mikemcfetridge.com/
                check-url: http://192.168.2.7:8089/
                icon: di:it-tools

              - title: Mealie
                url: https://mealie.mikemcfetridge.com/
                check-url: http://192.168.2.7:9925/
                icon: di:mealie

              - title: Wallabag
                url: https://wall.mikemcfetridge.com
                check-url: http://192.168.2.13:8667/
                icon: di:wallabag

              - title: Pi-Hole
                url: http://192.168.2.8/admin
                check-url: http://192.168.2.8/admin
                icon: di:pi-hole

              - title: Immich
                url: https://immich.mikemcfetridge.com
                check-url: http://192.168.2.13:2283/
                icon: di:immich

              - title: Searxng
                url: https://search.mikemcfetridge.com
                check-url: http://192.168.2.23:8888/
                icon: di:searxng

              - title: Authentik
                url: https://authentik.mikemcfetridge.com
                check-url: https://192.168.2.7:9443
                allow-insecure: true
                icon: di:authentik
              - title: Portainer-1
                url: https://port.mikemcfetridge.com
                check-url: https://192.168.2.7:9445
                allow-insecure: true
                icon: di:portainer

              - title: Portainer-2
                url: https://192.168.2.13:9445
                check-url: https://192.168.2.13:9445
                allow-insecure: true
                icon: di:portainer

              - title: Tianji
                url: https://tianji.mikemcfetridge.com/login
                check-url: http://192.168.2.7:12345
                allow-insecure: true
                icon: di:tianji

              - title: Technitium DNS
                url: http://192.168.2.9:5380/
                check-url: http://192.168.2.9:5380/
                allow-insecure: true
                icon: sh:technitium

          - type: monitor
            cache: 1m
            title: Servarr
            sites:

              - title: Jellyseerr
                url: http://192.168.2.16:5055
                check-url: http://192.168.2.16:5055
                icon: di:jellyseerr

              - title: Homarr
                url: https://dashboard.mikemcfetridge.com/
                check-url: http://192.168.2.7:7575/
                icon: di:homarr

              - title: Radarr
                url: http://192.168.2.16:7878
                check-url: http://192.168.2.16:7878
                icon: di:radarr

              - title: Sonarr
                url: http://192.168.2.16:8989
                check-url: http://192.168.2.16:8989
                icon: di:sonarr

              - title: Lidarr
                url: http://192.168.2.16:8686
                check-url: http://192.168.2.16:8686
                icon: di:lidarr

              - title: Bazarr
                url: http://192.168.2.16:6767
                check-url: http://192.168.2.16:6767
                icon: di:bazarr

              - title: Prowlarr
                url: http://192.168.2.16:9696
                check-url: http://192.168.2.16:9696
                icon: di:prowlarr

              - title: qBittorrent
                url: http://192.168.2.16:8118
                check-url: http://192.168.2.16:8118
                icon: di:qbittorrent

              - title: Audio Book Shelf
                url: https://audio.mikemcfetridge.com
                check-url: http://192.168.2.16:13378
                icon: di:audiobookshelf

      - size: small
        widgets:
          - type: rss
            limit: 10
            collapse-after: 3
            cache: 3h
            feeds:
              - url: https://omgubuntu.co.uk/feed
                title: OmgUbuntu
                limit: 4
              - url: https://9to5linux.com/feed/atom
                title: 9to5Linux
                limit: 4



  - name: Widget testing
    # Optionally, if you only have a single page you can hide the desktop navigation for a cleaner look
    # hide-desktop-navigation: true
    columns:
      - size: small
        widgets:
          - type: calendar

      - size: full
        widgets:

          - type: custom-api
            title: Netbird Devices
            title-url: https://app.netbird.io/peers
            url: https://api.netbird.io/api/peers
            headers:
                Accept: application/json
                Authorization: Token ${nbp_bz2jNZN9MnkMErrBi8jFjrNsweZuY108oYSo}
            cache: 10m
            template: |
                {{ $enableOnlineIndicator := false }}

                <style>
                .device-info-container {
                    position: relative;
                    overflow: hidden;
                    height: 1.5em;
                }

                .device-info {
                    display: flex;
                    transition: transform 0.2s ease, opacity 0.2s ease;
                }

                .device-ip {
                    position: absolute;
                    top: 0;
                    left: 0;
                    transform: translateY(-100%);
                    opacity: 0;
                    transition: transform 0.2s ease, opacity 0.2s ease;
                }

                .device-info-container:hover .device-info {
                    transform: translateY(100%);
                    opacity: 0;
                }

                .device-info-container:hover .device-ip {
                    transform: translateY(0);
                    opacity: 1;
                }

                .offline-indicator,
                .online-indicator {
                    width: 8px;
                    height: 8px;
                    border-radius: 50%;
                    display: inline-block;
                    margin-left: 4px;
                    vertical-align: middle;
                }

                .online-indicator {
                    background-color: var(--color-positive);
                }

                .offline-indicator {
                    background-color: var(--color-negative);
                }

                .device-name-container {
                    display: flex;
                    align-items: center;
                    gap: 8px;
                }

                .indicators-container {
                    display: flex;
                    align-items: center;
                    gap: 4px;
                }
                </style>

                <ul class="list list-gap-10 collapsible-container" data-collapse-after="4">
                {{ range .JSON.Array "" }}
                <li>
                    <div class="flex items-center gap-10">
                    <div class="device-name-container grow">
                        <span class="size-h4 block text-truncate color-primary">
                        {{ .String "hostname" }}
                        </span>
                        <div class="indicators-container">
                        {{ if .Bool "connected" }}
                            {{ if $enableOnlineIndicator }}
                            <span class="online-indicator" data-popover-type="text" data-popover-text="Online"></span>
                            {{ end }}
                        {{ else }}
                            {{ $lastSeen := .String "last_seen" | parseTime "rfc3339" }}
                            <span class="offline-indicator" data-popover-type="text" data-popover-text="Offline - Last seen {{ $lastSeen.Format "Jan 2 3:04pm" }}"></span>
                        {{ end }}
                        </div>
                    </div>
                    </div>
                    <div class="device-info-container">
                    <ul class="list-horizontal-text device-info">
                        <li>{{ .String "os" }}</li>
                        <li>{{ .String "city_name" }}, {{ .String "country_code"}}</li>
                    </ul>
                    <div class="device-ip">
                        {{ .String "ip" }}
                        {{ .String "dns_label"}}
                    </div>
                    </div>
                </li>
                {{ end }}
                </ul>

      - size: small
        widgets:
          - type: rss
            limit: 10
            collapse-after: 3
            cache: 3h
            feeds:
              - url: https://omgubuntu.co.uk/feed
                title: OmgUbuntu
                limit: 4
              - url: https://9to5linux.com/feed/atom
                title: 9to5Linux
                limit: 4