{{--
  Title: Zine Info
  Description: Additional info for promote the newest zine
  Category: formatting
  Icon: columns
  Keywords: text
  Mode: edit
  Align: left
  PostTypes: page post
  SupportsAlign: full
  SupportsMode: true
  SupportsMultiple: true
  EnqueueStyle:
  EnqueueScript:
  EnqueueAssets:
--}}
@php
  $destinationPage = get_field('destination_page');
  $color = get_field('text_background_color');
  $cover = get_field('image_cover');
  $title = get_field('title');
  $subtitle = get_field('subtitle');
  $firstText = get_field('first_cta_text');
  $secondText = get_field('second_cta_text');
  $secondUrl = get_field('second_cta_url');
  $video = get_field('video');
@endphp

<div class="block-chime-hero">
  <div class="block-chime-hero__body">
    <div class="block-chime-hero__image block-chime-hero__image--top" aria-hidden="true">
        @if ($video)
          @include('partials.iframe-video-fullwidth', ['$video' => $video])
        @else
          <a href={{ $destinationPage }} target="_blank" rel="link" tabindex="-1">
            <span style="background-color: @php echo $color @endphp;">
              <img src={{ $cover['url'] }} alt="">
            </span>
          </a>
        @endif
    </div>
    <div class="block-chime-hero__title">
      <h2 class="title-2">
        <span style="background-color: @php echo $color @endphp;">
          <h2 class="title-2">{{ $title }}</h2>
        </span>
      </h2>
    </div>
    <div class="block-chime-hero__subtitle">
      <div class="p">{{ $subtitle }}</div>
    </div>
    <div class="block-chime-hero__link-wrap">
      @if ($destinationPage && $firstText)
        <a class="cta" href={{ $destinationPage }} target="_blank" rel="link"><span style="background-color: @php echo $color @endphp;">{{ $firstText }} </span></a>
      @endif
      @if ($secondUrl && $secondText)
        <a class="cta" href={{ $secondUrl }} target="_blank" rel="link"><span style="background-color: @php echo $color @endphp;">{{ $secondText }} </span></a>
      @endif
    </div> 
  </div>
</div>