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

{% block body %}
<div>

  <div style="display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:.75rem;margin-bottom:1.25rem">
    <div>
      <h3 style="font-size:1.3rem;font-weight:800;letter-spacing:-.3px;margin-bottom:.2rem">Dashboard</h3>
      <div style="font-size:.8rem;color:var(--text3)">
        Signed in as <strong style="color:var(--text2)">{{ account.username }}</strong>
        {% if SCOPE_ADMIN in scopes %}<span class="badge badge-purple" style="margin-left:.35rem">Admin</span>{% else %}<span class="badge badge-gray" style="margin-left:.35rem">Mod</span>{% endif %}
      </div>
    </div>
    <div style="position:relative;min-width:280px">
      <div style="display:flex;gap:0">
        <input type="text" id="dash-search" placeholder="Search players…" autocomplete="off" style="border-radius:7px 0 0 7px;border-right:none">
        <a id="dash-search-link" href="/admin/players" class="kr-btn kr-btn-ghost" style="border-radius:0 7px 7px 0;border-left:none">Go</a>
      </div>
      <div id="dash-results" class="list-group" style="display:none;position:absolute;top:100%;left:0;right:0;z-index:9999;max-height:260px;overflow-y:auto;border:1px solid var(--border);border-radius:8px;box-shadow:var(--shadow);background:var(--bg3);margin-top:3px"></div>
    </div>
  </div>

  <div id="maintenance-banner" style="display:none;align-items:center;justify-content:space-between;background:rgba(239,68,68,.1);border:1px solid rgba(239,68,68,.3);border-radius:var(--radius);padding:.75rem 1rem;margin-bottom:1.25rem;color:var(--red)">
    <span><strong>Maintenance Mode is ON</strong> — Non-developer accounts cannot log in.</span>
    {% if SCOPE_ADMIN in scopes %}
    <button class="kr-btn kr-btn-ghost" style="font-size:.78rem;padding:.3rem .7rem;color:var(--red);border-color:rgba(239,68,68,.4);margin-left:.75rem" onclick="setMaintenance(false)">Disable Now</button>
    {% endif %}
  </div>

  <div class="stats-grid">
    <div class="stat-card purple">
      <div class="label">Total Players</div>
      <div class="value" id="s-total">{{ total_players }}</div>
    </div>
    <div class="stat-card green">
      <div class="label">Online</div>
      <div class="value" id="s-online">{{ online_count }}</div>
    </div>
    <div class="stat-card teal">
      <div class="label">Sessions</div>
      <div class="value" id="s-sessions">{{ session_count }}</div>
    </div>
    <div class="stat-card yellow">
      <div class="label">Pending Gifts</div>
      <div class="value" id="s-gifts">{{ pending_gifts }}</div>
    </div>
    <div class="stat-card red">
      <div class="label">Banned</div>
      <div class="value" id="s-banned">{{ banned_count }}</div>
    </div>
    <div class="stat-card" style="--acc:var(--purple)">
      <div class="label">Admin Logins Today</div>
      <div class="value" style="color:var(--purple-l)">{{ admin_logins_today }}</div>
    </div>
    <div class="stat-card" style="--acc:var(--teal,#14b8a6)">
      <div class="label">Total Playtime</div>
      <div class="value" id="s-playtime" style="color:var(--teal,#14b8a6)">—</div>
    </div>
  </div>

  <div class="grid-2" style="gap:1.25rem;margin-bottom:1.25rem">
    <div class="card">
      <div class="section-head">
        <h2>Online Players</h2>
        <span class="badge badge-green" id="online-badge">{{ online_count }}</span>
      </div>
      <div id="online-list" class="table-wrap" style="max-height:360px;overflow-y:auto">
        {% if online_players %}
        <table>
          <thead><tr><th>Player</th><th>Level</th><th>Room</th><th>Actions</th></tr></thead>
          <tbody>
            {% for p in online_players %}
            <tr>
              <td>
                <a href="#" onclick="KR.openDrawer({{ p.id }});return false" style="font-weight:600;color:var(--text);text-decoration:none">{{ p.username }}</a>
                {% if p.developer %}<span class="badge badge-yellow" style="margin-left:.3rem">Dev</span>{% endif %}
                {% if p.screen_mode %}<span class="badge badge-gray" style="margin-left:.3rem">Screen</span>{% else %}<span class="badge badge-teal" style="margin-left:.3rem">VR</span>{% endif %}
              </td>
              <td style="color:var(--text3);font-size:.82rem">{{ p.level }}</td>
              <td style="color:var(--text3);font-size:.78rem;font-family:monospace">{{ p.room }}</td>
              <td style="white-space:nowrap">
                <div class="flex gap-1">
                  <button type="button" class="btn btn-ghost btn-sm" onclick="KR.openDrawer({{ p.id }})">View</button>
                  {% if SCOPE_ADMIN in scopes %}
                  <button type="button" class="btn btn-ghost btn-sm" onclick="openGiftModal({{ p.id }}, '{{ p.username|e }}')">Gift</button>
                  <button type="button" class="btn btn-ghost btn-sm" onclick="openDmModal({{ p.id }}, '{{ p.username|e }}')">DM</button>
                  <button type="button" class="btn btn-ghost btn-sm" onclick="openResetPassModal({{ p.id }}, '{{ p.username|e }}')">Pass</button>
                  {% endif %}
                  <button type="button" class="btn btn-ghost btn-sm" style="color:var(--red)" onclick="disconnectPlayer({{ p.id }})">Kick</button>
                </div>
              </td>
            </tr>
            {% endfor %}
          </tbody>
        </table>
        {% else %}
        <div style="text-align:center;color:var(--text3);padding:2.5rem 0;font-size:.85rem">No players online</div>
        {% endif %}
      </div>
    </div>

    <div class="card">
      <div class="section-head">
        <h2>Active Sessions</h2>
        <a href="/admin/live/sessions" class="btn btn-ghost btn-sm">View All →</a>
      </div>
      <div class="table-wrap" style="max-height:360px;overflow-y:auto">
        {% if active_sessions %}
        <table>
          <thead><tr><th>Room</th><th>Activity</th><th>Players</th><th>Mode</th></tr></thead>
          <tbody>
            {% for s in active_sessions %}
            <tr>
              <td style="font-family:monospace;font-size:.75rem;color:var(--teal)">{{ s.photon_room_id }}</td>
              <td style="font-size:.82rem">{{ s.name }}</td>
              <td><span class="badge badge-green">{{ s.players|length }}</span></td>
              <td>
                {% if s.sandbox %}<span class="badge badge-purple">Sandbox</span>
                {% elif s.private %}<span class="badge badge-gray">Private</span>
                {% else %}<span class="badge badge-teal">Public</span>{% endif %}
              </td>
            </tr>
            {% endfor %}
          </tbody>
        </table>
        {% else %}
        <div style="text-align:center;color:var(--text3);padding:2rem 0;font-size:.85rem">No active sessions</div>
        {% endif %}
      </div>
    </div>
  </div>

  <div class="card" style="margin-bottom:1.25rem">
    <div class="section-head">
      <h2>Top Players by Playtime</h2>
      <span class="badge badge-gray" style="font-size:.72rem">All time</span>
    </div>
    <div class="table-wrap" style="max-height:260px;overflow-y:auto">
      <table>
        <thead><tr><th>#</th><th>Player</th><th>Level</th><th>Playtime</th><th>Sessions</th></tr></thead>
        <tbody id="playtime-lb-tbody"><tr><td colspan="5" style="text-align:center;color:var(--text3);padding:1.5rem 0;font-size:.85rem">Loading…</td></tr></tbody>
      </table>
    </div>
  </div>

  <div class="card" style="margin-bottom:1.25rem">
    <div class="section-head"><h2>Recent Admin Actions</h2></div>
    <div class="table-wrap" style="max-height:300px;overflow-y:auto">
      {% if recent_actions %}
      <table>
        <thead><tr><th style="width:120px">Action</th><th style="width:120px">Admin</th><th>Details</th><th style="width:140px">Time</th></tr></thead>
        <tbody id="admin-actions-tbody">
          {% for a in recent_actions %}
          <tr>
            <td>
              {% if 'ban' in a.action and 'unban' not in a.action %}<span class="badge badge-red">{{ a.action|upper }}</span>
              {% elif a.action == 'unban' %}<span class="badge badge-green">UNBAN</span>
              {% elif a.action == 'login' %}<span class="badge badge-gray">LOGIN</span>
              {% elif a.action == 'disconnect' %}<span class="badge badge-yellow">KICK</span>
              {% elif a.action in ('gift_all', 'gift_xp', 'gift_player') %}<span class="badge badge-teal">GIFT</span>
              {% elif a.action == 'reroll_store' %}<span class="badge badge-purple">STORE</span>
              {% elif a.action == 'toggle_dev' %}<span class="badge badge-yellow">DEV</span>
              {% elif a.action == 'reset_password' %}<span class="badge badge-gray">RESET PASS</span>
              {% elif a.action == 'send_dm' %}<span class="badge badge-green">DM</span>
              {% elif a.action == 'maintenance_mode' %}<span class="badge badge-red">MAINT</span>
              {% elif a.action == 'git_sync' %}<span class="badge badge-gray">GIT</span>
              {% elif a.action == 'create_room' %}<span class="badge badge-teal">ROOM</span>
              {% else %}<span class="badge badge-gray">{{ a.action|upper }}</span>{% endif %}
            </td>
            <td style="font-weight:600;font-size:.85rem">{{ a.admin_name }}</td>
            <td style="color:var(--text2);font-size:.82rem">{{ (a.details or '—')|e }}</td>
            <td style="color:var(--text3);font-size:.75rem">{{ a.created_at[:16] if a.created_at else '' }}</td>
          </tr>
          {% endfor %}
        </tbody>
      </table>
      {% else %}
      <div style="text-align:center;color:var(--text3);padding:2rem 0;font-size:.85rem">No recent actions</div>
      {% endif %}
    </div>
  </div>

  {% if SCOPE_ADMIN in scopes %}
  <div class="card" style="margin-bottom:1.25rem">
    <div class="section-head"><h2>Quick Actions</h2></div>
    <div style="padding:1.25rem">
      <div style="display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:1.25rem;margin-bottom:1.25rem">
        <div>
          <div style="font-size:.7rem;font-weight:700;color:var(--text3);text-transform:uppercase;letter-spacing:.08em;margin-bottom:.6rem">Gifts</div>
          <div style="display:flex;flex-direction:column;gap:.4rem">
            <button class="btn btn-primary btn-sm" data-toggle="modal" data-target="#giftAllModal">Gift All Players</button>
            <button class="btn btn-ghost btn-sm" data-toggle="modal" data-target="#giftPlayerModal">Gift Specific Player</button>
          </div>
        </div>
        <div>
          <div style="font-size:.7rem;font-weight:700;color:var(--text3);text-transform:uppercase;letter-spacing:.08em;margin-bottom:.6rem">Messaging</div>
          <div style="display:flex;flex-direction:column;gap:.4rem">
            <button class="btn btn-green btn-sm" data-toggle="modal" data-target="#dmPlayerModal">DM a Player</button>
            <button class="btn btn-ghost btn-sm" data-toggle="modal" data-target="#globalDmModal">Global DM (All)</button>
          </div>
        </div>
        <div>
          <div style="font-size:.7rem;font-weight:700;color:var(--text3);text-transform:uppercase;letter-spacing:.08em;margin-bottom:.6rem">Store</div>
          <button class="btn btn-ghost btn-sm" onclick="rerollStore()">Reroll Store Now</button>
          <div style="color:var(--text3);font-size:.75rem;margin-top:.4rem">Force a new 12-hour rotation</div>
        </div>
        <div>
          <div style="font-size:.7rem;font-weight:700;color:var(--text3);text-transform:uppercase;letter-spacing:.08em;margin-bottom:.6rem">Photos</div>
          <button class="btn btn-ghost btn-sm" onclick="createMural()" id="mural-btn">Create Mural</button>
          <div style="color:var(--text3);font-size:.75rem;margin-top:.4rem" id="mural-label">Stitch all HD photos into one image</div>
        </div>
        <div>
          <div style="font-size:.7rem;font-weight:700;color:var(--text3);text-transform:uppercase;letter-spacing:.08em;margin-bottom:.6rem">Server</div>
          <div style="display:flex;flex-direction:column;gap:.4rem">
            <button id="maint-control-btn" class="btn btn-red btn-sm" onclick="openMaintModal()">Enable Maintenance</button>
            <div style="color:var(--text3);font-size:.75rem" id="maint-status-label">Checking...</div>
            <div id="maint-scheduled-badge" style="display:none;font-size:.75rem;color:var(--yellow)"></div>
            <button class="btn btn-ghost btn-sm" onclick="gitSync()">Force Git Sync</button>
            <div style="color:var(--text3);font-size:.75rem" id="git-sync-label">Pull latest from remote</div>
            <button class="btn btn-ghost btn-sm" style="color:var(--red)" onclick="rebootServer()">Reboot Server</button>
            <div style="color:var(--text3);font-size:.75rem" id="reboot-label">Restart the Flask process</div>
            <button class="btn btn-ghost btn-sm" id="rwe-btn" onclick="toggleRebootWhenEmpty()" style="margin-top:.2rem">Reboot When Empty</button>
            <div style="color:var(--text3);font-size:.75rem" id="rwe-label">Off — reboot once all players leave</div>
            <div style="margin-top:.5rem">
              <label style="font-size:.75rem;font-weight:600;color:var(--text3);display:block;margin-bottom:.3rem">Region</label>
              <select id="region-select" onchange="setRegion(this.value)" style="background:var(--bg3);border:1px solid var(--border);color:var(--text);border-radius:6px;padding:.3rem .6rem;font-size:.82rem;width:100%">
                <option value="us">US</option>
                <option value="eu">EU</option>
                <option value="asia">Asia</option>
                <option value="au">Australia</option>
                <option value="sa">South America</option>
              </select>
            </div>
          </div>
        </div>
      </div>
      <div style="border-top:1px solid var(--border);padding-top:1rem">
        <div style="font-size:.7rem;font-weight:700;color:var(--text3);text-transform:uppercase;letter-spacing:.08em;margin-bottom:.6rem">Player Quick Actions</div>
        <div class="flex items-center flex-wrap" style="gap:.5rem">
          <div style="position:relative">
            <input type="text" id="qa-search" placeholder="Search any player..." style="min-width:180px" autocomplete="off">
            <div id="qa-results" style="display:none;position:absolute;top:100%;left:0;right:0;z-index:1060;min-width:220px;max-height:200px;overflow-y:auto;border:1px solid var(--border);border-radius:8px;box-shadow:var(--shadow);background:var(--bg3);margin-top:3px"></div>
          </div>
          <button id="qa-gift-btn" class="btn btn-ghost btn-sm" style="display:none" onclick="qaGift()">Gift</button>
          <button id="qa-dm-btn" class="btn btn-ghost btn-sm" style="display:none" onclick="qaDM()">DM</button>
          <button id="qa-pass-btn" class="btn btn-ghost btn-sm" style="display:none" onclick="qaResetPass()">Reset Password</button>
          <button id="qa-clear-btn" class="btn btn-ghost btn-sm" style="display:none" onclick="qaClear()">✕</button>
        </div>
        <div id="qa-info" style="display:none;font-size:.82rem;color:var(--text2);margin-top:.5rem"></div>
      </div>
    </div>
  </div>
  {% endif %}

  {% if SCOPE_ADMIN in scopes %}
  <div class="card" style="margin-bottom:1.25rem">
    <div class="section-head">
      <h2>Anticheat Suspects</h2>
      <button class="btn btn-ghost btn-sm" onclick="loadAnticheat()">Refresh</button>
    </div>
    <div id="anticheat-body">
      <div style="text-align:center;color:var(--text3);padding:2rem 0;font-size:.85rem">Click Refresh to load</div>
    </div>
  </div>

  <div class="card">
    <div class="section-head">
      <h2>Sanitize Log</h2>
      <button class="btn btn-ghost btn-sm" onclick="loadSanitizeLog()">Refresh</button>
    </div>
    <div id="sanitize-body">
      <div style="text-align:center;color:var(--text3);padding:2rem 0;font-size:.85rem">Click Refresh to load</div>
    </div>
  </div>
  {% endif %}

