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

@php
	$title = get_field('title');
	$paragraph = get_field('paragraph');
	$link = get_field('link');
	$image = get_field('image');
@endphp

<div class="block-changemakers-london-extra">
<div class="block-changemakers-london-extra__block">
            <div class="block-changemakers-london-extra__background"></div>
            <div class="block-changemakers-london-extra__body">
                <div class="block-changemakers-london-extra__content">
                    <div class="block-changemakers-london-extra__image-wrapper">
                        <img class="block-changemakers-london-extra__image" src="{{ $image }}" alt="{{ $title }}" />
                    </div>

                    <div class="block-changemakers-london-extra__info">
                        <div class="block-changemakers-london-extra__info-top">
                                <h2 class="block-changemakers-london-extra__title">
                                    {{$title}}
                                </h2>
                            <img class="block-changemakers-london-extra__mob-image" src="{{ $image }}" alt="{{ $title }}" />
                            <div class="block-changemakers-london-extra__description p">
                                {!! $paragraph !!}
                            </div>
                        </div>
                        @if ($link)
                        <ul class="block-changemakers-london-extra__buttons">
                            <li>
                                <a class="cta cta--changemakers" href="{{$link['url']}}" target="_BLANK">{{$link['title']}}</a>
                            </li>

                        </ul>
                        @endif
                    </div>
                </div>
            </div>
        </div>
</div>