# Widget SentinelMesh — Découverte réseau
# À copier dans votre glance.yml
#
# Prérequis :
#   - Backend SentinelMesh démarré (port 8080)
#   - agent-scan-network en cours d'exécution
#   - Fichier CSS custom copié dans votre répertoire assets Glance
#     et référencé dans glance.yml : custom-css-file: /assets/sentinelmesh.css

- type: custom-api
  title: Réseau local
  cache: 30s
  url: http://sentinelmesh:8080/api/v1/widgets/network
  template: |
    {{- $online  := .JSON.Int "online" -}}
    {{- $offline := .JSON.Int "offline" -}}
    {{- $total   := .JSON.Int "total" -}}

    <div class="sm-net-header flex justify-between margin-bottom-10">
      <span class="size-h5 color-paragraph">
        {{ $online }} en ligne
        {{ if gt $offline 0 }}&nbsp;·&nbsp;<span class="color-negative">{{ $offline }} hors ligne</span>{{ end }}
        &nbsp;·&nbsp; {{ $total }} total
      </span>
      {{ if .JSON.Exists "last_scan_at" }}
      <span class="size-h6 color-paragraph"
        {{ .JSON.String "last_scan_at" | parseTime "rfc3339" | toRelativeTime }}></span>
      {{ end }}
    </div>

    <ul class="list list-gap-10 collapsible-container" data-collapse-after="8">
    {{ range .JSON.Array "devices" }}
      {{- $state    := .String "state" -}}
      {{- $host     := .String "hostname" -}}
      {{- $ip       := .String "ip" -}}
      {{- $vendor   := .String "vendor" -}}
      <li class="sm-device flex gap-10 items-center">

        <div class="sm-state-dot {{ if eq $state "online" }}sm-dot-online{{ else }}sm-dot-offline{{ end }}"></div>

        <div class="grow min-width-0">
          <div class="flex justify-between">
            <span class="size-h4 color-highlight text-truncate">
              {{- if ne $host "" }}{{ $host }}{{ else }}{{ $ip }}{{ end -}}
            </span>
            <span class="size-h6 color-paragraph shrink-0 margin-left-10">{{ $ip }}</span>
          </div>

          <div class="flex gap-5 flex-wrap margin-top-3">
            {{ if ne $vendor "" }}
            <span class="sm-badge sm-badge-vendor size-h6">{{ $vendor }}</span>
            {{ end }}
            {{ range .Array "services" }}
            <span class="sm-badge size-h6">{{ .String "" }}</span>
            {{ end }}
          </div>
        </div>

      </li>
    {{ end }}
    </ul>