{% extends "base.html" %}{% load static %}
{% block title %} {{ title }}{% endblock %}
{% block page_heading %}{% endblock %}
{% block content %}

  <div class="row">
    <div class="col">
      <h4 class="display-4">Dashboard</h4>
    </div>
  </div>

  <div class="row">
    <div class="col">
      <h4 class="fw-bold">Upcoming Games</h4>
    </div>
  </div>

  <div class="row flex-row overflow-scroll">
    <div class="col">
      <div class="pb-3 flex-nowrap d-flex">
        {% for event, availability_summary in events_availabilities|slice:":5" %}
        {% include "widgets/event-card.html"%}
        {% endfor %}
      </div>
    </div>
  </div>

  <div class="row">
    <div class="col">
      <h4 class="fw-bold">Past Games</h4>
    </div>
  </div>

  <div class="row flex-row overflow-scroll">
    <div class="col">
      <div class="pb-3 flex-nowrap d-flex">
        {% for event in ts_events_past|slice:":4" %}
          {% include "widgets/event-card.html"%}
        {% endfor %}
      </div>
    </div>
  </div>

  </div>
{% endblock %}