@if(isset($user_announcement) && !empty($user_announcement))
<!-- Notifications: style can be found in dropdown.less -->
<li class="dropdown notifications-menu">
    <a href="#" class="dropdown-toggle" data-toggle="dropdown">
        <i class="fa fa-rss"></i>
        <span class="label label-danger total_new_announcement announcement_bubble">0</span>
    </a>
    <ul class="dropdown-menu">
        <li class="header">You have <b><span class="total_new_announcement">0</span></b> new announcement</li>
        <li>
            <!-- inner menu: contains the actual data -->
            <ul class="menu" style='overflow: auto;'>
                @foreach($user_announcement as $user_announcement)
                <li>
                    <a href="#" 
                       class='announcement'
                       data-target="#modal-announcement" 
                        data-toggle="modal"
                        data-announcement-id='{{$user_announcement['id']}}'
                        data-announcement-title='{{$user_announcement['name']}}'
                        data-announcement-description='{{$user_announcement['description']}}'
                        data-read='{{empty($user_announcement['user_id'])?0:1}}'
                        >
                        <i class="fa fa-rss text-red"></i> {{$user_announcement['name']}}
                    </a>
                </li>
                @endforeach
            </ul>
        </li>
    </ul>
</li>
@endif