{% extends "base.html" %}
{% block title %}
    Games - List View
{% endblock title %}
{% block content %}
    <main>
        <h1 id="page-title">Games List</h1>
        <p>
            <a href="{% url 'twitch:game_list' %}">Grid View</a>
        </p>
        <!-- RSS Feeds -->
        <div style="margin-bottom: 1rem;">
            <a href="{% url 'twitch:game_feed' %}"
               style="margin-right: 1rem"
               title="RSS feed for all games">RSS feed for all games</a>
        </div>
        {% if games_by_org %}
            {% for organization, games in games_by_org.items %}
                <h2 id="org-{{ organization.twitch_id }}">{{ organization.name }}</h2>
                <ul style="list-style: none; padding: 0; margin: 0;">
                    {% for item in games %}
                        <li id="game-{{ item.game.twitch_id }}">
                            <a href="{% url 'twitch:game_detail' item.game.twitch_id %}">{{ item.game.display_name }}</a>
                        </li>
                    {% endfor %}
                </ul>
            {% endfor %}
        {% else %}
            <p>No games found.</p>
        {% endif %}
    </main>
{% endblock content %}