{% extends "base.html" %}

{% block content %}
<div class="container mt-4">
    <h2>Player Management</h2>
    <ul class="list-group">
        {% for player in players %}
        <li class="list-group-item d-flex justify-content-between align-items-center">
            <span>{{ player.name }}</span>
            <div>
                <form action="/players/op" method="POST" class="d-inline">
                    <input type="hidden" name="player_name" value="{{ player.name }}">
                    <button type="submit" class="btn btn-success btn-sm">OP</button>
                </form>
                <form action="/players/deop" method="POST" class="d-inline">
                    <input type="hidden" name="player_name" value="{{ player.name }}">
                    <button type="submit" class="btn btn-warning btn-sm">DeOP</button>
                </form>
                <form action="/players/ban" method="POST" class="d-inline">
                    <input type="hidden" name="player_name" value="{{ player.name }}">
                    <button type="submit" class="btn btn-danger btn-sm">BAN</button>
                </form>
                <form action="/players/kick" method="POST" class="d-inline">
                    <input type="hidden" name="player_name" value="{{ player.name }}">
                    <button type="submit" class="btn btn-secondary btn-sm">KICK</button>
                </form>
            </div>
        </li>
        {% endfor %}
    </ul>
</div>
{% endblock %}