@if ($section)

    @php
        $sectionClass = $sectionClass ?? '';
        $sectionClass .= ' bg-' . $section['section_settings_background'];
        $sectionClass .=
            ($section['section_settings_background'] ?? 'transparent') == 'transparent'
                ? ' ' . $marginSection
                : ' ' . $paddingSection;
        $sectionClass .=
            $section['section_settings_background'] != 'dark' &&
            $section['section_settings_background'] != 'darkPrimary'
                ? ' text-body'
                : ' text-white';
        $sectionClass .= ' [.bg-white+&.bg-white]:!pt-0';
    @endphp

    <section id="{{ $section['section_fields_title'] ?? null ? sanitize_title($section['section_fields_title']) : '' }}"
        class="{{ ($ctn ?? true) == false ? '' : 'ctn ' }} {{ $sectionClass }} group/section {{ $index > 1 ? 'js-appear' : '' }} relative">
        @if ($header ?? true)
            @if (
                (!empty($section['section_fields_title']) ?? false) ||
                    (!empty($section['section_fields_suptitle']) ?? false) ||
                    (!empty($section['section_fields_introduction']) ?? false))
                <div class="{{ $grid }} {{ ($ctn ?? true) == false ? 'ctn' : '' }} relative z-10">
                    <div
                        class="{{ ($align ?? 'left') == 'center' ? 'text-center md:col-start-2 lg:col-start-3' : '' }} group col-span-12 md:col-span-10 lg:col-span-8">
                        @include('partials.components.section-header')
                    </div>
                </div>
            @endif
        @endif

        @yield('section')

        @if (($section['section_fields_buttons'] ?? false) && ($ctaAfter ?? true))
            <div class="{{ $grid }} {{ ($ctn ?? true) == false ? 'ctn' : '' }} relative z-10">
                <div
                    class="{{ ($align ?? 'left') == 'center' ? 'text-center md:col-start-2 lg:col-start-3' : '' }} group col-span-12 md:col-span-10 lg:col-span-8">
                    @include('partials.components.ctas', [
                        'ctas' => $section['section_fields_buttons'],
                        'class' => $margeBefore,
                        'align' => $align,
                    ])
                </div>
            </div>
        @endif
    </section>
@endif