@extends('partials.components.section', ['align' => $section['section_settings_align'] ?? 'left'])

@section('section')
    @if ($section['section_fields_richtext_columns'])
        <div class="{{ $grid }} {{ $margeAround }}">
            @foreach ($section['section_fields_richtext_columns'] as $column)
                @if (count($section['section_fields_richtext_columns']) < 3)
                    <div
                        class="{{ count($section['section_fields_richtext_columns']) > 1 ? 'md:col-span-' . 12 / count($section['section_fields_richtext_columns']) : 'md:col-span-8' }} {{ count($section['section_fields_richtext_columns']) == 1 && ($section['section_settings_align'] ?? 'left') == 'center' ? 'md:col-start-3' : '' }} col-span-12">
                        @include('partials.components.wysiwyg', [
                            'text' => $column['column'],
                            'class' => $section['section_settings_align'] ?? 'left',
                        ])
                    </div>
                @else
                    <div class="md:col-span-{{ 12 / count($section['section_fields_richtext_columns']) }} col-span-12">
                        @include('partials.components.wysiwyg', [
                            'text' => $column['column'],
                            'class' => $section['section_settings_align'] ?? 'left',
                        ])
                    </div>
                @endif
            @endforeach
        </div>
    @endif

@overwrite