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

<div class="cs-admin-section mb-3">
  <div class="cs-admin-section__body py-3">
    <form method="get" class="row g-2 align-items-end">
      <div class="col-auto">
        <label class="form-label small mb-1">{{T "admin.sessions.status"}}</label>
        <select name="status" class="form-select form-select-sm">
          <option value="-1" {{if eq (index .Data "StatusFilter") -1}}selected{{end}}>{{T "admin.sessions.all"}}</option>
          <option value="0" {{if eq (index .Data "StatusFilter") 0}}selected{{end}}>{{T "admin.sessions.queued"}}</option>
          <option value="1" {{if eq (index .Data "StatusFilter") 1}}selected{{end}}>{{T "admin.sessions.active"}}</option>
          <option value="2" {{if eq (index .Data "StatusFilter") 2}}selected{{end}}>{{T "admin.sessions.closed"}}</option>
        </select>
      </div>
      <div class="col-auto">
        <button type="submit" class="btn btn-primary btn-sm"><i class="bx bx-filter-alt me-1"></i>{{T "admin.sessions.filter"}}</button>
        <a href="/admin/sessions" class="btn btn-light btn-sm">{{T "admin.sessions.reset"}}</a>
      </div>
    </form>
  </div>
</div>

<div class="cs-admin-section">
  <div class="cs-admin-section__head">
    <div class="cs-admin-section__head-icon"><i class="bx bx-conversation"></i></div>
    <div class="cs-admin-section__head-text">
      <h2 class="cs-admin-section__head-title">{{T "admin.sessions.list"}}</h2>
      <p class="cs-admin-section__head-sub">{{T "admin.sessions.list_sub"}}</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>ID</th><th>{{T "admin.sessions.col_visitor"}}</th><th>{{T "admin.sessions.col_site"}}</th><th>{{T "admin.sessions.col_user"}}</th><th>{{T "admin.sessions.col_status"}}</th><th>{{T "admin.sessions.col_updated"}}</th></tr>
        </thead>
        <tbody>
        {{range index .Data "Sessions"}}
        <tr>
          <td><span class="ut-admin-code">{{.id}}</span></td>
          <td class="fw-semibold">{{if .visitor_name}}{{.visitor_name}}{{else}}{{T "admin.sessions.visitor"}}{{end}}</td>
          <td>{{.site_name}}</td>
          <td>{{privacy "username" .username}}</td>
          <td>
            {{if eq (asInt .status) 0}}<span class="badge rounded-pill text-bg-warning">{{T "admin.sessions.queued"}}</span>
            {{else if eq (asInt .status) 1}}<span class="badge rounded-pill text-bg-success">{{T "admin.sessions.active"}}</span>
            {{else}}<span class="badge rounded-pill text-bg-secondary">{{T "admin.sessions.closed"}}</span>{{end}}
          </td>
          <td class="small text-muted">{{unixTime .updated_at}}</td>
        </tr>
        {{else}}
        <tr><td colspan="6" class="text-center text-muted py-4">{{T "admin.sessions.empty"}}</td></tr>
        {{end}}
        </tbody>
      </table>
    </div>
  </div>
</div>
</div>
{{template "admin/layout_foot" .}}
{{end}}