{% extends "base.html" %}{% load static %}
{% block title %}Dashboard{% endblock %}
{% block title_header %}Dashboard{% endblock title_header %}
{% 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 %}