@extends('partials.components.section', ['header' => false, 'ctaAfter' => false, 'sectionClass' => '!overflow-visible'])

@section('section')
    <div class="{{ $grid }} items-center">
        <div class="{{ $section['section_settings_align'] == 'text-right' ? 'order-1' : '' }} col-span-12 lg:col-span-6">
            @include('partials.components.section-header')
            @if ($section['section_fields_buttons'] ?? false)
                @include('partials.components.ctas', ['ctas' => $section['section_fields_buttons']])
            @endif
        </div>

        <div
            class="{{ $section['section_settings_align'] == 'text-right' ? 'order-2 md:order-1' : '' }} relative col-span-12 overflow-hidden rounded-bl-lg rounded-tr-lg shadow lg:col-span-6">
            @if ($section['section_fields_image'] ?? false)
                {!! ResponsivePics::get_image(
                    $section['section_fields_image'],
                    'xs:600, md:1024',
                    0,
                    'w-full h-full object-cover',
                    false,
                    true,
                ) !!}
            @endif
        </div>
    </div>
@overwrite