'use strict';

/* globals define, socket, translator, utils, config, app, ajaxify, Tinycon*/


define('notifications', ['sounds'], function(sound) {
	var Notifications = {};

	Notifications.prepareDOM = function() {
		var notifContainer = $('.notifications'),
			notifTrigger = notifContainer.children('a'),
			notifList = $('#notif-list'),
			notifIcon = $('.notification-icon');

		notifTrigger.on('click', function(e) {
			e.preventDefault();
			if (!notifContainer.hasClass('open')) {

				socket.emit('notifications.get', null, function(err, data) {

					function createNotification(notification, callback) {
						if (notification.image) {
							image = '<img class="image" src="' + notification.image + '" />';
						} else {
							image = '';
						}

						return '<li class="' + (notification.readClass || '') + '"><a href="' + (notification.path || '#') + '">' + image + '<span class="pull-right relTime">' + $.timeago(new Date(parseInt(notification.datetime, 10))) + '</span><span class="text">' + notification.bodyShort + '</span></a></li>';
					}

					var	x, html = '';

					// Switch to shorthand
					translator.toggleTimeagoShorthand();

					if (!err && (data.read.length + data.unread.length) > 0) {
						var	image = '';
						for (x = 0; x < data.unread.length; x++) {
							html += createNotification(data.unread[x]);
						}

						for (x = 0; x < data.read.length; x++) {
							html += createNotification(data.read[x]);
						}
					} else {
						html += '<li class="no-notifs"><a>[[notifications:no_notifs]]</a></li>';
					}

					// Switch back to original timeago strings
					translator.toggleTimeagoShorthand();

					html += '<li class="pagelink"><a href="' + config.relative_path + '/notifications">[[notifications:see_all]]</a></li>';

					notifList.translateHtml(html);

					updateNotifCount(data.unread.length);

					socket.emit('modules.notifications.markAllRead', null, function(err) {
						if (!err) {
							updateNotifCount(0);
						}
					});
				});
			}
		});

		function updateNotifCount(count) {
			if (count > 0) {
				notifIcon.removeClass('fa-bell-o').addClass('fa-bell');
			} else {
				notifIcon.removeClass('fa-bell').addClass('fa-bell-o');
			}

			notifIcon.toggleClass('unread-count', count > 0);
			notifIcon.attr('data-content', count > 20 ? '20+' : count);

			Tinycon.setBubble(count);
		};

		function increaseNotifCount() {
			var count = parseInt(notifIcon.attr('data-content'), 10) + 1;
			updateNotifCount(count);
		}

		socket.emit('notifications.getCount', function(err, count) {
			if (!err) {
				updateNotifCount(count);
			} else {
				updateNotifCount(0);
			}
		});

		socket.on('event:new_notification', function(notifData) {
			app.alert({
				alert_id: 'new_notif',
				title: '[[notifications:new_notification]]',
				message: '[[notifications:you_have_unread_notifications]]',
				type: 'warning',
				timeout: 2000
			});
			app.refreshTitle();

			if (ajaxify.currentPage === 'notifications') {
				ajaxify.refresh();
			}

			increaseNotifCount();

			sound.play('notification');
		});

		socket.on('event:notifications.updateCount', function(count) {
			updateNotifCount(count);
		});
	};

	return Notifications;
});