@if(auth()->user()->unread_chats->count())
    <div class="modal is-active" id="notification-modal">
        <div class="modal-background"></div>
        <div class="modal-card">
            <header class="modal-card-head">
                <p class="modal-card-title has-text-centered">{{ __('Notifications') }}</p>
                <button class="delete" aria-label="close"
                        onclick="closeModal('notification-modal')"></button>
            </header>
            <div class="modal-card-body has-text-centered">
                <p class="is-size-5">
                    @if(auth()->user()->unread_chats->count() === 1)
                        {{ __('One user has sent you new messages while you were away.') }}
                    @else
                        {{ __(':count users have sent you new messages while you were away.', ['count' => auth()->user()->unread_chats->count()]) }}
                    @endif
                </p>
            </div>
            <footer class="modal-card-foot has-text-centered is-flex-center">
                <button onclick="closeModal('notification-modal'); activateChat()" class="button">{{ __('Go to chat') }}</button>
            </footer>
        </div>
    </div>
@endif