@php
    $items = $section['parameters']['items'] ?? [];
    $layoutType = $section['parameters']['layout_type'] ?? 'vertical';
    $backgroundColor = $section['parameters']['background_color'] ?? '#f8f9fa';

    $renderText = function($text) {
        if (is_string($text) && (strpos($text, '{"type"') === 0 || strpos($text, '{"content"') === 0)) {
            return app(\V2\Services\ContentRichEditor\Services\ContentRichEditorRendererService::class)->toHtml($text);
        }
        return $text;
    };
@endphp

<section class="ftco-section" style="padding-top: 48px; padding-bottom: 48px; background-color: {{ $backgroundColor }};">
    <div class="container">
        <div class="row">
            @foreach($items as $item)
                @php
                    $link = $item['link'] ?? null;
                    $hasLink = !empty($link);
                    if ($hasLink && !preg_match('/^https?:\/\//i', $link) && strpos($link, '/') !== 0) {
                        $link = '/' . $link;
                    }
                @endphp
                
                <div class="col-md-6" style="margin-bottom: 24px;">
                    @if($hasLink) <a href="{{ $link }}" style="color: inherit; text-decoration: none;"> @endif
                    
                    @if($layoutType === 'horizontal')
                        <div style="background-color: #fff; padding: 24px; box-shadow: 0 0.125rem 0.25rem rgba(0,0,0,0.075); border-radius: 0.25rem; display: flex; align-items: flex-start; height: 100%; transition: 0.3s;">
                            <div class="icon" style="margin-right: 16px; font-size: 40px; color: var(--tenant-primary); min-width: 60px;">
                                <span class="{{ $item['icon'] ?? 'fa-cube' }}"></span>
                            </div>
                            <div>
                                <h4 style="font-size: 20px; font-weight: bold;">{{ $item['title'] ?? '' }}</h4>
                                <div style="font-size: 15px; color: #666;">{!! $renderText($item['text'] ?? '') !!}</div>
                            </div>
                        </div>
                    @else
                        <div class="media block-6 services text-center" style="background-color: #fff; padding: 48px; box-shadow: 0 0.125rem 0.25rem rgba(0,0,0,0.075); border-radius: 0.25rem; height: 100%; transition: 0.3s;">
                            <div class="icon" style="margin-bottom: 16px; margin-left: auto; margin-right: auto; font-size: 50px; color: var(--tenant-primary); width: 100%; display: flex; align-items: center; justify-content: center;">
                                <span class="{{ $item['icon'] ?? 'fa-cube' }}"></span>
                            </div>
                            <div class="media-body" style="width: 100%;">
                                <h3 class="heading" style="margin-bottom: 16px; font-size: 18px; font-weight: bold;">{{ $item['title'] ?? '' }}</h3>
                                <div style="font-size: 16px; color: #666;">{!! $renderText($item['text'] ?? '') !!}</div>
                            </div>
                        </div>
                    @endif

                    @if($hasLink) </a> @endif
                </div>
            @endforeach
        </div>
    </div>
</section>