{% extends 'admin/model/edit.html' %}
{% import 'admin/lib.html' as lib with context %}
{% from 'admin/lib.html' import extra with context %}

{% block body %}
{% set player_id = request.args.get('id') %}
<div class="row">
  <div class="col-md-8">
    {% block navlinks %}
    <ul class="nav nav-tabs">
      <li class="nav-item">
        <a href="{{ return_url }}" class="nav-link">List</a>
      </li>
      <li class="nav-item">
        <a href="javascript:void(0)" class="nav-link active">Edit</a>
      </li>
    </ul>
    {% endblock %}
    {{ lib.render_form(form, return_url, extra(), form_opts) }}
  </div>

  {% if player_id %}
  <div class="col-md-4 mt-4">
    <div class="card mb-3" id="qa-card">
      <div class="card-header"><strong>Quick Actions</strong></div>
      <div class="card-body">
        <div id="qa-status" class="mb-3">
          <small class="text-muted">Loading...</small>
        </div>

        <div class="btn-group-vertical w-100 mb-2" id="qa-ban-btns">
          <button class="btn btn-sm btn-outline-danger" onclick="qaAction('ban1h')">Ban 1 Hour</button>
          <button class="btn btn-sm btn-outline-danger" onclick="qaAction('ban24h')">Ban 1 Day</button>
          <button class="btn btn-sm btn-outline-danger" onclick="qaAction('ban168h')">Ban 1 Week</button>
          <button class="btn btn-sm btn-danger" onclick="qaAction('permaban')">Permaban</button>
        </div>
        <button class="btn btn-sm btn-success w-100 mb-2" id="qa-unban-btn" onclick="qaAction('unban')" style="display:none">Unban Player</button>

        <button class="btn btn-sm btn-outline-secondary w-100 mb-2" onclick="qaAction('disconnect')">Disconnect WS</button>
        <button class="btn btn-sm btn-outline-warning w-100 mb-2" id="qa-dev-btn" onclick="qaAction('toggledev')">Toggle Developer</button>
        <button class="btn btn-sm btn-outline-primary w-100" onclick="openGiftModal(QA_PID, QA_USERNAME)">Gift Player</button>
      </div>
    </div>
  </div>
  {% endif %}
</div>

{% if player_id %}
{% include 'admin/partials/gift_modal.html' %}
{% endif %}

{% if player_id %}
<script>
const QA_PID = {{ player_id | int }};
let QA_USERNAME = '#' + QA_PID;

async function qaFetch(url, body) {
  const r = await fetch(url, {method:'POST', headers:{'Content-Type':'application/json'}, body: JSON.stringify(body || {})});
  return r.json();
}

async function loadStatus() {
  try {
    const r = await fetch('/admin/api/player_status/' + QA_PID);
    const p = await r.json();
    if (p.error) return;
    if (p.username) QA_USERNAME = p.username;
    const statusEl = document.getElementById('qa-status');
    let html = '<span class="badge badge-' + (p.online ? 'success' : 'secondary') + ' mr-1">' + (p.online ? 'Online' : 'Offline') + '</span>';
    if (p.banned) {
      html += '<span class="badge badge-danger">Banned</span>';
      if (p.ban_reason) html += '<div class="text-muted small mt-1" style="font-size:.72rem">' + p.ban_reason + '</div>';
      document.getElementById('qa-ban-btns').style.display = 'none';
      document.getElementById('qa-unban-btn').style.display = '';
    } else {
      document.getElementById('qa-ban-btns').style.display = '';
      document.getElementById('qa-unban-btn').style.display = 'none';
    }
    statusEl.innerHTML = html;
    const devBtn = document.getElementById('qa-dev-btn');
    if (devBtn) devBtn.textContent = p.developer ? 'Remove Developer' : 'Grant Developer';
  } catch {}
}

async function qaAction(action) {
  const statusEl = document.getElementById('qa-status');
  if (action === 'disconnect') {
    if (!confirm('Disconnect this player\'s WebSocket?')) return;
    const d = await qaFetch('/admin/api/disconnect/' + QA_PID);
    KR.toast(d.ok ? 'Disconnected' : (d.error || 'Error'), d.ok ? 'success' : 'error');
    return;
  }
  if (action === 'toggledev') {
    const d = await qaFetch('/admin/api/toggle_dev/' + QA_PID);
    if (d.developer !== undefined) { KR.toast(d.developer ? 'Developer granted' : 'Developer removed'); setTimeout(() => location.reload(), 600); }
    else KR.toast(d.error || 'Error', 'error');
    return;
  }
  if (action === 'unban') {
    if (!confirm('Unban this player?')) return;
    const d = await qaFetch('/admin/api/unban/' + QA_PID);
    if (d.ok) { KR.toast('Player unbanned'); setTimeout(() => location.reload(), 600); }
    else KR.toast(d.error || 'Error', 'error');
    return;
  }
const banMap = {ban1h:{h:1,label:'1 hour'}, ban24h:{h:24,label:'24 hours'}, ban168h:{h:168,label:'1 week'}, permaban:{h:0,label:'permanently'}};
  const meta = banMap[action];
  if (meta) {
    const reason = prompt('Reason for banning ' + meta.label + ':');
    if (reason === null) return;
    if (!confirm('Ban this player for ' + meta.label + '?')) return;
    const d = await qaFetch('/admin/api/ban/' + QA_PID, {reason: reason || 'Admin ban', duration_hours: meta.h, drop_ws: true});
    if (d.ok) { KR.toast('Player banned'); setTimeout(() => location.reload(), 600); }
    else KR.toast(d.error || 'Error', 'error');
  }
}

loadStatus();
</script>
{% endif %}
{% endblock %}

{% block tail %}
  {{ super() }}
  {{ lib.form_js() }}
{% endblock %}