{% load common %}
{% unique-id as card_id %}
<div class="column">
  <div id="{{ card_id }}" class="card {{ card_class_selector }}">
    <div class="card-divider">
      {% include 'generic_views/dashboard-cards/_title.partial.html' %}
      <a class="mdi mdi-window-maximize maximize-button"></a>
      <a class="mdi mdi-window-minimize minimize-button"></a>
    </div>
    <div class="card-calendar calendar-container flex-child-grow">
      {% unique-id as chart_id %}
      <div id="calendar-{{ chart_id }}"></div>
      <script>
        document.addEventListener('DOMContentLoaded', function () {
          initCalendar($("#calendar-{{ chart_id }}"), {{ calendar_options_json|safe }});
        });
      </script>
    </div>
  </div>
</div>