{% spaceless %}

{#
  Parameters:
  - "column" (integer) (default: 3): Number of columns to divide the items with
  - "items" (array) (default: []):
    - "icon" (associate array) (default: { size: 'm' })
    - "value" (string) (default: '')
    - "title" (string) (default: '')
    - "description" (string) (default:'')
  - "view_all" (optional) (associative array) (default: {})
    - "link" (associative array) {
      - "label" (string) (default: '')
      - "path" (string) (default: '')
  - "display_icons" (boolean) (default: true)
  - "extra_classes" (string) (default: '')
  - "extra_attributes" (array) (default: []): format: [
        {
          "name" (string) (default: ''),
          "value" (string) (default: '')
        },
        ...
      ],
#}

{# Parameters #}

{% set _css_class = 'ecl-fact-figures' %}
{% set _extra_attributes = '' %}
{% set _columns = column|default(3) %}
{% set _extra_classes = extra_classes|default('') %}
{% set _display_icons = display_icons ?? true %}

{# Internal logic - Process properties #}

{% set _css_class = _css_class ~ ' ecl-fact-figures--col-' ~ _columns %}

{% if extra_classes is defined and extra_classes is not empty %}
  {% set _css_class = _css_class ~ ' ' ~ extra_classes %}
{% endif %}

{% if extra_attributes is defined and extra_attributes is not empty and extra_attributes is iterable %}
  {% for attr in extra_attributes %}
    {% if attr.value is defined %}
      {% set _extra_attributes = _extra_attributes ~ ' ' ~ attr.name|e('html_attr') ~ '="' ~ attr.value|e('html_attr') ~ '"' %}
    {% else %}
      {% set _extra_attributes = _extra_attributes ~ ' ' ~ attr.name|e('html_attr') %}
    {% endif %}
  {% endfor %}
{% endif %}

<div class="{{ _css_class }}" {{ _extra_attributes|raw }}>

{% if items is defined and items is not empty and items is iterable %}
  <div class="ecl-fact-figures__items">
  {% for item in items %}
    <div class="ecl-fact-figures__item">
    {% if item.icon is defined and item.icon is not empty and _display_icons %}
      {% set _icon_path = item.icon.path|default('') %}
      {% include '@ecl/icon/icon.html.twig' with {
        icon: item.icon,
        extra_classes: 'ecl-fact-figures__icon',
      } only %}
    {% endif %}
    {% if item.value is defined and item.value is not empty %}
      <div class="ecl-fact-figures__value">
        {{- item.value -}}
      </div>
    {% endif %}
    {% if item.title is defined and item.title is not empty %}
      <div class="ecl-fact-figures__title">
        {{- item.title -}}
      </div>
    {% endif %}
    {% if item.description is defined and item.description is not empty %}
      <div class="ecl-fact-figures__description">
        {{- item.description -}}
      </div>
    {% endif %}
    </div>
  {% endfor %}
  </div>
{% endif %}

{% if view_all.link is defined and view_all.link is not empty %}
  <div class="ecl-fact-figures__view-all">
    {% include '@ecl/link/link.html.twig' with view_all|merge({
      link: view_all.link|merge({
        type: 'standalone',
      }),
      icon: view_all.link.external ? {} : view_all.icon|default({})|merge({
        name: 'corner-arrow',
        transform: 'rotate-90',
      }),
      extra_classes: 'ecl-fact-figures__view-all-link',
    }) only %}
  </div>
{% endif %}
</div>

{% endspaceless %}