{% from "../../_charts/chart-card/view.njk" import dprChartCard %}
{% from "../scorecard-group/view.njk" import dprScoreCardGroup %}
{% from "../dashboard-list/view.njk" import dprDashboardList %}

{% macro dprDashboardVisualisation(visualisation, index = 1) %}
  {% set type = visualisation.type %}
  {% set id = visualisation.id %}
  {% set title = visualisation.title %}
  {% set description = visualisation.description %}
  {% set data = visualisation.data %}

  <div class="dashboard-visualisation-container" id="{{ id }}-dash-section-visualisation" tabindex="0">
    {% if title %}
      <h3 class="govuk-heading-s">{{ title }}</h3>
    {% endif %}

    {% if description %}
      <p class="govuk-body">{{ description }}</p>
    {% endif %}

    {% if type === 'scorecard-group' %}

      {{ dprScoreCardGroup(id, data) }}

    {% elif type === 'list' %}  

      {{ dprDashboardList(id, data) }}

    {% else %}

      {{ dprChartCard(id, data) }}
    
    {% endif %}

  </div>
{% endmacro %}