<!-- Notifications Dropdown Menu -->
<li class="nav-item dropdown">
    <a class="nav-link" data-toggle="dropdown" href="#">
        <i class="fa fa-bell-o"></i>
        @if($un_read > 0)
        <span class="badge badge-danger navbar-badge" id = "un_read">
            {{$un_read}}
        </span>
        @endif
    </a>
    <div id='playerBox' style='height:0;width:0;' data-title="播放器"></div>
    <div class="dropdown-menu dropdown-menu-lg dropdown-menu-right"  id="head-notification" style="left: -110px;">
        @if($un_read > 0)
        <span class="dropdown-item dropdown-header">{{$un_read}} 新消息</span>
        <div class="dropdown-divider"></div>
        @foreach($notifications as $notification)
            <a href="/{{config('admin.route.prefix')}}/notifications/{{$notification['id']}}" class="dropdown-item" style="font-size:12px;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;word-break: break-all;">
                <i class="fa fa-envelope mr-2"></i> {!! $notification['content'] !!}
                <span class="float-right text-muted text-sm mt-1">{{$notification['notice_time']}}</span>
            </a>
        @endforeach
        @else
            <span class="dropdown-item dropdown-header">暂无新消息</span>
        @endif
        <div class="dropdown-divider"></div>
        <a href="/{{config('admin.route.prefix')}}/notifications" class="dropdown-item dropdown-footer">全部消息</a>

    </div>

</li>