<section class="cta-row">

    @if(!isset($ctaTrigger1) && !isset($ctaTrigger2) && !isset($ctaPerson))
        <p class="basic-hint">
            Voor dit blok moet op z'n minst een 'ctaTrigger1' gedefineerd zijn. <br/>Hierin zou een 'title', 'subTitle'
            en 'button' moeten zitten.
        </p>

    @endif


    <div class="grid-row">


        @if(isset($ctaTrigger1))

            <div class="cta-trigger grid-col">

                @if(isset($ctaTrigger1->title) && $ctaTrigger1->title != '')
                    <h3>{!! $ctaTrigger1->title !!}</h3>
                @endif

                @if(isset($ctaTrigger1->subTitle) && $ctaTrigger1->subTitle != '')
                    <p>{!! $ctaTrigger1->subTitle !!}</p>
                @endif

                @include('site.partials.small.button', ['button' => $ctaTrigger1->button,'light' => true])

            </div>

        @endif

        @if(isset($ctaPerson))
            <div class="cta-person grid-col right-col">
                <div class="wrapper">

                    <div class="image-placeholder">
                        <figure>
                            <span style="background-image:url('{{$ctaPerson->image}}')"></span>
                        </figure>
                    </div>

                    <div class="contact-info">
                        <p>{{$ctaPerson->name}}</p>
                        <span>{!! $ctaPerson->text !!}</span>
                        <a href="{{ $ctaPerson->button->link }}">{{ $ctaPerson->button->text }}</a>
                    </div>

                </div>
            </div>

        @elseif(isset($ctaTrigger2))

            <div class="cta-trigger-2 grid-col right-col">

                <h3>{!! $ctaTrigger2->title !!}</h3>
                <p>{!! $ctaTrigger2->subTitle !!}</p>

                @include('site.partials.small.button', ['button' => $ctaTrigger2->button])

            </div>

        @else
            <p class="basic-hint">Er zou een tweede trigger 'ctaTrigger2' of een personificatie 'ctaPerson' gedefineerd
                moeten zijn.<br/>
                De 'ctaTrigger2' zou hetzelfde opgebouwd moeten zijn als de eerste.</p>
        @endif

    </div>
</section>