{% extends 'admin/custom_base.html' %}

{% block body %}
<div class="container-fluid mt-3">
  <div class="d-flex align-items-center mb-3">
    <h3 class="mb-0 mr-3">Live Sessions</h3>
    <span class="badge badge-success">{{ online_count }} online</span>
  </div>

  {% if details %}
  <div class="row">
    {% for d in details %}
    <div class="col-md-4 mb-3">
      <div class="card">
        <div class="card-header d-flex justify-content-between align-items-center">
          <div>
            <strong>{{ d.session.name }}</strong>
            {% if d.session.sandbox %}<span class="badge badge-secondary ml-1">Sandbox</span>
            {% elif d.session.private %}<span class="badge badge-dark ml-1">Private</span>
            {% else %}<span class="badge badge-info ml-1">Public</span>{% endif %}
          </div>
          <span class="badge badge-success">{{ d.players|length }} players</span>
        </div>
        <div class="card-body p-2">
          <div class="mb-2">
            <code style="font-size:.72rem;color:#6c757d">{{ d.session.photon_room_id }}</code>
          </div>
          {% for p in d.players %}
          <div class="d-flex align-items-center justify-content-between mb-1">
            <span>
              <a href="/admin/admin_players/edit/?id={{ p.Id }}">{{ p.Username }}</a>
              {% if p.Developer %}<span class="badge badge-warning badge-sm">Dev</span>{% endif %}
              <small class="text-muted ml-1">Lv {{ p.Level }}</small>
            </span>
            <button class="btn btn-xs btn-outline-danger" onclick="kickPlayer({{ p.Id }}, this)">Kick</button>
          </div>
          {% endfor %}
        </div>
      </div>
    </div>
    {% endfor %}
  </div>
  {% else %}
  <div class="alert alert-secondary">No active sessions right now.</div>
  {% endif %}
</div>

<script>
async function kickPlayer(pid, btn) {
  btn.disabled = true;
  try {
    const d = await KR.apiPost('/admin/api/disconnect/' + pid, {});
    if (d.error) {
      KR.toast(d.error, 'error');
      btn.disabled = false;
    } else {
      KR.toast(d.was_online ? 'Player kicked' : 'Player already offline');
      btn.closest('.d-flex').style.opacity = '0.4';
    }
  } catch (e) {
    KR.toast('Network error', 'error');
    btn.disabled = false;
  }
}
</script>
{% endblock %}