@component('components.plant.template_popup',  ['id' => 'popup_notifications'])

<div class="msg-container">
    <label class="main-title notification-caption d-block mb-2">Notifications</label>
    <template class="msg-box">
        <div class="date"></div>
        
        <div class="status_item" status_id="default">
            <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

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