@section('script')
    <script src="{{ mix('js/enterprise/notification.js') }}"></script>
@append


@component(getPopupLayout(),  ['id' => 'popup_notifications'])

<div class="msg-container">
    <h5 class="notification-caption d-block mb-2">Notifications</h5>
    <template class="msg-box">
        <div class="date"></div>

        <div class="status_item" status_id="default">
            <small class="timestamp" style="opacity: .5; float: right;" class="mb-2"></small>
            <label class='content sub-title'></label>
            <hr/>
        </div>
    </template>

    <div class="no-msg-box box-content-center" style="height: 150px;">
        <label class="sub-title">
            You do not have any notifications available yet.<br>
            Please stay tuned for future updates
        </label>
    </div>

    <div class="spinner-border" role="status">
        <span class="sr-only">Loading...</span>
    </div>
</div>

@endcomponent