<?= $this->Html->css('bootstrap-datepicker.min.css') ?>
<?= $this->Html->css('jquery.classyedit.css') ?>
<?= $this->Html->script('bootstrap-datepicker.js') ?>
<?= $this->Html->script('plugins/ckeditor.js') ?>
<?= $this->Html->script('jquery.classyedit.js') ?>
<style type="text/css">
	.seen{background: rgba(59, 70, 80, .1);}
</style>
<script type="text/javascript">
getNotication();
window.setInterval(function(){
 getNotication();
}, 200000);
function getNotication(){	
	$.ajax({
		url:'<?php echo $base_url; ?>/notifys/pushNotification',
		success:function(data){	

			var ErlNtf_count = 0;
			var NewNtf_count = 0;
			if(data!=''){
				var newDt = JSON.parse(data);
				var newNtf = newDt.New;
				var erlNtf = newDt.Earlier;
			
				if(typeof(erlNtf)!='undefined'){							
					ErlNtf_count = erlNtf.length;
				}
				if(typeof(newNtf)!='undefined'){				
					NewNtf_count = newNtf.length;
				}
				
				var notificationData = '';
				if(typeof(newNtf)!='undefined'){		
					$("#notification_alert").show();		
					notificationData +='<li class="n-title"><p class="m-b-0">NEW</p></li>';
					for (var i = 0; i < NewNtf_count; i++) {		
						notificationData +='<li class="notification">\n\
							<a href="<?php echo $base_url ?>/notifys/checkNotification/'+newNtf[i].id+'/'+newNtf[i].project.id+'">\n\
							<div class="media">\n\
							<img class="img-radius" src="<?php echo $base_url;?>/img/user.png" alt="Generic placeholder image">\n\
							<div class="media-body">\n\
							<p><strong>'+newNtf[i].freelancer.name+'</strong><span class="n-time text-muted time"><i class="icon feather icon-clock m-r-10"></i>'+newNtf[i].freelancer.created+'</span></p>\n\
							<p>New Bid on '+newNtf[i].project.topic+'('+newNtf[i].project.id+')</p>\n\
							</div>\n\
							</div></a>\n\
						</li>';
					}
				}
				//console.log(notificationData);
			if(typeof(erlNtf)!='undefined'){	
					notificationData +='<li class="n-title"><p class="m-b-0">Earlier</p></li>';
					for (var i = 0; i < ErlNtf_count; i++) {		
						notificationData +='<li class="notification seen">\n\
							<a href="<?php echo $base_url ?>/notifys/checkNotification/'+erlNtf[i].id+'/'+erlNtf[i].project.id+'">\n\
							<div class="media">\n\
							<img class="img-radius" src="<?php echo $base_url;?>/img/user.png" alt="Generic placeholder image">\n\
							<div class="media-body">\n\
							<p><strong>'+erlNtf[i].freelancer.name+'</strong><span class="n-time text-muted time"><i class="icon feather icon-clock m-r-10"></i>'+erlNtf[i].freelancer.created+'</span></p>\n\
							<p>New Bid on '+erlNtf[i].project.topic+'('+erlNtf[i].project.id+')</p>\n\
							</div>\n\
							</div></a>\n\
						</li>';
					}
				}

				if(notificationData!=''){				
					$("#notifications").html('').html(notificationData);
				}
			}			
		}
	});
}
</script>