</div>

{% if SCOPE_ADMIN in scopes %}
<div class="kr-modal-backdrop" id="maintModal">
  <div class="kr-modal" style="max-width:440px">
    <div style="display:flex;align-items:center;justify-content:space-between;margin-bottom:1.25rem">
      <h3 style="font-size:1.1rem;font-weight:700;margin:0">Maintenance Mode</h3>
      <button class="kr-btn kr-btn-ghost" onclick="KR.closeModal('maintModal')" style="padding:.25rem .5rem;font-size:1rem">✕</button>
    </div>
    <div id="maint-modal-status" style="margin-bottom:1rem;padding:.65rem .9rem;border-radius:8px;font-size:.85rem"></div>
    <div style="display:flex;gap:.5rem;margin-bottom:1.25rem;border-bottom:1px solid var(--border);padding-bottom:1rem">
      <button class="kr-btn" id="mm-tab-now" onclick="mmTab('now')" style="flex:1;font-size:.82rem">Immediate</button>
      <button class="kr-btn kr-btn-ghost" id="mm-tab-sched" onclick="mmTab('sched')" style="flex:1;font-size:.82rem">Schedule</button>
    </div>
    <div id="mm-panel-now">
      <div id="mm-enable-panel">
        <div class="form-group" style="margin-bottom:.75rem">
          <label style="font-size:.8rem;font-weight:600;color:var(--text3);display:block;margin-bottom:.35rem">Exempt Player IDs <span style="font-weight:400">(comma-separated — can still log in)</span></label>
          <input type="text" id="mm-exempt-ids" class="form-control" placeholder="e.g. 23, 107" style="font-size:.85rem">
        </div>
        <button class="kr-btn kr-btn-primary" style="width:100%;background:var(--red);border-color:var(--red)" onclick="mmEnable()">Enable Maintenance Now</button>
      </div>
      <div id="mm-disable-panel" style="display:none">
        <p style="color:var(--text2);font-size:.85rem;margin-bottom:.75rem">Maintenance is currently active. Disabling will allow all players to log in again.</p>
        <button class="kr-btn" style="width:100%;background:var(--green);border-color:var(--green);color:#fff" onclick="mmDisable()">Disable Maintenance</button>
      </div>
    </div>
    <div id="mm-panel-sched" style="display:none">
      <div id="mm-sched-active" style="display:none;margin-bottom:.75rem;padding:.5rem .75rem;background:rgba(245,158,11,.12);border:1px solid rgba(245,158,11,.3);border-radius:6px;font-size:.82rem;color:var(--yellow)"></div>
      <div class="form-group" style="margin-bottom:.65rem">
        <label style="font-size:.8rem;font-weight:600;color:var(--text3);display:block;margin-bottom:.35rem">Start Time</label>
        <input type="datetime-local" id="mm-sched-time" class="form-control" style="font-size:.85rem">
      </div>
      <div style="display:grid;grid-template-columns:1fr 1fr;gap:.65rem;margin-bottom:.65rem">
        <div class="form-group">
          <label style="font-size:.8rem;font-weight:600;color:var(--text3);display:block;margin-bottom:.35rem">Duration (min)</label>
          <input type="number" id="mm-sched-dur" class="form-control" placeholder="0 = manual off" min="0" style="font-size:.85rem">
        </div>
        <div class="form-group">
          <label style="font-size:.8rem;font-weight:600;color:var(--text3);display:block;margin-bottom:.35rem">Exempt IDs</label>
          <input type="text" id="mm-sched-exempt" class="form-control" placeholder="23, 107" style="font-size:.85rem">
        </div>
      </div>
      <div style="display:flex;gap:.5rem">
        <button class="kr-btn kr-btn-primary" style="flex:1" onclick="mmSchedule()">Set Schedule</button>
        <button class="kr-btn kr-btn-ghost" id="mm-clear-sched-btn" style="display:none" onclick="mmClearSched()">Clear</button>
      </div>
    </div>
  </div>
