{% extends "base.html" %}

{% block title %}Games{% endblock %}

{% block content %}
    {% if todays_game %}
     <div class="d-flex flex-column">
        <div class="image-grid-container">
            <h2>Featured</h2>
            {% include 'games/_game_card.html' with game=todays_game featured="true" %}
        </div>
     </div>
    {% endif %}


    <h2>Recently added</h2>

    <div class="card-columns">
    {% for game in object_list %}
      {% include 'games/_game_card.html' %}
    {% endfor %}
    </div>

     {% include "games/_pagination.html" %}
{% endblock %}