<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(!empty($ctaTrigger1->title))
                    <h3>{!! $ctaTrigger1->title !!}</h3>
                @else
                    <h3>@lang('site/global.ctaRow.title')</h3>
                @endif

                @if(!empty($ctaTrigger1->subTitle))
                    <p>{!! $ctaTrigger1->subTitle !!}</p>
                @else
                    <p>@lang('site/global.ctaRow.subTitle')</p>
                @endif

                @if(!empty($ctaTrigger1->button))
                    @include('site.partials.small.button', ['button' => $ctaTrigger1->button, 'hideShadow' => true])
                @else
                    @include('site.partials.small.button', ['button' => (object)[ 'link' => '/'.$links->contact->route , 'text' => __('site/home.contactUs')], 'hideShadow' => true])
                @endif

            </div>

        @endif

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

                    <div class="image-placeholder">
                        <figure>
                            @if(!empty($ctaPerson->image))
                                <span style="background-image:url('{{$ctaPerson->image}}')"></span>
                            @else
                                <span style="background-image:url('{{ config('site.contactPerson.image') }}')"></span>
                            @endif
                        </figure>
                    </div>

                    <div class="contact-info">
                        <p>@if(!empty($ctaPerson->name)) {{$ctaPerson->name}} @else {{ config('site.contactPerson.name') }} @endif</p>
                        <span> @if(!empty($ctaPerson->text)) {!! $ctaPerson->text !!} @else @lang('site/global.ctaRow.phoneTitle') @endif</span>
                        @if(!empty($ctaPerson->button))
                            <a href="{{ $ctaPerson->button->link }}">{{ $ctaPerson->button->text }}</a>
                        @else
                            <a href="tel:{{ config('site.company.phone.call') }}">@lang('site/global.ctaRow.call') {{ config('site.company.phone.display') }}</a>
                        @endif
                    </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, 'hideShadow' => true])

            </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>