{{--
  Title: Post-People-Planet
  Description: Add images to your post
  Category: formatting
  Icon: columns
  Keywords: image
  Mode: edit
  Align: left
  PostTypes: page post
  SupportsAlign: full
  SupportsMode: true
  SupportsMultiple: true
  EnqueueStyle:
  EnqueueScript:
  EnqueueAssets:
--}}

@php
    $peopleCover = get_field('people_image');
    $peopleTitle = get_field('people_title');
    $peopleDescription = get_field('people_description');
    $peopleUrl = get_field('people_link');
    $planetCover = get_field('planet_image');
    $planetTitle = get_field('planet_title');
    $planetDescription = get_field('planet_description');
    $planetUrl = get_field('planet_link');

    $changemakers = get_field('changemakers');
    $changemakersFirstUrl = get_field('changemakers_link_1');
    $changemakersSecondUrl = get_field('changemakers_link_2');

    do_action('disable_wpml_auto_id');
    $peopleOrId = get_category_by_slug('people')->term_id;
    $peopleId = apply_filters( 'wpml_object_id', $peopleOrId, 'category', true, 'en-gb');
    $peopleCategory = get_category($peopleId);
    $peopleTracking = "Full Launch banner;;".$peopleCategory->name.";;Homepage";
    $planetOrId = get_category_by_slug('planet')->term_id;
    $planetId = apply_filters( 'wpml_object_id', $planetOrId, 'category', true, 'en-gb');
    $planetCategory = get_category($planetId);
    $planetTracking = "Full Launch banner;;".$planetCategory->name.";;Homepage";
    do_action('enable_wpml_auto_id');
@endphp

<div class="block-post-images {{ $changemakers ? 'block-post-images__changemakers' : '' }}">
    <div class="block-post-images__single {{ $changemakers ? '' : 'block-post-images__single--half' }}">
        @if ($peopleCover)
            <div class="block-post-images__single-image">
                <a href="{{ $peopleUrl['url'] }}" data-layer="{{ $peopleTracking }}">
                    <img src="{{ $peopleCover['url'] }}" alt="">
                </a>
            </div>
        @endif
        <div class="block-post-images__single-caption">
            @if ($changemakers)
                <span class="title-2 cta-hero no-active">{{ $peopleTitle }}</span>
            @else
                <a href="{{ $peopleUrl['url'] }}" class="title-2 cta-hero" data-layer="{{ $peopleTracking }}"><span>{{ $peopleTitle }}</span></a>
            @endif
            <p class="p black-color {{ $changemakers ? 'block-small-width' : '' }}">{{ $peopleDescription }}</p>
            @if ($changemakersFirstUrl)
                <a href="{{ $changemakersFirstUrl['url'] }}" target="{{ $changemakersFirstUrl['target'] }}" class="cta cta--changemakers active-hover black-color" rel="link"><span>{{ $changemakersFirstUrl['title'] }}</span></a>
            @endif
        </div>
    </div>
    <div class="block-post-images__single {{ $changemakers ? '' : 'block-post-images__single--half' }}">
        @if ($planetCover)
            <div class="block-post-images__single-image">
                <a href="{{ $planetUrl['url'] }}" data-layer="{{ $planetTracking }}">
                    <img src="{{ $planetCover['url'] }}" alt="">
                </a>
            </div>
        @endif
        <div class="block-post-images__single-caption">
            @if ($changemakers)
                <span class="title-2 cta-hero no-active">{{ $planetTitle }}</span>
            @else
                <a href="{{ $planetUrl['url'] }}" class="title-2 cta-hero" data-layer="{{ $planetTracking }}"><span>{{ $planetTitle }}</span></a>
            @endif
            <p class="p black-color {{ $changemakers ? 'block-small-width' : '' }}">{{ $planetDescription }}</p>
            @if ($changemakersSecondUrl)
                <a href="{{ $changemakersSecondUrl['url'] }}" target="{{ $changemakersSecondUrl['target'] }}" class="cta cta--changemakers active-hover black-color" rel="link"><span>{{ $changemakersSecondUrl['title'] }}</span></a>
            @endif
        </div>
    </div>
</div>