[
  {
    type = "custom-api";
    title = "Uptime Kumas";
    title-url = "\${UPTIME_KUMA_URL}";
    url = "\${UPTIME_KUMA_URL}/api/status-page/\${UPTIME_KUMA_STATUS_SLUG}";
    subrequests = {heartbeats = {url = "\${UPTIME_KUMA_URL}/api/status-page/heartbeat/\${UPTIME_KUMA_STATUS_SLUG}";};};
    cache = "10m";
    template = "{{ $hb := .Subrequest \"heartbeats\" }}\n\n{{ if not (.JSON.Exists \"publicGroupList\") }}\n<p class=\"color-negative\">Error reading response</p>\n{{ else if eq (len (.JSON.Array \"publicGroupList\")) 0 }}\n<p>No monitors found</p>\n{{ else }}\n\n<ul class=\"dynamic-columns list-gap-8\">\n  {{ range .JSON.Array \"publicGroupList\" }}\n  {{ range .Array \"monitorList\" }}\n  {{ $id := .String \"id\" }}\n  {{ $hbArray := $hb.JSON.Array (print \"heartbeatList.\" $id) }}\n  <div class=\"flex items-center gap-12\">\n    <a class=\"size-title-dynamic color-highlight text-truncate block grow\" href=\"\${UPTIME_KUMA_URL}/dashboard/{{ $id }}\"\n      target=\"_blank\" rel=\"noreferrer\">\n      {{ .String \"name\" }} </a>\n\n    {{ if gt (len $hbArray) 0 }}\n      {{ $latest := index $hbArray (sub (len $hbArray) 1) }}\n      {{ if eq ($latest.Int \"status\") 1 }}\n      <div>{{ $latest.Int \"ping\" }}ms</div>\n      <div class=\"monitor-site-status-icon-compact\" title=\"OK\">\n        <svg fill=\"var(--color-positive)\" xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 20 20\">\n          <path fill-rule=\"evenodd\"\n            d=\"M10 18a8 8 0 1 0 0-16 8 8 0 0 0 0 16Zm3.857-9.809a.75.75 0 0 0-1.214-.882l-3.483 4.79-1.88-1.88a.75.75 0 1 0-1.06 1.061l2.5 2.5a.75.75 0 0 0 1.137-.089l4-5.5Z\"\n            clip-rule=\"evenodd\"></path>\n        </svg>\n      </div>\n      {{ else }}\n      <div><span class=\"color-negative\">DOWN</span></div>\n      <div class=\"monitor-site-status-icon-compact\" title=\"{{ if $latest.Exists \"msg\" }}{{ $latest.String \"msg\" }}{{ else\n        }}Error{{ end }}\">\n        <svg fill=\"var(--color-negative)\" xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 20 20\">\n          <path fill-rule=\"evenodd\"\n            d=\"M8.485 2.495c.673-1.167 2.357-1.167 3.03 0l6.28 10.875c.673 1.167-.17 2.625-1.516 2.625H3.72c-1.347 0-2.189-1.458-1.515-2.625L8.485 2.495ZM10 5a.75.75 0 0 1 .75.75v3.5a.75.75 0 0 1-1.5 0v-3.5A.75.75 0 0 1 10 5Zm0 9a1 1 0 1 0 0-2 1 1 0 0 0 0 2Z\"\n            clip-rule=\"evenodd\"></path>\n        </svg>\n      </div>\n      {{ end }}\n    {{ else }}\n      <div><span class=\"color-negative\">No data</span></div>\n      <div class=\"monitor-site-status-icon-compact\" title=\"No data available\">\n        <svg fill=\"var(--color-negative)\" xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 20 20\">\n          <path d=\"M10 18a8 8 0 1 1 0-16 8 8 0 0 1 0 16zm0-2a6 6 0 1 0 0-12 6 6 0 0 0 0 12zm-.75-8a.75.75 0 0 1 1.5 0v3a.75.75 0 0 1-1.5 0V8zm.75 5a1 1 0 1 1 0 2 1 1 0 0 1 0-2z\"/>\n        </svg>\n      </div>\n    {{ end }}\n  </div>\n  {{ end }}\n  {{ end }}\n</ul>\n{{ end }}\n";
  }
]