{% extends "base.html" %}
{% block title %}
    Kick Games
{% endblock title %}
{% block extra_head %}
    <link rel="alternate"
          type="application/rss+xml"
          title="All Kick games (RSS)"
          href="{% url 'kick:game_feed' %}" />
    <link rel="alternate"
          type="application/atom+xml"
          title="All Kick games (Atom)"
          href="{% url 'kick:game_feed_atom' %}" />
    <link rel="alternate"
          type="application/atom+xml"
          title="All Kick games (Discord)"
          href="{% url 'kick:game_feed_discord' %}" />
{% endblock extra_head %}
{% block content %}
    <main>
        <h1>Kick Games</h1>
        <div>
            <a href="{% url 'kick:dashboard' %}">Kick</a> > Games
        </div>
        <div>
            <a href="{% url 'kick:game_feed' %}" title="RSS feed for all games">[rss]</a>
            <a href="{% url 'kick:game_feed_atom' %}"
               title="Atom feed for all games">[atom]</a>
            <a href="{% url 'kick:game_feed_discord' %}"
               title="Discord feed for all games">[discord]</a>
            <a href="{% url 'core:docs_rss' %}" title="RSS feed documentation">[explain]</a>
        </div>
        {% if categories %}
            <ul>
                {% for category in categories %}
                    <li>
                        <a href="{% url 'kick:game_detail' category.kick_id %}">{{ category.name }}</a>
                        {% if category.campaign_count %}
                            - {{ category.campaign_count }} campaign{{ category.campaign_count|pluralize }}
                        {% endif %}
                    </li>
                {% endfor %}
            </ul>
        {% else %}
            <p>No games found.</p>
        {% endif %}
    </main>
{% endblock content %}