<li class="dropdown">

    <a class="dropdown-toggle" data-toggle="dropdown" href="#" aria-expanded="true">
        <span class="glyphicon glyphicon-bell notification"></span>@if (!empty($notifications->count()))<span
                class="badge">@if($notifications->count() < 10){{$notifications->count()}}@else 9+@endif</span>@endif
    </a>

    <ul class="dropdown-menu dropdown-messages">
        @if(empty($notifications->first()))
            <li>
                <a style="margin-top: 5px">
                    <div>
                        <h5>Er zijn geen openstaande meldingen</h5>
                    </div>
                </a>
            </li>
            <li class="divider"></li>
        @else
            @foreach($notifications as $notification)
                <li>
                    <a href="{{$notification->url}}">
                        <div>
                            <strong style="font-size: 17px;">{{$notification->title}}</strong>
                                    <span class="pull-right text-muted">
                                        <em>{{\Carbon\Carbon::parse($notification->created_at)->diffForHumans()}}</em>
                                    </span>
                        </div>
                        <div>
                            <p>{!!html_entity_decode($notification->message)!!}</p>
                        </div>
                    </a>
                </li>
                <li class="divider"></li>
            @endforeach
        @endif
        <li>
            <a class="text-center" href="/berichten">
                <strong>Lees alle berichten</strong> @if (!empty($notifications->count()))<span class="badge"
                                                                                                style="position: static">@if($notifications->count() < 10){{$notifications->count()}}@else
                        9+@endif</span>@endif
                <i class="glyphicon glyphicon-chevron-right"></i>
            </a>
        </li>
    </ul>
    <!-- /.dropdown-messages -->
</li>