{{-- Layout Preview Partial - Content Only (CSS loaded in iframe) --}} {{-- This content will be injected into an iframe for complete style isolation --}} @php $hideHeader = in_array($layout->card_type, ['informational', 'info', 'info-r', 'info-rl', 'info-m', 'informational_right', 'informational_mixed', 'informational right', 'informational mixed', 'dwnldsatu', 'dwnlddua', 'dwnldlogo']); @endphp {{-- Preview without wrapper - clean layout for iframe --}}
@if (!$hideHeader)

{{ $layout->header }}

@if ($layout->description)

{!! $layout->description !!}

@endif @endif {{-- KONTEN --}} @if ($contents->count() > 0) @php $cardsPerRow = $layout->number_of_card_per_row; $gridClass = 'one-column-grid'; // Untuk card type guideline, selalu gunakan 4 kolom if ($layout->card_type === 'guideline') { $gridClass = 'four-column-grid'; } elseif ($layout->card_type === 'dwnldlogo') { // Download logo always uses 3 columns $gridClass = 'download-logo-grid'; } else { if ($cardsPerRow == 2) { $gridClass = 'two-column-grid'; } if ($cardsPerRow == 3) { $gridClass = 'three-column-grid'; } if ($cardsPerRow == 4) { $gridClass = 'four-column-grid'; } } @endphp {{-- Special handling for download logo card type --}} @if ($layout->card_type === 'dwnldlogo')

{{ $layout->header }}

@if ($layout->description)

{!! $layout->description !!}

@endif
@foreach ($contents as $content)
{{ $content->header }}

{{ $content->header }}

@if ($content->description)
{!! $content->description !!}
@endif @php $downloadLinks = $content->links; $totalLinks = $downloadLinks->count(); @endphp
@endforeach
@elseif ($layout->card_type === 'dwnldsatu') {{-- Special handling for dwnldsatu: left section (header/desc) + right section (content cards in 1 column) --}} @foreach ($contents as $content)
@if ($loop->first)

{{ $layout->header }}

{!! $layout->description !!}

@endif
{{ $content->header }}

{{ $content->header }}

@if ($content->description)
{!! $content->description !!}
@endif
@php $downloadLinks = $content->links; $totalLinks = $downloadLinks->count(); @endphp
@endforeach @elseif ($layout->card_type === 'dwnlddua') {{-- Special handling for dwnlddua: left section (header/desc) + right section (content cards in 2 column grid) --}}

{{ $layout->header }}

{!! $layout->description !!}

@foreach ($contents as $content)
{{ $content->header }}

{{ $content->header }}

@if ($content->description)
{!! $content->description !!}
@endif
@php $downloadLinks = $content->links; $totalLinks = $downloadLinks->count(); @endphp
@endforeach
@elseif ($layout->card_type === 'slider') {{-- Slider - Each card shows thumbnail + link images as slides --}}
@foreach ($contents as $content) @php $sliderImages = $content->links->where('type', 'slider_image'); $totalImages = 1 + $sliderImages->count(); @endphp
@if ($totalImages > 1)
{{ $content->header }}
@foreach ($sliderImages as $link)
{{ $content->header }}
@endforeach
@else {{ $content->header }} @endif

{{ $content->header }}

{!! $content->description !!}

@endforeach
@else
@foreach ($contents as $content) @if (isset($layout->card_type) && in_array($layout->card_type, ['informational', 'info'])) @php // Determine layout: vertical if 2 columns, horizontal otherwise $cardClass = $cardsPerRow == 2 ? 'informational-card informational-card-vertical' : 'informational-card'; @endphp @php $descriptionText = strip_tags($content->description); $hasMoreContent = strlen($descriptionText) > 400; // Limit HTML content while preserving tags $limitedHtml = $content->description; if ($hasMoreContent) { $limitedHtml = Str::limit($descriptionText, 400, '...'); } @endphp
{{ $content->header }}

{{ $content->header }}

{!! $hasMoreContent ? $limitedHtml : $content->description !!}
@if($hasMoreContent) View Detail @endif
@elseif(isset($layout->card_type) && in_array($layout->card_type, ['informational_right', 'informational right', 'info-r'])) @php $descriptionText = strip_tags($content->description); $hasMoreContent = strlen($descriptionText) > 400; $limitedHtml = $content->description; if ($hasMoreContent) { $limitedHtml = Str::limit($descriptionText, 400, '...'); } @endphp
{{ $content->header }}

{{ $content->header }}

{!! $hasMoreContent ? $limitedHtml : $content->description !!}
@if($hasMoreContent) View Detail @endif
@elseif(isset($layout->card_type) && in_array($layout->card_type, ['informational_mixed', 'informational mixed', 'info-m', 'info-rl'])) @php // Determine position based on index (even/ganjil = left, odd/genap = right) $isEven = $loop->index % 2 === 0; // Ganjil (index 0,2,4...) = gambar kiri, Genap (index 1,3,5...) = gambar kanan $cardClass = $isEven ? 'informational-card-left' : 'informational-card-right'; $descriptionText = strip_tags($content->description); $hasMoreContent = strlen($descriptionText) > 400; $limitedHtml = $content->description; if ($hasMoreContent) { $limitedHtml = Str::limit($descriptionText, 400, '...'); } @endphp
{{ $content->header }}

{{ $content->header }}

{!! $hasMoreContent ? $limitedHtml : $content->description !!}
@if($hasMoreContent) View Detail @endif
@elseif(isset($layout->card_type) && $layout->card_type === 'guideline')
{{ $content->header }}

{{ $content->header }}

{!! $content->description !!}

@elseif(isset($layout->card_type) && $layout->card_type === 'carousel') @php static $carouselIndex = 0; @endphp
@foreach ($contents as $carouselContent)
{{ $carouselContent->header }}
@endforeach
@php $carouselIndex++; break; // Only show carousel once per layout @endphp @else
{{ $content->header }}

{{ $content->header }}

{!! $content->description !!}
@endif @endforeach
@endif @else

No content available for this layout.

@endif
{{-- End preview container --}}