</div>

<div class="modal fade" id="giftAllModal" tabindex="-1" role="dialog">
  <div class="modal-dialog" role="document">
    <div class="modal-content">
      <div class="modal-header">
        <h5 class="modal-title">Gift All Players</h5>
        <button type="button" class="close" data-dismiss="modal"><span>&times;</span></button>
      </div>
      <div class="modal-body">
        <div class="form-group">
          <label>XP Amount</label>
          <input type="number" class="form-control" id="ga-xp" value="1000" min="0" max="50000">
        </div>
        <div class="form-group">
          <label>Rarity</label>
          <select class="form-control" id="ga-rarity">
            <option value="0">Common</option>
            <option value="10" selected>Uncommon</option>
            <option value="20">Rare</option>
            <option value="30">Epic</option>
            <option value="50">Legendary</option>
          </select>
        </div>
        <div class="form-group">
          <label>Message</label>
          <input type="text" class="form-control" id="ga-msg" placeholder="From the KittyRec team!" maxlength="80">
        </div>
        <div class="form-group mb-0">
          <label>Avatar Item <small class="text-muted">(optional — leave blank for random)</small></label>
          <div style="position:relative">
            <div class="input-group">
              <input type="text" class="form-control" id="ga-item-search" placeholder="Search items..." autocomplete="off">
              <div class="input-group-append">
                <button class="btn btn-outline-secondary" type="button" onclick="clearItemPicker('ga')">Clear</button>
              </div>
            </div>
            <div id="ga-item-results" class="list-group" style="display:none;position:absolute;top:100%;left:0;right:0;z-index:1060;max-height:200px;overflow-y:auto;border:1px solid rgba(0,0,0,.125);border-radius:.25rem;box-shadow:0 4px 12px rgba(0,0,0,.15)"></div>
          </div>
          <input type="hidden" id="ga-item-desc" value="">
          <div id="ga-item-selected" class="mt-1" style="display:none"><small class="text-success" id="ga-item-label"></small></div>
        </div>
        <div class="alert alert-warning mt-3 mb-0">This will send a gift to every registered player.</div>
      </div>
      <div class="modal-footer">
        <button type="button" class="btn btn-secondary" data-dismiss="modal">Cancel</button>
        <button type="button" class="btn btn-primary" id="ga-confirm-btn" onclick="confirmGiftAll()">Gift All</button>
      </div>
    </div>
  </div>
</div>

<div class="modal fade" id="giftPlayerModal" tabindex="-1" role="dialog">
  <div class="modal-dialog" role="document">
    <div class="modal-content">
      <div class="modal-header">
        <h5 class="modal-title">Gift Player</h5>
        <button type="button" class="close" data-dismiss="modal"><span>&times;</span></button>
      </div>
      <div class="modal-body">
        <div class="form-group">
          <label>Search Player</label>
          <div style="position:relative">
            <input type="text" class="form-control" id="gp-search" placeholder="Username..." autocomplete="off">
            <div id="gp-results" class="list-group" style="display:none;position:absolute;top:100%;left:0;right:0;z-index:1060;max-height:220px;overflow-y:auto;border:1px solid rgba(0,0,0,.125);border-radius:.25rem;box-shadow:0 4px 12px rgba(0,0,0,.15)"></div>
          </div>
        </div>
        <div id="gp-selected-info" class="alert alert-info mb-2" style="display:none"></div>
        <input type="hidden" id="gp-pid" value="">
        <div class="form-group">
          <label>XP Amount</label>
          <input type="number" class="form-control" id="gp-xp" value="1000" min="0" max="50000">
        </div>
        <div class="form-group">
          <label>Rarity</label>
          <select class="form-control" id="gp-rarity">
            <option value="0">Common</option>
            <option value="10" selected>Uncommon</option>
            <option value="20">Rare</option>
            <option value="30">Epic</option>
            <option value="50">Legendary</option>
          </select>
        </div>
        <div class="form-group">
          <label>Message</label>
          <input type="text" class="form-control" id="gp-msg" placeholder="From the KittyRec team!" maxlength="80">
        </div>
        <div class="form-group mb-0">
          <label>Avatar Item <small class="text-muted">(optional — leave blank for random)</small></label>
          <div style="position:relative">
            <div class="input-group">
              <input type="text" class="form-control" id="gp-item-search" placeholder="Search items..." autocomplete="off">
              <div class="input-group-append">
                <button class="btn btn-outline-secondary" type="button" onclick="clearItemPicker('gp')">Clear</button>
              </div>
            </div>
            <div id="gp-item-results" class="list-group" style="display:none;position:absolute;top:100%;left:0;right:0;z-index:1060;max-height:200px;overflow-y:auto;border:1px solid rgba(0,0,0,.125);border-radius:.25rem;box-shadow:0 4px 12px rgba(0,0,0,.15)"></div>
          </div>
          <input type="hidden" id="gp-item-desc" value="">
          <div id="gp-item-selected" class="mt-1" style="display:none"><small class="text-success" id="gp-item-label"></small></div>
        </div>
        <div id="gp-result-msg" class="alert mt-3 mb-0" style="display:none"></div>
      </div>
      <div class="modal-footer">
        <button type="button" class="btn btn-secondary" data-dismiss="modal">Cancel</button>
        <button type="button" class="btn btn-primary" id="gp-send-btn" onclick="sendGiftToPlayer()">Send Gift</button>
      </div>
    </div>
  </div>
</div>

<div class="modal fade" id="giftRowModal" tabindex="-1" role="dialog">
  <div class="modal-dialog" role="document">
    <div class="modal-content">
      <div class="modal-header">
        <h5 class="modal-title">Gift <span id="gr-username"></span></h5>
        <button type="button" class="close" data-dismiss="modal"><span>&times;</span></button>
      </div>
      <div class="modal-body">
        <input type="hidden" id="gr-pid" value="">
        <div class="form-group">
          <label>XP Amount</label>
          <input type="number" class="form-control" id="gr-xp" value="1000" min="0" max="50000">
        </div>
        <div class="form-group">
          <label>Rarity</label>
          <select class="form-control" id="gr-rarity">
            <option value="0">Common</option>
            <option value="10" selected>Uncommon</option>
            <option value="20">Rare</option>
            <option value="30">Epic</option>
            <option value="50">Legendary</option>
          </select>
        </div>
        <div class="form-group">
          <label>Message</label>
          <input type="text" class="form-control" id="gr-msg" placeholder="From the KittyRec team!" maxlength="80">
        </div>
        <div class="form-group mb-0">
          <label>Avatar Item <small class="text-muted">(optional — leave blank for random)</small></label>
          <div style="position:relative">
            <div class="input-group">
              <input type="text" class="form-control" id="gr-item-search" placeholder="Search items..." autocomplete="off">
              <div class="input-group-append">
                <button class="btn btn-outline-secondary" type="button" onclick="clearItemPicker('gr')">Clear</button>
              </div>
            </div>
            <div id="gr-item-results" class="list-group" style="display:none;position:absolute;top:100%;left:0;right:0;z-index:1060;max-height:200px;overflow-y:auto;border:1px solid rgba(0,0,0,.125);border-radius:.25rem;box-shadow:0 4px 12px rgba(0,0,0,.15)"></div>
          </div>
          <input type="hidden" id="gr-item-desc" value="">
          <div id="gr-item-selected" class="mt-1" style="display:none"><small class="text-success" id="gr-item-label"></small></div>
        </div>
        <div id="gr-result-msg" class="alert mt-3 mb-0" style="display:none"></div>
      </div>
      <div class="modal-footer">
        <button type="button" class="btn btn-secondary" data-dismiss="modal">Cancel</button>
        <button type="button" class="btn btn-primary" onclick="sendGiftRow()">Send Gift</button>
      </div>
    </div>
  </div>
