@if(isset($user_notification) && !empty($user_notification))
<!-- 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-bell-o"></i>
        <span class="label label-warning">{{count($user_notification)}}</span>
    </a>
    <ul class="dropdown-menu">
        <li class="header">You have <b>{{count($user_notification)}}</b> notifications</li>
        <li>
            <!-- inner menu: contains the actual data -->
            <ul class="menu" style='overflow: auto;'>
                @foreach($user_notification as $notification)
                <li>
                    <a href="#"
                        class="campaign_data_row clickable"
                        data-target="#modal-data" 
                        data-toggle="modal" 
                        data-campaign-id='{{Session::get('campaign_id')}}' 
                        data-campaign-data-id='{{$notification['id']}}'
                        data-campaign-agent-id='{{$notification['campaign_agent_id']}}'
                        data-campaign-agent-name='{{$notification['campaign_agent_name']}}'
                        data-campaign-updated-at='{{$notification['updated_at']}}'
                        data-campaign-team-leader-remark='{{$notification['campaign_team_leader_remark']}}'
                        data-campaign-agent-remark='{{$notification['campaign_agent_remark']}}'
                        data-campaign-qa-remark='{{$notification['campaign_qa_remark']}}'
                        data-campaign-progress-status='{{$notification['campaign_progress_status']}}'
                        data-campaign-verify-status='{{$notification['campaign_verify_status']}}'
                        data-campaign-new-pic='{{$notification['campaign_new_pic']}}'
                        data-campaign-new-contact='{{$notification['campaign_new_contact']}}'
                        data-campaign-new-ic='{{$notification['campaign_new_ic']}}'
                        data-campaign-new-email='{{$notification['campaign_new_email']}}'
                        data-remind-date='{{$notification['remind_date']}}'
                        data-remind-time='{{$notification['remind_time']}}'
                        data-appointment-date='{{$notification['appointment_date']}}'
                        data-appointment-time='{{$notification['appointment_time']}}'
                        data-campaign-case-id='{{$notification['campaign_case_id']}}'
                        data-campaign-final-status='{{$notification['campaign_final_status']}}'
                        data-campaign-coordinator-remark='{{$notification['campaign_coordinator_remark']}}'
                        data-form-location="1">
                        <i class="fa fa-phone text-red"></i> call back at <b>{{$notification['remind_date']}} {{$notification['remind_time']}}</b>
                        <i class="fa fa-question-circle orange hover-collapse" 
                           data-toggle="collapse" data-target="#data-id-{{$notification['id']}}"></i>
                        <div class="collapse" id="data-id-{{$notification['id']}}">
                            @foreach($notification as $key => $value)
                            @if(!in_array($key, $pre_field) || $key == 'id')
                            <span data-column-key="{{show_field($key)}}" 
                                  data-column-value="{{$value}}">
                                <b>{{show_field($key)}}</b>: {{$value}} 
                            </span><br/> 
                            @endif
                            @endforeach
                        </div>
                    </a>
                </li>
                @endforeach
            </ul>
        </li>
    </ul>
</li>
@endif