{{define "page_status"}}
{{template "guest_shell_open" dict "Title" (t "status_page_title") "Lang" (lang)}}
<div class="cyber-shell share-faq-page">
  <div class="cyber-hero cyber-hero--compact">
    <div class="hero-icon hero-icon--sm"><i class="fa-solid fa-tower-broadcast"></i></div>
    <h1>{{t "status_link"}}</h1>
  </div>

  <div class="card share-panel">
    <div class="share-panel__body">
      {{if not .Servers}}
      <p class="hint mb-0">{{t "js_servers_empty"}}</p>
      {{else}}
      <div class="tbl-wrap">
        <table class="table table-sm mb-0">
          <thead><tr><th>Сервер</th><th>Статус</th><th>Задержка</th></tr></thead>
          <tbody>
          {{range .Servers}}
            <tr>
              <td>{{if .Flag}}{{.Flag}} {{end}}{{.Label}}</td>
              <td>{{if .Alive}}<span class="badge-ok badge"><i class="fa-solid fa-circle-check"></i> {{t "status_up"}}</span>{{else}}<span class="badge-err badge"><i class="fa-solid fa-circle-xmark"></i> {{t "status_down"}}</span>{{end}}</td>
              <td>{{if .Alive}}{{.Ms}} ms{{else}}—{{end}}</td>
            </tr>
          {{end}}
          </tbody>
        </table>
      </div>
      {{end}}
    </div>
  </div>

  {{template "guest_subnav" .}}
  <p class="text-center mt-3"><a class="guest-back-link" href="{{appURL "share"}}"><i class="fa-solid fa-arrow-left"></i> Назад</a></p>
</div>
{{template "guest_footer" .}}
{{template "guest_shell_close" .}}
{{end}}