</div>

<div class="modal fade" id="dmPlayerModal" tabindex="-1" role="dialog">
  <div class="modal-dialog" role="document">
    <div class="modal-content">
      <div class="modal-header">
        <h5 class="modal-title">Send Chat DM</h5>
        <button type="button" class="close" data-dismiss="modal"><span>&times;</span></button>
      </div>
      <div class="modal-body">
        <div class="form-group">
          <label>Search Player</label>
          <div style="position:relative">
            <input type="text" class="form-control" id="dm-search" placeholder="Username..." autocomplete="off">
            <div id="dm-results" class="list-group" style="display:none;position:absolute;top:100%;left:0;right:0;z-index:1060;max-height:220px;overflow-y:auto;border:1px solid rgba(0,0,0,.125);border-radius:.25rem;box-shadow:0 4px 12px rgba(0,0,0,.15)"></div>
          </div>
        </div>
        <div id="dm-selected-info" class="alert alert-info mb-2" style="display:none"></div>
        <input type="hidden" id="dm-pid" value="">
        <div class="form-group mb-0">
          <label>Message</label>
          <textarea class="form-control" id="dm-message" rows="3" placeholder="Type your message..." maxlength="500"></textarea>
          <small class="text-muted">Sent as a chat DM from the KittyRec system account</small>
        </div>
        <div id="dm-result-msg" class="alert mt-3 mb-0" style="display:none"></div>
      </div>
      <div class="modal-footer">
        <button type="button" class="btn btn-secondary" data-dismiss="modal">Cancel</button>
        <button type="button" class="btn btn-success" id="dm-send-btn" onclick="sendDmToPlayer()">Send DM</button>
      </div>
    </div>
  </div>
</div>

<div class="modal fade" id="globalDmModal" tabindex="-1" role="dialog">
  <div class="modal-dialog" role="document">
    <div class="modal-content">
      <div class="modal-header">
        <h5 class="modal-title">Send Global DM</h5>
        <button type="button" class="close" data-dismiss="modal"><span>&times;</span></button>
      </div>
      <div class="modal-body">
        <div class="form-group mb-0">
          <label>Message</label>
          <textarea class="form-control" id="gdm-message" rows="3" placeholder="Type your message..." maxlength="500"></textarea>
          <small class="text-muted">Sent as a chat DM from KittyRec to every player</small>
        </div>
        <div class="alert alert-warning mt-3 mb-0">This will DM <strong>every registered player</strong> from the KittyRec account.</div>
        <div id="gdm-result-msg" class="alert mt-3 mb-0" style="display:none"></div>
      </div>
      <div class="modal-footer">
        <button type="button" class="btn btn-secondary" data-dismiss="modal">Cancel</button>
        <button type="button" class="btn btn-success" id="gdm-send-btn" onclick="sendGlobalDm()">Send to All</button>
      </div>
    </div>
  </div>
</div>

<div class="modal fade" id="resetPassModal" tabindex="-1" role="dialog">
  <div class="modal-dialog" role="document">
    <div class="modal-content">
      <div class="modal-header">
        <h5 class="modal-title">Reset Player Password</h5>
        <button type="button" class="close" data-dismiss="modal"><span>&times;</span></button>
      </div>
      <div class="modal-body">
        <div class="form-group">
          <label>Search Player</label>
          <div style="position:relative">
            <input type="text" class="form-control" id="rp-search" placeholder="Username..." autocomplete="off">
            <div id="rp-results" class="list-group" style="display:none;position:absolute;top:100%;left:0;right:0;z-index:1060;max-height:220px;overflow-y:auto;border:1px solid rgba(0,0,0,.125);border-radius:.25rem;box-shadow:0 4px 12px rgba(0,0,0,.15)"></div>
          </div>
        </div>
        <div id="rp-selected-info" class="alert alert-info mb-2" style="display:none"></div>
        <input type="hidden" id="rp-pid" value="">
        <small class="text-muted d-block mb-2">A random temp password will be generated and sent to the player via DM.</small>
        <div id="rp-result-msg" class="alert mt-2 mb-0" style="display:none"></div>
      </div>
      <div class="modal-footer">
        <button type="button" class="btn btn-secondary" data-dismiss="modal">Cancel</button>
        <button type="button" class="btn btn-warning" id="rp-send-btn" onclick="sendResetPassword()">Reset Password</button>
      </div>
    </div>
  </div>
</div>

<div class="modal fade" id="dmRowModal" tabindex="-1" role="dialog">
  <div class="modal-dialog" role="document">
    <div class="modal-content">
      <div class="modal-header">
        <h5 class="modal-title">DM <span id="dr-username"></span></h5>
        <button type="button" class="close" data-dismiss="modal"><span>&times;</span></button>
      </div>
      <div class="modal-body">
        <input type="hidden" id="dr-pid" value="">
        <div class="form-group mb-0">
          <label>Message</label>
          <textarea class="form-control" id="dr-message" rows="3" placeholder="Type your message..." maxlength="500"></textarea>
          <small class="text-muted">Sent as a chat DM from the KittyRec system account</small>
        </div>
        <div id="dr-result-msg" class="alert mt-3 mb-0" style="display:none"></div>
      </div>
      <div class="modal-footer">
        <button type="button" class="btn btn-secondary" data-dismiss="modal">Cancel</button>
        <button type="button" class="btn btn-success" onclick="sendDmRow()">Send DM</button>
      </div>
    </div>
  </div>
</div>
{% endif %}

<script>
let _avatarItems = null;

async function loadAvatarItems() {
  if (_avatarItems) return _avatarItems;
  const res = await fetch('/admin/api/avatar_items');
  _avatarItems = await res.json();
  return _avatarItems;
}

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

async function disconnectPlayer(pid) {
  if (!confirm('Disconnect (kick) this player?')) return;
  const d = await apiPost('/admin/api/disconnect/' + pid);
  if (d.ok !== false) { KR.toast('Player disconnected'); setTimeout(() => location.reload(), 600); }
  else KR.toast(d.error || 'Error', 'error');
}

async function confirmGiftAll() {
  const xp = parseInt(document.getElementById('ga-xp').value) || 1000;
  const rarity = parseInt(document.getElementById('ga-rarity').value);
  const msg = document.getElementById('ga-msg').value || 'From the KittyRec team!';
  const avatar_item_desc = document.getElementById('ga-item-desc').value || '';
  if (!confirm('Send ' + xp + ' XP gift to ALL players?')) return;
  const btn = document.getElementById('ga-confirm-btn');
  btn.disabled = true;
  btn.textContent = 'Sending...';
  const d = await apiPost('/admin/api/gift_all', {xp, rarity, message: msg, avatar_item_desc});
  btn.disabled = false;
  btn.textContent = 'Gift All';
  KR.toast('Gift sent to ' + (d.count || 0) + ' players');
  $('#giftAllModal').modal('hide');
}

let gpSearchTimer = null;
document.getElementById('gp-search') && document.getElementById('gp-search').addEventListener('input', function() {
  clearTimeout(gpSearchTimer);
  const q = this.value.trim();
  if (!q) { document.getElementById('gp-results').style.display = 'none'; return; }
  gpSearchTimer = setTimeout(() => searchPlayers(q), 250);
});

async function searchPlayers(q) {
  const res = await fetch('/admin/api/search_players?q=' + encodeURIComponent(q));
  const players = await res.json();
  const box = document.getElementById('gp-results');
  box.innerHTML = '';
  if (!players.length) { box.style.display = 'none'; return; }
  players.forEach(p => {
    const a = document.createElement('button');
    a.type = 'button';
    a.className = 'list-group-item list-group-item-action py-1';
    a.innerHTML = '<strong>' + p.username + '</strong> <small class="text-muted">Lv ' + p.level + '</small>' + (p.online ? ' <span class="badge badge-success">Online</span>' : '');
    a.onclick = () => selectGiftPlayer(p);
    box.appendChild(a);
  });
  box.style.display = 'block';
}

function selectGiftPlayer(p) {
  document.getElementById('gp-pid').value = p.id;
  document.getElementById('gp-search').value = p.username;
  document.getElementById('gp-results').style.display = 'none';
  const info = document.getElementById('gp-selected-info');
  info.innerHTML = 'Selected: <strong>' + p.username + '</strong> (ID ' + p.id + ', Lv ' + p.level + ')' + (p.online ? ' — <span class="text-success">Online</span>' : '');
  info.style.display = 'block';
}

