{% extends "base.html" %}
{% block content %}
<h1>Player Management</h1>

{% if let Some(name) = active_instance_name %}
    <p>Managing: <strong>{{ name }}</strong></p>
{% else %}
    <div class="flash flash-warn">No active instance. Start a server to manage players.</div>
{% endif %}

<div class="tab-row">
    <div class="card">
        <h3>Whitelist</h3>
        <form action="/players/whitelist/add" method="post" class="form-row">
            <input type="text" name="username" placeholder="Player name" required>
            <button type="submit" class="btn-ok">Add</button>
        </form>
        <ul class="player-list">
        {% for player in whitelist %}
            <li>
                {{ player }}
                <form action="/players/whitelist/remove" method="post" style="display:inline">
                    <input type="hidden" name="username" value="{{ player }}">
                    <button type="submit" class="btn-sm btn-danger">Remove</button>
                </form>
            </li>
        {% endfor %}
        </ul>
    </div>

    <div class="card">
        <h3>Operators</h3>
        <form action="/players/op/add" method="post" class="form-row">
            <input type="text" name="username" placeholder="Player name" required>
            <button type="submit" class="btn-ok">Add</button>
        </form>
        <ul class="player-list">
        {% for player in ops %}
            <li>
                {{ player }}
                <form action="/players/op/remove" method="post" style="display:inline">
                    <input type="hidden" name="username" value="{{ player }}">
                    <button type="submit" class="btn-sm btn-danger">Remove</button>
                </form>
            </li>
        {% endfor %}
        </ul>
    </div>

    <div class="card">
        <h3>Banned</h3>
        <form action="/players/ban/add" method="post" class="form-row">
            <input type="text" name="username" placeholder="Player name" required>
            <button type="submit" class="btn-ok">Ban</button>
        </form>
        <ul class="player-list">
        {% for player in bans %}
            <li>
                {{ player }}
                <form action="/players/ban/remove" method="post" style="display:inline">
                    <input type="hidden" name="username" value="{{ player }}">
                    <button type="submit" class="btn-sm btn-ok">Unban</button>
                </form>
            </li>
        {% endfor %}
        </ul>
    </div>
</div>
{% endblock %}