{{--
  Title: Info Cards
  Description: WYSIWYG for the post & page
  Category: formatting
  Icon: columns
  Keywords: text
  Mode: edit
  Align: left
  PostTypes: page post
  SupportsAlign: full
  SupportsMode: true
  SupportsMultiple: true
  EnqueueStyle:
  EnqueueScript:
  EnqueueAssets:
--}}

@php
  $cards = get_field('cards_wrapper');
  $fixHeight = get_field('fix_height_homepage');
@endphp

<div class="block-info-cards">
  @foreach ($cards as $card)
    @php
      $title = str_replace(['<p>', '</p>'], '', $card['title']);
    @endphp
    <div class="block-info-cards__card">
      <div class="block-info-cards__title {{ $fixHeight ? 'block-info-cards__title--fix-height' : '' }}">{!! $title !!}</div>
      @if($card['cover'])
      <div class="block-info-cards__image">
        <img src="{{ $card['cover']['url'] }}" alt="">
      </div>
      @endif
      <div class="block-info-cards__description">{!! $card['description'] !!}</div>
      @if($card['link'])
      <a href="{{ $card['link']['url'] }}" target="{{ $card['link']['target'] }}" class="block-info-cards__cta">{{ $card['link']['title'] }}</a>
      @endif
    </div>
  @endforeach
</div>