async function sendGiftToPlayer() {
  const pid = document.getElementById('gp-pid').value;
  if (!pid) { KR.toast('Select a player first.', 'error'); return; }
  const xp = parseInt(document.getElementById('gp-xp').value) || 1000;
  const rarity = parseInt(document.getElementById('gp-rarity').value);
  const msg = document.getElementById('gp-msg').value || 'From the KittyRec team!';
  const avatar_item_desc = document.getElementById('gp-item-desc').value || '';
  const btn = document.getElementById('gp-send-btn');
  btn.disabled = true;
  const resultEl = document.getElementById('gp-result-msg');
  const d = await apiPost('/admin/api/gift_player/' + pid, {xp, rarity, message: msg, avatar_item_desc});
  btn.disabled = false;
  if (d.error) {
    resultEl.className = 'alert alert-danger mb-0';
    resultEl.textContent = d.error;
  } else {
    resultEl.className = 'alert alert-success mb-0';
    resultEl.textContent = 'Gift sent successfully!';
    setTimeout(() => $('#giftPlayerModal').modal('hide'), 1200);
  }
  resultEl.style.display = 'block';
}

function openGiftModal(pid, username) {
  document.getElementById('gr-pid').value = pid;
  document.getElementById('gr-username').textContent = username;
  document.getElementById('gr-xp').value = '1000';
  document.getElementById('gr-rarity').value = '10';
  document.getElementById('gr-msg').value = '';
  clearItemPicker('gr');
  const rm = document.getElementById('gr-result-msg');
  rm.style.display = 'none';
  $('#giftRowModal').modal('show');
}

async function sendGiftRow() {
  const pid = document.getElementById('gr-pid').value;
  const xp = parseInt(document.getElementById('gr-xp').value) || 1000;
  const rarity = parseInt(document.getElementById('gr-rarity').value);
  const msg = document.getElementById('gr-msg').value || 'From the KittyRec team!';
  const avatar_item_desc = document.getElementById('gr-item-desc').value || '';
  const resultEl = document.getElementById('gr-result-msg');
  const d = await apiPost('/admin/api/gift_player/' + pid, {xp, rarity, message: msg, avatar_item_desc});
  if (d.error) {
    resultEl.className = 'alert alert-danger mb-0';
    resultEl.textContent = d.error;
  } else {
    resultEl.className = 'alert alert-success mb-0';
    resultEl.textContent = 'Gift sent!';
    setTimeout(() => $('#giftRowModal').modal('hide'), 1000);
  }
  resultEl.style.display = 'block';
}

async function gitSync() {
  if (!confirm('Pull latest from git remote? This will update server code.')) return;
  const label = document.getElementById('git-sync-label');
  label.textContent = 'Syncing...';
  try {
    const d = await apiPost('/admin/api/git_sync');
    label.textContent = d.ok ? 'Done: ' + (d.output || 'OK') : 'Failed: ' + (d.output || 'error');
    KR.toast(d.ok ? 'Git sync complete' : 'Git sync failed', d.ok ? 'success' : 'error');
  } catch (e) {
    label.textContent = 'Request failed';
    KR.toast('Git sync request failed', 'error');
  }
}

async function rebootServer() {
  if (!confirm('Reboot the Flask server? The admin panel will be unavailable for a few seconds.')) return;
  const label = document.getElementById('reboot-label');
  label.textContent = 'Rebooting...';
  try {
    await apiPost('/admin/api/reboot');
  } catch (e) {}
  label.textContent = 'Restarting... reconnecting in 5s';
  setTimeout(() => { window.location.reload(); }, 5000);
}

async function toggleRebootWhenEmpty() {
  const btn = document.getElementById('rwe-btn');
  const label = document.getElementById('rwe-label');
  const current = btn.dataset.armed === '1';
  const next = !current;
  const d = await apiPost('/admin/api/reboot_when_empty', {enabled: next});
  if (!d.ok) { KR.toast(d.error || 'Error', 'error'); return; }
  _applyRweState(next);
  KR.toast(next ? 'Armed — will reboot once server is empty' : 'Deferred reboot cancelled');
}

function _applyRweState(armed) {
  const btn = document.getElementById('rwe-btn');
  const label = document.getElementById('rwe-label');
  if (!btn) return;
  btn.dataset.armed = armed ? '1' : '0';
  btn.style.color = armed ? 'var(--yellow)' : '';
  btn.style.borderColor = armed ? 'var(--yellow)' : '';
  label.textContent = armed ? 'Armed — will reboot when all players leave' : 'Off — reboot once all players leave';
  label.style.color = armed ? 'var(--yellow)' : '';
}

async function rerollStore() {
  if (!confirm('Force a store reroll now?')) return;
  const d = await apiPost('/admin/api/reroll_store');
  if (d.ok) KR.toast('Store rerolled — new items live');
  else KR.toast(d.error || 'Reroll failed', 'error');
}

async function createMural() {
  const btn = document.getElementById('mural-btn');
  const label = document.getElementById('mural-label');
  btn.disabled = true;
  btn.textContent = 'Building...';
  label.textContent = 'Stitching photos, please wait...';
  try {
    const d = await apiPost('/admin/api/create_mural');
    if (d.ok) {
      label.innerHTML = `Done! ${d.count} photos across ${d.rows} rows &mdash; <a href="/admin/mural/${d.filename}" target="_blank">${d.filename}</a>`;
      btn.textContent = 'Create Mural';
      btn.disabled = false;
    } else {
      label.textContent = 'Error: ' + (d.error || 'unknown');
      btn.textContent = 'Create Mural';
      btn.disabled = false;
    }
  } catch(e) {
    label.textContent = 'Request failed.';
    btn.textContent = 'Create Mural';
    btn.disabled = false;
  }
}

function renderAnticheat(suspects) {
  const body = document.getElementById('anticheat-body');
  if (!body) return;
  if (!Array.isArray(suspects) || !suspects.length) {
    body.innerHTML = '<div style="text-align:center;color:var(--text3);padding:2rem 0;font-size:.85rem">No suspects</div>';
    return;
  }
  body.innerHTML = '<div class="table-wrap"><table><thead><tr><th>Player</th><th>Level</th><th>Offenses</th><th>Status</th><th></th></tr></thead><tbody>' +
    suspects.map(s => `<tr>
      <td><strong>${KR.escapeHtml(s.username)}</strong> <span style="color:var(--text3);font-size:.78rem">#${s.id}</span></td>
      <td style="color:var(--text2)">${s.level}</td>
      <td><span class="badge badge-red">${s.offenses}</span></td>
      <td>${s.banned ? '<span class="badge badge-red">Banned</span>' : '<span class="badge badge-green">Active</span>'}</td>
      <td style="white-space:nowrap">
        <button class="btn btn-ghost btn-sm" onclick="KR.openDrawer(${s.id})">View</button>
        <button class="btn btn-red btn-sm" onclick="quickBanAC(${s.id}, '${KR.escapeHtml(s.username).replace(/'/g,"\\'")}')">Ban</button>
      </td>
    </tr>`).join('') +
    '</tbody></table></div>';
}

async function loadAnticheat() {
  const body = document.getElementById('anticheat-body');
  if (body) body.innerHTML = '<div style="text-align:center;color:var(--text3);padding:2rem 0;font-size:.85rem">Loading…</div>';
  const suspects = await KR.apiGet('/admin/api/anticheat_suspects');
  renderAnticheat(suspects || []);
}
function quickBanAC(pid, name) { KR.drawerBan(pid, name); }

function sanitizeRow(e) {
  return `<tr>
    <td style="font-size:.75rem;color:var(--text3);white-space:nowrap">${(e.ts || '').slice(0,16).replace('T',' ')}</td>
    <td><a href="#" onclick="KR.openDrawer(${e.pid});return false" style="color:var(--text2);font-size:.82rem">${KR.escapeHtml(e.username || '#' + e.pid)}</a></td>
    <td style="font-size:.83rem;color:${e.flagged ? 'var(--red)' : 'var(--text)'};word-break:break-word">${KR.escapeHtml(e.text || '')}</td>
    <td>${e.flagged ? '<span class="badge badge-red">BLOCKED</span>' : '<span class="badge badge-green">OK</span>'}</td>
  </tr>`;
}

function renderSanitizeLog(entries) {
  const body = document.getElementById('sanitize-body');
  if (!body) return;
  if (!Array.isArray(entries) || !entries.length) {
    body.innerHTML = '<div style="text-align:center;color:var(--text3);padding:2rem 0;font-size:.85rem">No entries yet</div>';
    return;
  }
  body.innerHTML = '<div class="table-wrap"><table><thead><tr><th>Time</th><th>Player</th><th>Text</th><th>Result</th></tr></thead><tbody>' +
    entries.map(sanitizeRow).join('') + '</tbody></table></div>';
}

function prependSanitizeEntry(e) {
  const body = document.getElementById('sanitize-body');
  if (!body) return;
  let tbody = body.querySelector('tbody');
  if (!tbody) {
    body.innerHTML = '<div class="table-wrap"><table><thead><tr><th>Time</th><th>Player</th><th>Text</th><th>Result</th></tr></thead><tbody></tbody></table></div>';
    tbody = body.querySelector('tbody');
  }
  tbody.insertAdjacentHTML('afterbegin', sanitizeRow(e));
}

