@foreach($notifications as $notification)
    <div class="notification">
        <div class="notification-title text-success">{{ucwords($notification['type'])}} {{$notification['relatedId']}}</div>
        <div class="notification-description">{{$notification['content']}}</div>
        <div class="notification-ago">{{date('d/m/Y H:i:s', strtotime($notification['updated_at']))}}</div>
        <a onclick="javascript:dismissNotification('{{$notification["id"]}}')"><div class="notification-icon fa fa-trash-o bg-success"></div></a>
    </div>
@endforeach

<script type="text/javascript">
    $('#notificationTotal').html('{{sizeof($notifications)}}');

    if('{{sizeof($notifications)}}' > 0) {
        $('#notificationIcon').addClass('faa-flash animated');
    }else {
        $('#notificationIcon').removeClass('faa-flash animated');
    }

    function dismissNotification(notificationId) {
        loadingOverlay();
        $.post('{{URL::action("NotificationController@dismissNotification")}}', {
            notificationId: notificationId,
            _token: '{{csrf_token()}}'
        }).done(function (data) {
            loadingRemove();
            getNotification('{{URL::action("NotificationController@generateUserNotificationList")}}', '{{Auth::user()["id"]}}');
        }).fail(function (data) {
            loadingRemove();
            new PNotify({
                title: 'Notification dismiss failed!',
                text: '',
                type: 'error',
                icon: 'fa fa-times'
            });
        });
    }
</script>