{% 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-image {{ chart_wrapper_css }}" dir="ltr">
      {% unique-id as chart_id %}
      <canvas class="auto-chartjs" id="{{ chart_id }}"
              width="{{ chart_width|default:480 }}" height="{{ chart_height|default:270 }}"></canvas>
      {{ chart_config|json_script:chart_id }}
    </div>
    <div class="card-table {{ table_wrapper_css }}">
      {% include 'generic_views/dashboard-cards/_table.partial.html' %}
    </div>
  </div>
</div>