async function loadSanitizeLog() {
  const body = document.getElementById('sanitize-body');
  if (body) body.innerHTML = '<div style="text-align:center;color:var(--text3);padding:2rem 0;font-size:.85rem">Loading…</div>';
  const entries = await KR.apiGet('/admin/api/sanitize_log');
  renderSanitizeLog(entries || []);
}

function actionBadge(action) {
  const a = action || '';
  if (a.includes('ban') && !a.includes('unban')) return '<span class="badge badge-red">' + a.toUpperCase() + '</span>';
  if (a === 'unban') return '<span class="badge badge-green">UNBAN</span>';
  if (a === 'login') return '<span class="badge badge-gray">LOGIN</span>';
  if (a === 'disconnect') return '<span class="badge badge-yellow">KICK</span>';
  if (['gift_all','gift_xp','gift_player'].includes(a)) return '<span class="badge badge-teal">GIFT</span>';
  if (a === 'reroll_store') return '<span class="badge badge-purple">STORE</span>';
  if (a === 'toggle_dev') return '<span class="badge badge-yellow">DEV</span>';
  if (a === 'reset_password') return '<span class="badge badge-gray">RESET PASS</span>';
  if (a === 'send_dm') return '<span class="badge badge-green">DM</span>';
  if (a === 'maintenance_mode') return '<span class="badge badge-red">MAINT</span>';
  if (a === 'git_sync') return '<span class="badge badge-gray">GIT</span>';
  if (a === 'create_room') return '<span class="badge badge-teal">ROOM</span>';
  return '<span class="badge badge-gray">' + a.toUpperCase() + '</span>';
}

async function refreshStats() {
  try {
    const d = await (await fetch('/admin/api/stats')).json();
    document.getElementById('s-online').textContent = d.online;
    document.getElementById('s-sessions').textContent = d.sessions;
    document.getElementById('s-gifts').textContent = d.pending_gifts;
    document.getElementById('s-banned').textContent = d.banned;
    if (d.total_playtime_seconds !== undefined) {
      const secs = d.total_playtime_seconds;
      const h = Math.floor(secs / 3600);
      const m = Math.floor((secs % 3600) / 60);
      document.getElementById('s-playtime').textContent = h > 0 ? h + 'h ' + m + 'm' : (m > 0 ? m + 'm' : '0m');
    }
    document.getElementById('online-badge').textContent = d.online;
    if (d.recent_actions) {
      const tbody = document.getElementById('admin-actions-tbody');
      if (tbody) {
        tbody.innerHTML = d.recent_actions.map(a => `<tr>
          <td>${actionBadge(a.action)}</td>
          <td><strong style="font-size:.85rem">${KR.escapeHtml(a.admin_name || '')}</strong></td>
          <td><small class="text-muted">${KR.escapeHtml((a.details || '—').slice(0, 120))}</small></td>
          <td><small class="text-muted">${(a.created_at || '').slice(0, 16)}</small></td>
        </tr>`).join('') || '<tr><td colspan="4" class="text-center text-muted py-3">No recent actions</td></tr>';
      }
    }
  } catch {}
}
setInterval(refreshStats, 15000);

async function refreshPlaytimeLb() {
  try {
    const rows = await KR.apiGet('/admin/api/playtime_leaderboard');
    const tbody = document.getElementById('playtime-lb-tbody');
    if (!tbody || !Array.isArray(rows)) return;
    if (!rows.length) {
      tbody.innerHTML = '<tr><td colspan="5" style="text-align:center;color:var(--text3);padding:1.5rem 0;font-size:.85rem">No data yet</td></tr>';
      return;
    }
    tbody.innerHTML = rows.map((r, i) => {
      const secs = r.total_seconds || 0;
      const h = Math.floor(secs / 3600);
      const m = Math.floor((secs % 3600) / 60);
      const pt = h > 0 ? h + 'h ' + m + 'm' : (m > 0 ? m + 'm' : '< 1m');
      return `<tr>
        <td style="color:var(--text3);font-size:.8rem">${i + 1}</td>
        <td><a href="#" onclick="KR.openDrawer(${r.profile_id});return false" style="font-weight:600;color:var(--text);text-decoration:none">${KR.escapeHtml(r.username || '#' + r.profile_id)}</a></td>
        <td style="color:var(--text3);font-size:.82rem">${r.level ?? '—'}</td>
        <td style="font-family:monospace;font-size:.82rem;color:var(--teal,#14b8a6)">${pt}</td>
        <td style="color:var(--text3);font-size:.82rem">${r.session_count || 0}</td>
      </tr>`;
    }).join('');
  } catch {}
}
refreshPlaytimeLb();
setInterval(refreshPlaytimeLb, 60000);

let _maintState = {on: false, scheduled_at: null, scheduled_duration_min: 0, exempt_ids: [], scheduled_exempt_ids: []};

async function refreshMaintenance() {
  try {
    const r = await fetch('/admin/api/maintenance');
    if (!r.ok) return;
    const d = await r.json();
    _maintState = d;
    const on = !!d.maintenance;
    const banner = document.getElementById('maintenance-banner');
    const btn = document.getElementById('maint-control-btn');
    const label = document.getElementById('maint-status-label');
    const badge = document.getElementById('maint-scheduled-badge');
    if (banner) banner.style.display = on ? 'flex' : 'none';
    if (btn) { btn.textContent = on ? 'Maintenance: ON — Click to manage' : 'Enable Maintenance'; btn.className = on ? 'btn btn-green btn-sm' : 'btn btn-red btn-sm'; }
    if (label) label.textContent = on ? 'Only exempt players can log in' : 'Server open to all players';
    if (badge) {
      if (d.scheduled_at && !on) {
        const dt = new Date(d.scheduled_at * 1000);
        badge.textContent = `⏰ Scheduled: ${dt.toLocaleString()}`;
        badge.style.display = '';
      } else { badge.style.display = 'none'; }
    }
    _applyRweState(!!d.reboot_when_empty);
  } catch(e) {}
}

function openMaintModal() {
  const on = !!_maintState.maintenance;
  const statusEl = document.getElementById('maint-modal-status');
  if (statusEl) {
    statusEl.style.background = on ? 'rgba(239,68,68,.12)' : 'rgba(16,185,129,.08)';
    statusEl.style.border = on ? '1px solid rgba(239,68,68,.3)' : '1px solid rgba(16,185,129,.2)';
    statusEl.style.color = on ? 'var(--red)' : 'var(--text2)';
    statusEl.textContent = on ? 'Maintenance is currently ON — non-developer players cannot log in.' : 'Server is open. All players can log in.';
  }
  const enablePanel = document.getElementById('mm-enable-panel');
  const disablePanel = document.getElementById('mm-disable-panel');
  if (enablePanel) enablePanel.style.display = on ? 'none' : '';
  if (disablePanel) disablePanel.style.display = on ? '' : 'none';
  const exemptInput = document.getElementById('mm-exempt-ids');
  if (exemptInput && !on) exemptInput.value = (_maintState.exempt_ids || []).join(', ');
  const schedActive = document.getElementById('mm-sched-active');
  const clearBtn = document.getElementById('mm-clear-sched-btn');
  if (_maintState.scheduled_at && !on) {
    const dt = new Date(_maintState.scheduled_at * 1000);
    const dur = _maintState.scheduled_duration_min ? ` · ${_maintState.scheduled_duration_min}min duration` : '';
    if (schedActive) { schedActive.textContent = `Schedule active: ${dt.toLocaleString()}${dur}`; schedActive.style.display = ''; }
    if (clearBtn) clearBtn.style.display = '';
  } else {
    if (schedActive) schedActive.style.display = 'none';
    if (clearBtn) clearBtn.style.display = 'none';
  }
  mmTab('now');
  KR.openModal('maintModal');
}

function mmTab(tab) {
  document.getElementById('mm-panel-now').style.display = tab === 'now' ? '' : 'none';
  document.getElementById('mm-panel-sched').style.display = tab === 'sched' ? '' : 'none';
  document.getElementById('mm-tab-now').className = tab === 'now' ? 'kr-btn kr-btn-primary' : 'kr-btn kr-btn-ghost';
  document.getElementById('mm-tab-sched').className = tab === 'sched' ? 'kr-btn kr-btn-primary' : 'kr-btn kr-btn-ghost';
}

async function mmEnable() {
  const exemptRaw = document.getElementById('mm-exempt-ids').value;
  const exempt_ids = exemptRaw.split(',').map(s => parseInt(s.trim())).filter(n => n > 0);
  const d = await apiPost('/admin/api/maintenance', {enabled: true, exempt_ids});
  if (d.ok) { KR.toast('Maintenance enabled', 'success'); KR.closeModal('maintModal'); await refreshMaintenance(); }
  else KR.toast(d.error || 'Error', 'error');
}

async function mmDisable() {
  const d = await apiPost('/admin/api/maintenance', {enabled: false, exempt_ids: []});
  if (d.ok) { KR.toast('Maintenance disabled', 'success'); KR.closeModal('maintModal'); await refreshMaintenance(); }
  else KR.toast(d.error || 'Error', 'error');
}

