@if($page->modal_content && !request()->user()->dismissPages()->where('pages.id', $page->id)->exists())
    <div id="welcome-modal"
         class="modal"
         data-bs-backdrop="static"
         data-bs-keyboard="false"
         tabindex="-1"
         aria-labelledby="welcomeModal"
         aria-hidden="true"
    >
        <div class="modal-dialog">
            <div class="modal-content">
                <div class="modal-body">
                    {!! $page->modal_content !!}
                </div>
                <div class="modal-footer justify-content-center">

                        <a class="btn {{ setting('toolbar_button_size') }} mb-3"
                           style="{{ _style('color', setting('toolbar_button_text_color')) }} {{ _style('background-color', setting('toolbar_button_background_color')) }} {{ _style('border-radius', setting('toolbar_button_border_radius')) }}"
                           href="{{ route('template.page.show', ['template' => request('template'), 'slug' => $page->slug, 'dismiss' => 1]) }}">
                            {{ $page->dismiss_button_text ?: "Don't show this page again" }}
                        </a>

                </div>
            </div>

        </div>
    </div>
    @push('js')
        <script>
            $(document).ready(function () {
                $('#welcome-modal').modal('show')
            });
        </script>
    @endpush
@endif