{% extends "base.html" %}
{% load static %}

{% block scriptHeader %}
  {{ block.super }}
  <script src="{% static 'js/toast.js' %}" defer></script>
{% endblock scriptHeader %}

{% block styles %}
  {{ block.super }}
  <link href="{% static 'css/generic.css' %}" rel="stylesheet" />
{% endblock styles %}

{% block main-menu %}
  {{ block.super }}
{% endblock main-menu %}

{% block messages %}
  <div id="snackbar">
    {% for message in messages %}
      <dialog class="mytoast alert alert-{{ message.tags }}" role="alert" open>
        {{ message }}
      </dialog>
    {% endfor %}
    <dialog data-message-toast class="mytoast alert" role="alert">
    </dialog>
  </div>
{% endblock messages %}