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.status == 'EMPTY' and request.user.is_authenticated and not user_has_slot %}
                    <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>
    {% if request.user == room.owner %}
        <form method="POST" action="{% url 'epic:invite_gamer' room.id %}">
            {% csrf_token %}
            <input type="email" name="invitee_email" id="id_invite_email" placeholder="friend@example.com">
            <button type="submit" id="id_invite_btn" class="btn btn-primary btn-xl">Invite</button>
        </form>
    {% endif %}
</div>