{{define "admin/monitors.html"}}
{{template "admin/layout_head" .}}
<div class="cs-admin-page">
{{template "admin_pagehead" (dict "Icon" "bx-radar" "Title" (T "admin.monitors.title") "Desc" (T "admin.monitors.desc"))}}

<div class="cs-admin-section cs-admin-section--toolbar mb-3">
  <div class="cs-admin-section__body py-3">
    <form class="row g-2 align-items-center ut-admin-inline-form" method="get">
      <div class="col-auto">
        <label class="form-label small text-muted mb-1">{{T "admin.monitors.filter_user"}}</label>
        <input type="number" name="user_id" class="form-control form-control-sm" placeholder="{{T "admin.monitors.filter_all"}}" value="{{index .Data "UserID"}}" style="width:8rem">
      </div>
      <div class="col-auto align-self-end">
        <button class="btn btn-sm btn-primary"><i class="bx bx-filter-alt me-1"></i>{{T "admin.common.filter"}}</button>
        {{if index .Data "UserID"}}<a href="/admin/monitors" class="btn btn-sm btn-outline-secondary ms-1">{{T "admin.common.reset"}}</a>{{end}}
      </div>
    </form>
  </div>
</div>

<div class="cs-admin-section">
  <div class="cs-admin-section__head">
    <div class="cs-admin-section__head-icon cs-admin-section__head-icon--sky"><i class="bx bx-list-ul"></i></div>
    <div class="cs-admin-section__head-text">
      <h2 class="cs-admin-section__head-title">{{T "admin.monitors.list_title"}}</h2>
      <p class="cs-admin-section__head-sub">{{T "admin.monitors.list_sub_prefix"}} {{len (index .Data "Monitors")}} {{T "admin.monitors.list_sub_suffix"}}</p>
    </div>
  </div>
  <div class="cs-admin-section__body cs-admin-section__body--flush">
    <div class="table-responsive" data-nc-privacy-menu>
      <table class="table table-hover mb-0 align-middle">
        <thead class="table-light">
          <tr><th>{{T "admin.monitors.col_id"}}</th><th>{{T "admin.monitors.col_user"}}</th><th>{{T "admin.monitors.col_name"}}</th><th>{{T "admin.monitors.col_state"}}</th><th>{{T "admin.monitors.col_code"}}</th><th>{{T "admin.monitors.col_interval"}}</th><th>{{T "admin.monitors.col_last"}}</th></tr>
        </thead>
        <tbody>
        {{range index .Data "Monitors"}}
        <tr>
          <td><span class="ut-admin-code">{{.id}}</span></td>
          <td>{{privacy "username" .username}}</td>
          <td class="fw-semibold">{{privacy "text" .name}}</td>
          <td><span class="badge rounded-pill text-bg-{{stateBadge (asInt .current_state)}}">{{stateLabel (asInt .current_state)}}</span></td>
          <td>
            {{if eq (asInt .current_state) 1}}<span class="text-success fw-semibold">{{.last_status_code}}</span>
            {{else}}<span class="text-danger fw-semibold">{{.last_status_code}}</span>{{end}}
          </td>
          <td class="small">{{formatInterval (asInt .interval_sec)}}</td>
          <td class="small text-muted">{{unixTime .last_checked_at}}</td>
        </tr>
        {{else}}
        <tr><td colspan="7" class="text-center text-muted py-4">{{T "admin.monitors.empty"}}</td></tr>
        {{end}}
        </tbody>
      </table>
    </div>
  </div>
</div>
</div>
{{template "admin/layout_foot" .}}
{{end}}