modal_login_msg = {'favorites': 'You must <b>log in</b> to save the offer to your favorites. The company that advertises this offer can then contact you.', 'cover_letter': 'You must log in to create an example cover letter using artificial intelligence (AI).', 'buy_package': 'Pre objednanie služby sa prosím prihláste alebo registrujte firmu.'};

function show_modal_login(msg) {
	if($("body > .modal-wrapper").length) {
		return false;
	}
	$("body").append('\
<div class="modal-wrapper">\
	<div class="modal">\
		<div class="modal-header">\
			<div class="modal-header-title">Login</div><button class="icon-close"></button>\
		</div>\
		<div class="modal-scroll-content">\
			<div class="modal-content">\
				<form id="loginForm">\
					' + (msg !== undefined ? '<div class="message">' + (modal_login_msg[msg] ?? msg) + '</div>' : '') + '\
					<div class="form-element">\
						<label>Enter your login email</label>\
						<input type="email" name="login_name" placeholder="E-mail">\
					</div>\
					<div class="form-element form-element-password">\
						<label>Enter the password</label>\
						<div class="input-password">\
							<input type="password" name="login_pw" placeholder="Password">\
							<button type="button" class="icon-eye"></button>\
						</div>\
					</div>\
					<div class="error-message" id="error-message"></div>\
					<div class="form-element">\
						<input type="submit" value="Log in">\
					</div>\
				</form>\
				<div class="login-options">\
					<a class="forgotten-password" href="forgotten-password">Forgot your password?</a>\
					<p>If you are a job seeker looking for a job, you can also apply via</p>\
					<ul>\
						<li><a href="#" data-provider="Google"><i class="icon-google"></i><span>Google</span></a></li>\
						<li><a href="#" data-provider="Facebook"><i class="icon-facebook"></i><span>Facebook</span></a></li>\
						<li><a href="#" data-provider="LinkedIn"><i class="icon-linkedin"></i><span>LinkedIn</span></a></li>\
					</ul>\
					<p class="login-registration">\
						Do not have an account yet? <a href="registration">Register!</a>\
					</p>\
				</div>\
			</div>\
		</div>\
	</div>\
</div>');

	$("body").addClass("modal-active");

	$('.login-options ul a').click(function() {
		location.href = 'https://kariera.zoznam.sk/callback.php?provider=' + $(this).attr('data-provider') + '&lang=' + current_lang;
		return false;
	});
}

redirect = '';

$(document).ready(function () {

	$('.btn.login, .menu-bottom .icon-user, .box-login .btn, .login-link').click(function() {
		show_modal_login();
		return false;
	});

	$(document).on("click", '.input-password .icon-eye', function () {
		var input = $(this).prev();
		if (input.attr("type") == "password") {
			input.attr("type", "text");
		} else {
			input.attr("type", "password");
		}
	});

	$(document).on("click", '.icon-close, .modal-close', function (e) {
		$("body > .modal-wrapper").remove();
		$("body").removeClass("modal-active");
		return false;
	});

	$(document).on("mousedown", '.modal-wrapper', function (e) {
		if(!$(e.target).is('.modal-wrapper')) return;
		$("body > .modal-wrapper").remove();
		$("body").removeClass("modal-active");
	});

	$(document).on("click", '.modal-popup-close, .modal-popup-overlay', function (e) {
		if(!$(e.target).is('.modal-popup-close, a') && $(e.target).closest('.modal-popup').length != 0) return false;
		$(".modal-popup-overlay").remove();
		$("body").removeClass("modal-active");
	});

	$(document).on("click", '.modal-wrapper input[type="submit"]', function() {
		var submit_button = $(this).prop('disabled', true);
		$('.modal input').removeClass('error');
		var postdata = getFormData("loginForm");
		postdata['ajax'] = 1;
		$.post("login",
			postdata,
			function(data, status) {
				if (status == "success" && data['status'] == "OK") {
					if(redirect)
						location.href = redirect;
					else if(current_page == 'home' || current_page == 'forgotten_pass')
						location.href = data['redirect'];
					else
						location.reload();
				} else {
					switch(data['err']) {
						case 'login_name':
						case 'login_pw': $('.modal input[name=' + data['err'] + ']').addClass('error');
					}
					$("#error-message").html(data['message']);
					submit_button.prop('disabled', false);
				}
			}
		);
		return false;
	});
});

