python-tdd/src/templates/apps/gameboard/_partials/_gatekeeper.html

<div class="gate-modal" role"dialog" aria-label="Gatekeeper">
    <header class="gate-header">
        <h1>{{ room.name }}</h1>
        <span class="gate-status">{{ room.gate_status }}</span>
    </header>

    <div class="gate-slots">
        {% for slot in slots %}
            <div
                class="gate-slot{% if slot.status == 'EMPTY' %} empty{% elif slot.status == 'FILLED' %} filled{% endif %}"
                data-slot="{{ slot.slot_number }}"
            >
                <span class="slot-number">{{ slot.slot_number }}</span>
                {% if slot.gamer %}
                    <span class="slot-gamer">{{ slot.gamer.email }}</span>

                {% else %}
                    <span class="slot-gamer">empty</span>
                {% endif %}
                {% if slot.slot_number == 1 and request.user == room.owner and slot.status == 'EMPTY' %}
                    <form method="POST" action="{% url "epic:drop_token" room.id slot.slot_number %}">
                        {% csrf_token %}
                        <button type="submit" class="btn drop-token-btn btn-primary btn-xl">Drop Token</button>
                    </form>
                    {% endif %}
            </div>
        {% endfor %}
    </div>
</div>