@if ($composer->designValue('information_popup_enabled') === 'enabled')
    <div class="link information-pupup-link">
        {{ $composer->designValue('information_popup_link_text') }}
    </div>

    @php

        $title = $composer->designValue('information_popup_title') ?? '';

        $content = $composer->designValue('information_popup_content') ?? '';

    @endphp

    <style>
        .information-pupup-link {
            text-align: center;
            padding: 1rem;
            line-height: 1.7;
            cursor: pointer;
        }
    </style>

    <script>
        (function() {
            document.querySelector('.information-pupup-link')
                .addEventListener('click', function() {
                    window.InformationPopupModal.open({
                        data: {
                            title: "{{ base64_encode($title) }}",
                            content: "{{ base64_encode($content) }}"
                        }
                    })
                });
        })()
    </script>
@endif