@php
    $section['section_settings_background'] = null;
@endphp
@extends('partials.components.section', ['header' => false, 'ctaAfter' => false])
@section('section')
    <div class="{{ $grid }}">
        {{-- Text and button left --}}
        @if ($section['section_fields_before_call_to_action'] ?? false)
            <div class="col-span-12 flex flex-col gap-3 max-md:text-center md:col-span-4 lg:col-span-3">
                @include('partials.components.big-title', [
                    'title' => $section['section_fields_before_call_to_action']['title'] ?? null,
                    'class' => 'mb-0!',
                ])
                @if ($section['section_fields_before_call_to_action']['text'] ?? null)
                    <div class="text-body/50 mb-1 text-lg">
                        {!! $section['section_fields_before_call_to_action']['text'] ?? null !!}
                    </div>
                @endif
                @if ($section['section_fields_before_call_to_action']['button'] ?? false)
                    @include('partials.components.cta', [
                        'cta' => $section['section_fields_before_call_to_action']['button'] ?? null,
                        'btnClass' =>
                            'border-dark bg-none text-body hover:text-dark !text-lg hover:bg-accent hover:border-accent',
                    ])
                @endif
            </div>
        @endif

        {{-- CTA Right --}}
        <div
            class="{{ $section['section_fields_before_call_to_action'] ?? false ? 'md:col-span-8 lg:col-span-9' : '' }} col-span-12 flex flex-wrap items-center gap-x-10 gap-y-5 rounded-bl-lg rounded-tr-lg bg-white p-10 shadow">
            {!! ResponsivePics::get_image($section['section_fields_image'], 'xs:200', 0, 'w-32 h-auto', false, true) !!}
            <div class="grow">
                @include('partials.components.section-header', ['section' => $section])
            </div>
            @if ($section['section_fields_buttons'] ?? false)
                @include('partials.components.ctas', [
                    'ctas' => $section['section_fields_buttons'],
                    'class' => '0',
                    'align' => $align,
                ])
            @endif
        </div>
    </div>
@overwrite