async function setMaintenance(enabled) {
  if (!enabled) { await mmDisable(); } else { openMaintModal(); }
}

async function mmSchedule() {
  const timeInput = document.getElementById('mm-sched-time').value;
  if (!timeInput) { KR.toast('Pick a start time', 'error'); return; }
  const dt = new Date(timeInput);
  if (dt <= new Date()) { KR.toast('Must be in the future', 'error'); return; }
  const dur = parseInt(document.getElementById('mm-sched-dur').value) || 0;
  const exemptRaw = document.getElementById('mm-sched-exempt').value;
  const exempt_ids = exemptRaw.split(',').map(s => parseInt(s.trim())).filter(n => n > 0);
  const d = await apiPost('/admin/api/maintenance/schedule', {action:'set', scheduled_at: dt.toISOString(), duration_min: dur, exempt_ids});
  if (d.ok) { KR.toast('Maintenance scheduled', 'success'); KR.closeModal('maintModal'); await refreshMaintenance(); }
  else KR.toast(d.error || 'Error', 'error');
}

async function mmClearSched() {
  const d = await apiPost('/admin/api/maintenance/schedule', {action:'clear'});
  if (d.ok) { KR.toast('Schedule cleared'); KR.closeModal('maintModal'); await refreshMaintenance(); }
  else KR.toast(d.error || 'Error', 'error');
}

refreshMaintenance();
setInterval(refreshMaintenance, 15000);

async function refreshRegion() {
  try {
    const r = await fetch('/admin/api/region');
    if (!r.ok) return;
    const d = await r.json();
    const sel = document.getElementById('region-select');
    if (sel) sel.value = d.region;
  } catch {}
}

async function setRegion(region) {
  try {
    await apiPost('/admin/api/region', {region});
  } catch (e) {
    KR.toast('Failed to set region', 'error');
  }
}

refreshRegion();
{% if SCOPE_ADMIN in scopes %}
loadAnticheat();
loadSanitizeLog();

KR.onAdminMsg(function(msg) {
  if (msg.type === 'init') {
    renderAnticheat(msg.suspects || []);
    renderSanitizeLog(msg.sanitize_log || []);
  }
  if (msg.type === 'suspects') { renderAnticheat(msg.suspects || []); }
  if (msg.type === 'sanitize_entry') { prependSanitizeEntry(msg.entry); }
});
{% endif %}

function openDmModal(pid, username) {
  document.getElementById('dr-pid').value = pid;
  document.getElementById('dr-username').textContent = username;
  document.getElementById('dr-message').value = '';
  document.getElementById('dr-result-msg').style.display = 'none';
  $('#dmRowModal').modal('show');
}

function openResetPassModal(pid, username) {
  document.getElementById('rp-pid').value = pid;
  document.getElementById('rp-search').value = username;
  const info = document.getElementById('rp-selected-info');
  info.innerHTML = 'Selected: <strong>' + username + '</strong> (ID ' + pid + ')';
  info.style.display = 'block';
  document.getElementById('rp-result-msg').style.display = 'none';
  $('#resetPassModal').modal('show');
}

async function sendDmRow() {
  const pid = document.getElementById('dr-pid').value;
  const msg = document.getElementById('dr-message').value.trim();
  if (!msg) { KR.toast('Enter a message.', 'error'); return; }
  const resultEl = document.getElementById('dr-result-msg');
  const d = await apiPost('/admin/api/send_dm', {player_id: parseInt(pid), message: msg});
  if (d.error) {
    resultEl.className = 'alert alert-danger mb-0';
    resultEl.textContent = d.error;
  } else {
    resultEl.className = 'alert alert-success mb-0';
    resultEl.textContent = 'DM sent!';
    setTimeout(() => $('#dmRowModal').modal('hide'), 1000);
  }
  resultEl.style.display = 'block';
}

let dmSearchTimer = null;
const dmSearchEl = document.getElementById('dm-search');
if (dmSearchEl) {
  dmSearchEl.addEventListener('input', function() {
    clearTimeout(dmSearchTimer);
    const q = this.value.trim();
    if (!q) { document.getElementById('dm-results').style.display = 'none'; return; }
    dmSearchTimer = setTimeout(() => searchPlayersFor('dm', q), 250);
  });
}

let rpSearchTimer = null;
const rpSearchEl = document.getElementById('rp-search');
if (rpSearchEl) {
  rpSearchEl.addEventListener('input', function() {
    clearTimeout(rpSearchTimer);
    const q = this.value.trim();
    if (!q) { document.getElementById('rp-results').style.display = 'none'; return; }
    rpSearchTimer = setTimeout(() => searchPlayersFor('rp', q), 250);
  });
}

let qaSelectedPlayer = null;
let qaSearchTimer = null;
const qaSearchEl = document.getElementById('qa-search');
if (qaSearchEl) {
  qaSearchEl.addEventListener('input', function() {
    clearTimeout(qaSearchTimer);
    const q = this.value.trim();
    if (!q) { document.getElementById('qa-results').style.display = 'none'; return; }
    qaSearchTimer = setTimeout(() => searchPlayersForQA(q), 250);
  });
}

async function searchPlayersForQA(q) {
  const res = await fetch('/admin/api/search_players?q=' + encodeURIComponent(q));
  const players = await res.json();
  const box = document.getElementById('qa-results');
  box.innerHTML = '';
  if (!players.length) { box.style.display = 'none'; return; }
  players.forEach(p => {
    const a = document.createElement('button');
    a.type = 'button';
    a.className = 'list-group-item list-group-item-action py-1';
    a.innerHTML = '<strong>' + p.username + '</strong> <small class="text-muted">Lv ' + p.level + '</small>' + (p.online ? ' <span class="badge badge-success">Online</span>' : '');
    a.onclick = () => selectPlayerQA(p);
    box.appendChild(a);
  });
  box.style.display = 'block';
}

function selectPlayerQA(p) {
  qaSelectedPlayer = p;
  document.getElementById('qa-search').value = p.username;
  document.getElementById('qa-results').style.display = 'none';
  const info = document.getElementById('qa-info');
  info.innerHTML = 'Selected: <strong>' + p.username + '</strong> (ID ' + p.id + ', Lv ' + p.level + ')' + (p.online ? ' — <span class="text-success">Online</span>' : '');
  info.style.display = 'block';
  ['qa-gift-btn','qa-dm-btn','qa-pass-btn','qa-clear-btn'].forEach(id => {
    document.getElementById(id).style.display = '';
  });
}

function qaClear() {
  qaSelectedPlayer = null;
  document.getElementById('qa-search').value = '';
  document.getElementById('qa-results').style.display = 'none';
  document.getElementById('qa-info').style.display = 'none';
  ['qa-gift-btn','qa-dm-btn','qa-pass-btn','qa-clear-btn'].forEach(id => {
    document.getElementById(id).style.display = 'none';
  });
}

function qaGift() {
  if (!qaSelectedPlayer) return;
  openGiftModal(qaSelectedPlayer.id, qaSelectedPlayer.username);
}

function qaDM() {
  if (!qaSelectedPlayer) return;
  openDmModal(qaSelectedPlayer.id, qaSelectedPlayer.username);
}

function qaResetPass() {
  if (!qaSelectedPlayer) return;
  openResetPassModal(qaSelectedPlayer.id, qaSelectedPlayer.username);
}

async function searchPlayersFor(prefix, q) {
  const res = await fetch('/admin/api/search_players?q=' + encodeURIComponent(q));
  const players = await res.json();
  const box = document.getElementById(prefix + '-results');
  box.innerHTML = '';
  if (!players.length) { box.style.display = 'none'; return; }
  players.forEach(p => {
    const a = document.createElement('button');
    a.type = 'button';
    a.className = 'list-group-item list-group-item-action py-1';
    a.innerHTML = '<strong>' + p.username + '</strong> <small class="text-muted">Lv ' + p.level + '</small>' + (p.online ? ' <span class="badge badge-success">Online</span>' : '');
    a.onclick = () => selectPlayerFor(prefix, p);
    box.appendChild(a);
  });
  box.style.display = 'block';
}

function selectPlayerFor(prefix, p) {
  document.getElementById(prefix + '-pid').value = p.id;
  document.getElementById(prefix + '-search').value = p.username;
  document.getElementById(prefix + '-results').style.display = 'none';
  const info = document.getElementById(prefix + '-selected-info');
  info.innerHTML = 'Selected: <strong>' + p.username + '</strong> (ID ' + p.id + ', Lv ' + p.level + ')' + (p.online ? ' — <span class="text-success">Online</span>' : '');
  info.style.display = 'block';
}

