@if(!empty($overlays))
    <div class="overlays" data-controller="components/overlays">
        <div class="overlays__items">
            @foreach($overlays as $overlay)
                <div class="overlays__overlay" data-overlay-id="{{ $overlay->id }}" data-role="overlay">
                    <div class="overlays__overlay-content">
                        @foreach($overlay->overlayBlocks as $block)
                            @include('frontend.templates.overlay-blocks.' . $block->type, ['block' => $block])
                        @endforeach
                    </div>
                </div>
            @endforeach
            <button class="overlays__overlay-close modal-close" data-action="close-overlay"></button>
        </div>
    </div>
@endif