function getFormData(formId) {
	let formData = {};
	let inputs = $('#'+formId).serializeArray();
	$.each(inputs, function (i, input) {
		formData[input.name] = input.value;
	});
	return formData;
}

function show_modal_job_seekers(obj) {
	if($(".modal-popup-overlay").length) {
		return false;
	}
	$("body").prepend('\
		<div class="modal-wrapper">\
			<div class="modal modal-wide">\
				<div class="modal-header">\
					<div class="modal-header-title">People who liked the offer</div><button class="icon-close"></button>\
				</div>\
				<div class="modal-scroll-content">\
					<div class="modal-content">\
						<div class="offer-like">\
							<p>By clicking on the button <b>Request resume</b> we will send an e-mail to the applicant with a request to send a resume.</p>\
							<ul></ul>\
  						</div>\
					</div>\
				</div>\
			</div>\
		</div>');

	$("body").addClass("modal-active");

	$.get(location.href, { action: 'job_seekers', id: obj.attr('data-id') },
		function(data, status) {
			if (status == "success") {
				var content = '';
				var days = '';
				var users = data['users'];
				for(n in users) {
					if(users[n]['add_days'] == 0)	days = 'today';
					else if(users[n]['add_days'] == 1)	days = 'yesterday';
					else if(users[n]['add_days'] < 8)	days = 'this week';
					else if(users[n]['add_days'] < 32)	days = 'a week ago';
					else if(users[n]['add_days'] < 62)	days = 'a month ago';
					else if(users[n]['add_days'] < 72)	days = '2 months ago';
					else	days = '3+ months ago';
					content += '<li><div class="offer-like-left"><strong>' + users[n]['firstname'] + ' ' + users[n]['lastname'] + '</strong> <small>(' + days + ')</small></div>' + (users[n]['date'] ? ' <span class="bg-yellow">Requested (' + users[n]['date'] + ')</span>' : ' <a href="my-offer-list?action=ask_for_cv&id=' + data['offer_id'] + '&uid=' + users[n]['id'] + '" target="_blank" class="btn ask-for-cv">Request CV</a>') + '</li>';
				}
				$('.modal .offer-like ul').html(content).find('.ask-for-cv').click(function() {
					var obj = $(this);
					if(obj.hasClass('disabled')) return false;
					obj.addClass('disabled');
					$.get(obj.attr('href'), (typeof company_id != 'undefined') ? { company_id: company_id } : {},
						function(data, status) {
							if (status == "success" && data['status'] == true) {
								obj.replaceWith('<span class="bg-yellow">Requested</span>');
							}
							else if(typeof data['status'] == 'undefined')
								location.href = 'login';
						}
					);
					return false;
				});
			}
		}
	);
}

