{% extends "base.dj.html" %}

{% block title %}Claremont MakerSpace Management{% endblock %}
{% block content %}
  {% if not user.is_authenticated %}
    <div class="alert alert-warning">
      You are not logged in. Much of this site is inaccessible until you <a href="{% url 'login' %}">log in</a>.
    </div>
  {% endif %}
  <div class="container">
    <div style="display: grid;
                grid-template-columns: repeat(auto-fit, minmax(20em, auto));
                gap: 0.5em">
      {% for app, app_dash in apps.items %}
        {% if app_dash.visible %}
          <div>
            <div class="card">
              <h5 class="card-header">{{ app }}</h5>
              {% include app_dash.template with app=app ctx=app_dash.context %}
            </div>
          </div>
        {% endif %}
      {% endfor %}
    </div>
  </div>
{% endblock %}
{% block script %}
  <script>
    const tooltipTriggerList = document.querySelectorAll('[data-bs-toggle="tooltip"]')
    const tooltipList = [...tooltipTriggerList].map(tooltipTriggerEl => new bootstrap.Tooltip(tooltipTriggerEl))
  </script>
{% endblock %}