{{--
  Title: Data-visualization
  Description: Data visualization block
  Category: formatting
  Icon: columns
  Keywords: hero
  Mode: edit
  Align: left
  PostTypes: page post
  SupportsAlign: full
  SupportsMode: true
  SupportsMultiple: true
  EnqueueStyle:
  EnqueueScript:
  EnqueueAssets:
--}}

@php
    $rows = get_field('rows');
@endphp

<div class="block-data-visualization">

    @foreach ($rows as $row)
       <div class="block-data-visualization__row">

        @foreach ($row['single_data'] as $data)
            <div class="block-data-visualization__column">
                <div class="block-data-visualization__content">
                    <div class="block-data-visualization__content-label p">{{ $data['label'] }}</div>
                    <div class="block-data-visualization__content-value title-2">{{ $data['value'] }}</div>

                    @if ($data['subscript'])
                        <div class="block-data-visualization__content-subscript title-3">{{ $data['subscript'] }}</div>
                    @endif
                </div>
            </div>
        @endforeach

       </div>
    @endforeach

</div>