<?php if(Auth::check()): ?>
    <?php foreach(Auth::user()->filteredUnreadNotifications(['!data.position' => 'top']) as $notification): ?>
        <div class="modal-popup fade <?php echo $notification->data['position']; ?>" id="popup<?php echo e($notification->id); ?>" tabindex="-1" role="dialog" data-modaloverflow="true" data-backdrop="false">
            <div class="modal-dialog" role="document">
                <div class="modal-content">
                    <?php if( ! empty($notification->data['title']) ): ?>
                    <div class="modal-header">
                        <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                            <span aria-hidden="true">&times;</span>
                        </button>
                        <div class="modal-title text-center"><?php echo $notification->data['title']; ?></div>
                    </div>
                    <?php else: ?>
                        <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                            <span aria-hidden="true">&times;</span>
                        </button>
                    <?php endif; ?>

                    <div class="modal-body text-center">
                        <?php echo $notification->data['content']; ?>

                    </div>
                </div>
            </div>
        </div>

        <script>
            $(window).on("load", function() {
                setTimeout(function(){
                    $('#popup<?php echo e($notification->id); ?>').modal('show');
                }, 5000);
            });
        </script>
    <?php endforeach; ?>
<?php endif; ?>
