{% extends "base.html" %}
{% block title %}
    Games - List View
{% endblock title %}
{% block extra_head %}
    <link rel="alternate"
          type="application/rss+xml"
          title="Newly added games (RSS)"
          href="{% url 'core:game_feed' %}" />
    <link rel="alternate"
          type="application/atom+xml"
          title="Newly added games (Atom)"
          href="{% url 'core:game_feed_atom' %}" />
    <link rel="alternate"
          type="application/atom+xml"
          title="Newly added games (Discord)"
          href="{% url 'core:game_feed_discord' %}" />
{% endblock extra_head %}
{% block content %}
    <main>
        <h1>Games List</h1>
        <!-- Add breadcrumbs -->
        <div>
            <a href="{% url 'twitch:dashboard' %}">Twitch</a> > Games
        </div>
        <div>
            <a href="{% url 'twitch:games_grid' %}" title="View games as grid">[grid]</a>
            <a href="{% url 'core:game_feed' %}" title="RSS feed for all games">[rss]</a>
            <a href="{% url 'core:game_feed_atom' %}"
               title="Atom feed for all games">[atom]</a>
            <a href="{% url 'core:game_feed_discord' %}"
               title="Discord feed for all games">[discord]</a>
            <a href="{% url 'core:docs_rss' %}" title="RSS feed documentation">[explain]</a>
            <a href="{% url 'twitch:export_games_csv' %}"
               title="Export all games as CSV">[csv]</a>
            <a href="{% url 'twitch:export_games_json' %}"
               title="Export all games as JSON">[json]</a>
        </div>
        {% if games_by_org %}
            {% for organization, games in games_by_org.items %}
                <h2>
                    <a href="{% url 'twitch:organization_detail' organization.twitch_id %}">{{ organization.name }}</a>
                </h2>
                <ul>
                    {% for item in games %}
                        <li>
                            <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 %}