async function sendDmToPlayer() {
  const pid = document.getElementById('dm-pid').value;
  if (!pid) { KR.toast('Select a player first.', 'error'); return; }
  const msg = document.getElementById('dm-message').value.trim();
  if (!msg) { KR.toast('Enter a message.', 'error'); return; }
  const btn = document.getElementById('dm-send-btn');
  btn.disabled = true;
  const resultEl = document.getElementById('dm-result-msg');
  const d = await apiPost('/admin/api/send_dm', {player_id: parseInt(pid), message: msg});
  btn.disabled = false;
  if (d.error) {
    resultEl.className = 'alert alert-danger mb-0';
    resultEl.textContent = d.error;
  } else {
    resultEl.className = 'alert alert-success mb-0';
    resultEl.textContent = 'DM sent!';
    setTimeout(() => $('#dmPlayerModal').modal('hide'), 1200);
  }
  resultEl.style.display = 'block';
}

async function sendGlobalDm() {
  const msg = document.getElementById('gdm-message').value.trim();
  if (!msg) { KR.toast('Enter a message.', 'error'); return; }
  if (!confirm('Send this DM to ALL players?\n\n"' + msg + '"')) return;
  const btn = document.getElementById('gdm-send-btn');
  btn.disabled = true;
  btn.textContent = 'Sending...';
  const resultEl = document.getElementById('gdm-result-msg');
  const d = await apiPost('/admin/api/send_dm', {broadcast: true, message: msg});
  btn.disabled = false;
  btn.textContent = 'Send to All';
  if (d.error) {
    resultEl.className = 'alert alert-danger mb-0';
    resultEl.textContent = d.error;
  } else {
    resultEl.className = 'alert alert-success mb-0';
    resultEl.textContent = 'DM sent to ' + d.sent_to + ' players!';
    setTimeout(() => $('#globalDmModal').modal('hide'), 1500);
  }
  resultEl.style.display = 'block';
}

async function sendResetPassword() {
  const pid = document.getElementById('rp-pid').value;
  if (!pid) { KR.toast('Select a player first.', 'error'); return; }
  if (!confirm('Reset this player\'s password? A temp password will be generated and DM\'d to them.')) return;
  const btn = document.getElementById('rp-send-btn');
  btn.disabled = true;
  const resultEl = document.getElementById('rp-result-msg');
  const d = await apiPost('/admin/api/reset_password/' + pid);
  btn.disabled = false;
  if (d.error) {
    resultEl.className = 'alert alert-danger mb-0';
    resultEl.textContent = d.error;
  } else {
    resultEl.className = 'alert alert-success mb-0';
    resultEl.innerHTML = 'Password reset!<br><strong>Username:</strong> ' + d.username + '<br><strong>Temp password:</strong> <code>' + d.temp_password + '</code><br><small class="text-muted">Also sent via DM.</small>';
  }
  resultEl.style.display = 'block';
}

async function resetPassword(pid, username) {
  if (!confirm('Reset password for ' + username + '?')) return;
  const d = await apiPost('/admin/api/reset_password/' + pid);
  if (d.error) {
    KR.toast('Error: ' + d.error, 'error');
  } else {
    KR.toast('Password reset for ' + d.username + ' — temp: ' + d.temp_password, 'success');
  }
}

function clearItemPicker(prefix) {
  document.getElementById(prefix + '-item-search').value = '';
  document.getElementById(prefix + '-item-desc').value = '';
  document.getElementById(prefix + '-item-results').style.display = 'none';
  document.getElementById(prefix + '-item-selected').style.display = 'none';
  document.getElementById(prefix + '-item-label').textContent = '';
}

function selectItem(prefix, item) {
  document.getElementById(prefix + '-item-search').value = item.FriendlyName || item.AvatarItemDesc;
  document.getElementById(prefix + '-item-desc').value = item.AvatarItemDesc;
  document.getElementById(prefix + '-item-results').style.display = 'none';
  const label = document.getElementById(prefix + '-item-label');
  label.textContent = (item.FriendlyName || '(unnamed)') + ' — ' + item.AvatarItemDesc;
  document.getElementById(prefix + '-item-selected').style.display = 'block';
}

async function filterItems(prefix) {
  const q = document.getElementById(prefix + '-item-search').value.trim().toLowerCase();
  document.getElementById(prefix + '-item-desc').value = '';
  document.getElementById(prefix + '-item-selected').style.display = 'none';
  const box = document.getElementById(prefix + '-item-results');
  if (!q) { box.style.display = 'none'; return; }
  const items = await loadAvatarItems();
  const matches = items.filter(i => (i.FriendlyName || '').toLowerCase().includes(q) || i.AvatarItemDesc.toLowerCase().includes(q)).slice(0, 40);
  box.innerHTML = '';
  if (!matches.length) { box.style.display = 'none'; return; }
  matches.forEach(item => {
    const btn = document.createElement('button');
    btn.type = 'button';
    btn.className = 'list-group-item list-group-item-action py-1';
    btn.innerHTML = '<strong>' + (item.FriendlyName || '<em>unnamed</em>') + '</strong> <small class="text-muted" style="font-size:.7rem">' + item.AvatarItemDesc + '</small>';
    btn.onclick = () => selectItem(prefix, item);
    box.appendChild(btn);
  });
  box.style.display = 'block';
}

['ga', 'gp', 'gr'].forEach(prefix => {
  const el = document.getElementById(prefix + '-item-search');
  if (el) {
    let t = null;
    el.addEventListener('input', () => { clearTimeout(t); t = setTimeout(() => filterItems(prefix), 200); });
  }
});

let _dashTimer = null;
const _dashInput = document.getElementById('dash-search');
const _dashResults = document.getElementById('dash-results');
const _dashLink = document.getElementById('dash-search-link');
if (_dashInput) {
  _dashInput.addEventListener('input', function() {
    clearTimeout(_dashTimer);
    const q = this.value.trim();
    _dashLink.href = '/admin/players?search=' + encodeURIComponent(q);
    if (!q) { _dashResults.style.display = 'none'; return; }
    _dashTimer = setTimeout(async () => {
      const res = await fetch('/admin/api/search_players?q=' + encodeURIComponent(q));
      const players = await res.json();
      _dashResults.innerHTML = '';
      if (!players.length) { _dashResults.style.display = 'none'; return; }
      players.forEach(p => {
        const a = document.createElement('a');
        a.href = '/admin/admin_players/edit/?id=' + p.id;
        a.className = 'list-group-item list-group-item-action py-2 d-flex justify-content-between align-items-center';
        a.innerHTML = '<span><strong>' + p.username + '</strong> <small class="text-muted">Lv ' + p.level + '</small></span>'
          + (p.online ? '<span class="badge badge-success">Online</span>' : '<span class="badge badge-secondary">Offline</span>');
        _dashResults.appendChild(a);
      });
      _dashResults.style.display = 'block';
    }, 200);
  });
  _dashInput.addEventListener('keydown', function(e) {
    if (e.key === 'Enter') {
      window.location.href = '/admin/players?search=' + encodeURIComponent(this.value.trim());
    }
  });
}

document.addEventListener('click', function(e) {
  if (_dashResults && !_dashResults.contains(e.target) && e.target !== _dashInput) {
    _dashResults.style.display = 'none';
  }
  ['gp', 'dm', 'rp'].forEach(prefix => {
    const box = document.getElementById(prefix + '-results');
    const inp = document.getElementById(prefix + '-search');
    if (box && inp && !box.contains(e.target) && e.target !== inp) {
      box.style.display = 'none';
    }
  });
  ['ga', 'gp', 'gr'].forEach(prefix => {
    const box = document.getElementById(prefix + '-item-results');
    const inp = document.getElementById(prefix + '-item-search');
    if (box && inp && !box.contains(e.target) && e.target !== inp) {
      box.style.display = 'none';
    }
  });
});

$('#giftPlayerModal').on('hidden.bs.modal', function() {
  document.getElementById('gp-pid').value = '';
  document.getElementById('gp-search').value = '';
  document.getElementById('gp-results').style.display = 'none';
  document.getElementById('gp-selected-info').style.display = 'none';
  document.getElementById('gp-result-msg').style.display = 'none';
  clearItemPicker('gp');
});

$('#giftAllModal').on('hidden.bs.modal', function() {
  clearItemPicker('ga');
});

$('#giftRowModal').on('hidden.bs.modal', function() {
  clearItemPicker('gr');
  document.getElementById('gr-result-msg').style.display = 'none';
});

$('#dmPlayerModal').on('hidden.bs.modal', function() {
  document.getElementById('dm-pid').value = '';
  document.getElementById('dm-search').value = '';
  document.getElementById('dm-message').value = '';
  document.getElementById('dm-results').style.display = 'none';
  document.getElementById('dm-selected-info').style.display = 'none';
  document.getElementById('dm-result-msg').style.display = 'none';
});

$('#globalDmModal').on('hidden.bs.modal', function() {
  document.getElementById('gdm-message').value = '';
  document.getElementById('gdm-result-msg').style.display = 'none';
});

$('#resetPassModal').on('hidden.bs.modal', function() {
  document.getElementById('rp-pid').value = '';
  document.getElementById('rp-search').value = '';
  document.getElementById('rp-results').style.display = 'none';
  document.getElementById('rp-selected-info').style.display = 'none';
  document.getElementById('rp-result-msg').style.display = 'none';
});

$('#dmRowModal').on('hidden.bs.modal', function() {
  document.getElementById('dr-message').value = '';
  document.getElementById('dr-result-msg').style.display = 'none';
});
</script>
{% endblock %}