@extends('partials.components.section', ['align' => ''])

@section('section')
    @if ($section['section_fields_arguments'] ?? false)
        <ul class="{{ $grid }} {{ $margeAround }} !gap-6 overflow-hidden">
            @foreach ($section['section_fields_arguments'] as $argument)
                <li
                    class="js-appear {{ count($section['section_fields_arguments']) % 3 === 0 ? 'lg:col-span-4' : '' }} col-span-12 flex gap-5 md:col-span-6">
                    @include('partials.svg.check', ['class' => 'shrink-0'])
                    <div class="">
                        @if ($argument['title'] ?? false)
                            <h3 class="text-lg font-bold">{{ $argument['title'] }}</h3>
                        @endif
                        @if ($argument['text'] ?? false)
                            <div class="text-base">
                                {!! $argument['text'] !!}
                            </div>
                        @endif
                    </div>
                </li>
            @endforeach
        </ul>
    @endif

    @if ($section['section_fields_buttons'] ?? false)
        <div class="{{ $margeBefore }} flex flex-wrap justify-center gap-4">
            @foreach ($section['section_fields_buttons'] as $button)
                @if ($button['button'] ?? false)
                    @include('partials.components.button', [
                        'button' => $button['button'],
                        'type' => $button['type'] ?? 'default',
                        'class' => 'js-appear',
                    ])
                @endif
            @endforeach
        </div>
    @endif
@overwrite