function show_modal_offer_share(obj) {
	if($(".modal-popup-overlay, body > .modal-wrapper").length) {
		return false;
	}
	$("body").prepend('\
		<div class="modal-wrapper">\
			<div class="modal">\
				<div class="modal-header">\
					<div class="modal-header-title">Share offer</div><button class="icon-close"></button>\
				</div>\
				<div class="modal-scroll-content">\
					<div class="modal-content">\
						<form>\
							<ul class="share-options">\
								<li><label>Share on facebook</label><a href="https://www.facebook.com/sharer/sharer.php?u=' + $('link[rel=canonical]').attr('href') + '&utm_source=facebook&utm_medium=social&utm_campaign=offer_detail" target="_blank"><i class="icon-facebook"></i><span>Share</span></a></li>\
								<li><label>Poslať odkaz</label><a href="#" id="share-copy"><i class="icon-copy"></i><span>Kopírovať</span></a></li>\
							</ul>\
							<h2>Send offer to a friend</h2>\
							<div class="form-element">\
								<label>Tvoj e-mail</label>\
								<input type="email" name="email_user" placeholder="@" required>\
							</div>\
							<div class="form-element">\
								<label>E-mail priateľa</label>\
								<input type="email" name="email_friend" placeholder="@" required>\
							</div>\
							<div class="error-message" id="error-message"></div>\
							<div class="form-element">\
								<div id="g-recaptcha"></div>\
							</div>\
							<div class="form-element">\
								<input type="submit" name="ajax" value="Send an offer">\
							</div>\
						</form>\
						<div class="modal-agreement">\
							<div class="modal-agreement-content long-text">\
								Súhlasím, aby spoloční prevádzkovatelia Zoznam, s.r.o., Svätoplukova II. 18892/2 A, 821 08 Bratislava - mestská časť Ružinov, IČO: 36029076 a Kariera.sk, s.r.o., Svätoplukova II. 18892/2A, 821 08 Bratislava - mestská časť Ružinov, IČO: 36615242 uchovali a spracovali emailové adresy na účely informovania o vhodnej pracovnej ponuke, a to počas doby nevyhnutnej na vybavenie informácie, nie však dlhšie ako jeden mesiac. Osobné údaje budú poskytnuté tretím stranám na účely administratívneho a technického servisu. Nebude dochádzať k prenosu údajov do tretích krajín. Tento súhlas je možné odvolať písomne na adrese spoločnosti Zoznam, s.r.o. alebo emailom na kariera@firma.zoznam.sk. Bez poskytnutia údajov nie je možné využívať vyššie uvedené služby.\
							</div>\
							<a href="#">Show more</a>\
						</div>\
					</div>\
				</div>\
			</div>\
		</div>');

	$('.modal-agreement .long-text').each(long_text);

	$('#share-copy').click(function() {
		navigator.clipboard.writeText($('link[rel=canonical]').attr('href'));
		return false;
	});

	widgetId1 = grecaptcha.render('g-recaptcha', {
		sitekey: '6LfSgDYUAAAAAF5zGkQv8AeEt5kHjxt3oF4umM43'
	});

	$('.modal-content form input[type=submit]').click(function() {
		$('.modal-content form').addClass('validate');

		if (grecaptcha === undefined) {
			$('.icon-close').click();
			console.log('Recaptcha not defined');
			return;
		}

		if (!grecaptcha.getResponse()) {
			console.log('Could not get recaptcha response');
			return;
		}

		var submit_button = $(this).prop('disabled', true);
			submit_button.closest('form').addClass('validate');
			$.post(obj.attr('data-link'), { email_user: $('input[name=email_user]').val(), email_friend: $('input[name=email_friend]').val(), 'g-recaptcha-response': grecaptcha.getResponse(widgetId1), ajax: true },
				function(data, status) {
					if (status == "success") {
						if(data['message']) {
							if(data['ok']) {
								$('.icon-close').click();
								print_messages(data['message']);
							}
							else
								$("#error-message").html(data['message']);
						}
						submit_button.prop('disabled', false);
					}
				}
			);
	});
}

function show_modal_cv_foto() {
	if($(".modal-popup-overlay, body > .modal-wrapper").length) {
		return false;
	}
	$("body").prepend('\
		<div class="modal-wrapper" id="modal_foto">\
			<div class="modal">\
				<div class="modal-header">\
					<div class="modal-header-title">Nahrať obrázok</div><button class="icon-close"></button>\
				</div>\
				<div class="modal-scroll-content">\
					<div class="modal-content">\
						<p>Podporované formáty foto</p>\
						<label for="foto" class="cv-image-preview">\
							<img src="' + static_url + 'assets/avatar.svg">\
						</label>\
						<div class="cv-image-preview">\
							<img src="">\
						</div>\
						<div class="zoom-image-controls">\
							<div class="zoom-image-controls-left">\
								<label>Zväčšiť</label>\
							</div>\
							<div class="zoom-image-controls-center">\
								<input type="range" min="1" max="4" value="1" step="0.01" id="zoomer">\
							</div>\
							<div class="zoom-image-controls-right">\
								<button class="icon-rotate"></button>\
							</div>\
						</div>\
						<div class="modal-controls">\
							<button class="modal-close">cancel</button>\
							<div class="form-element">\
								<button id="foto_save" class="btn" style="display:none">Nahrať</button>\
							</div>\
						</div>\
					</div>\
				</div>\
			</div>\
		</div>');
}