{% extends "base.html" %}{% load static %}
{% block title %}Dashboard{% endblock %}
{% block pre_container %}{% include "page-heading.html" with title="Dashboard" %}{% endblock pre_container %}
{% block content %}

  <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 %}