const jingrow_cloud_base_endpoint = 'https://jcloud.jingrow.com';

function calculate_trial_end_days() {
	// try to check for trial_end_date in jingrow.boot.subscription_conf
	if (jingrow.boot.subscription_conf.trial_end_date) {
		const trial_end_date = new Date(
			jingrow.boot.subscription_conf.trial_end_date,
		);
		const today = new Date();
		const diffTime = trial_end_date - today;
		const diffDays = Math.ceil(diffTime / (1000 * 60 * 60 * 24));
		return diffDays;
	} else {
		return 15 - jingrow.boot.telemetry_site_age;
	}
}

const trial_end_days = calculate_trial_end_days();

const trial_end_string =
	trial_end_days > 1 ? `${trial_end_days} days` : `${trial_end_days} day`;

let subscription_string = __(
	`Your trial ends in ${trial_end_string}. Please subscribe for uninterrupted services`,
);

let $floatingBar = $(`
			<div class="flex justify-content-center flex-col px-2"
				style="
					background-color: rgb(254 243 199);
					border-radius: 10px;
					margin-bottom: 20px;
					z-index: 1;"
			>
			<svg xmlns="http://www.w3.org/2000/svg" width="24"
				height="24"
				viewBox="0 0 24 24"
				fill="none"
				stroke="currentColor"
				stroke-width="1.5"
				stroke-linecap="round"
				stroke-linejoin="round"
				class="feather feather-alert-triangle my-auto"
			>
				<path d="M10.29 3.86L1.82 18a2 2 0 0 0 1.71 3h16.94a2 2 0 0 0 1.71-3L13.71 3.86a2 2 0 0 0-3.42 0z"></path>
				<line x1="12" y1="9" x2="12" y2="13"></line><line x1="12" y1="17" x2="12.01" y2="17"></line>
			</svg>
			<p style="margin: auto 0; margin-right: 20px; padding-left: 10px;">
				${subscription_string}
			</p>
			<button id="show-dialog" type="button"
				class="
					button-renew
					px-2
					py-1
				"
				onclick="showBanner()"
				style="
					margin: auto;
					height: fit-content;
					background-color: transparent;
					border: 1px solid #171717;
					color: #171717;
					border-radius: 8px;
					margin-right: 8px;
					font-size: 13px;
				"
			>
			Subscribe
			</button>
			<a type="button"
				class="dismiss-upgrade text-muted"
				data-dismiss="modal"
				aria-hidden="true"
				style="font-size:24px;
				margin-bottom: 5px;
				margin-right: 5px"
			>×</a>
			</div>
`);

$(document).ready(function () {
	if (jingrow.boot.setup_complete === 1) {
		if (
			!jingrow.is_mobile() &&
			jingrow.boot.subscription_conf.status !== 'Subscribed' &&
			trial_end_days > 0
		) {
			$('.layout-main-section').before($floatingBar);

			$floatingBar.find('.dismiss-upgrade').on('click', () => {
				$floatingBar.remove();
			});
		}
		if (jingrow.user.has_role('System Manager')) {
			add_jingrow_cloud_dashboard_link();
		}
	}
});

function add_jingrow_cloud_dashboard_link() {
	$('.dropdown-navbar-user .dropdown-menu .dropdown-divider').before(
		`<a class="dropdown-item"
		onclick="initiateRequestForLoginToFrappeCloud()"
		>Log In to Jingrow Cloud</a>`,
	);
}

function showBanner() {
	const d = new jingrow.ui.Dialog({
		title: __('Change Plan'),
		size: 'medium',
	});

	$(d.body).html(`
		<div id="wrapper" style="position:relative">
			<iframe
				src="${jingrow_cloud_base_endpoint}/dashboard/checkout/${jingrow.boot.subscription_conf.secret_key}"
				style="position: relative; top: 0px; width: 100%; height: 60vh;"
				frameborder="0"
			>
		</div>
	`);

	d.show();
}

// Jingrow Cloud login related
function initiateRequestForLoginToFrappeCloud() {
	jingrow.confirm(
		'Are you sure you want to login to Jingrow Cloud dashboard ?',
		() => {
			requestLoginToFC();
		},
	);
}

function requestLoginToFC(freezing_msg) {
	jingrow.request.call({
		url: `${jingrow_cloud_base_endpoint}/api/method/jcloude.api.developer.saas.send_verification_code`,
		type: 'POST',
		args: {
			domain: window.location.hostname,
		},
		freeze: true,
		freeze_message: freezing_msg || 'Initiating login to Jingrow Cloud',
		success: function (r) {
			showFCLogindialog(r.message.email);
			setErrorMessage('');
		},
		error: function (r) {
			jingrow.throw('Failed to login to Jingrow Cloud. Please try again');
		},
	});
}

function setErrorMessage(message) {
	$('#fc-login-error').text(message);
}

function showFCLogindialog(email) {
	if (!window.fc_login_dialog) {
		var d = new jingrow.ui.Dialog({
			title: __('Login to Jingrow Cloud'),
			primary_action_label: __('Verify', null, 'Submit verification code'),
			primary_action: verifyCode,
		});

		$(d.body).html(
			repl(
				`<div>
			<p>We have sent the verification code to your email id <strong>${email}</strong></p>
			<div class="form-group mt-2">
				<div class="clearfix">
					<label class="control-label" style="padding-right: 0px;">Verification Code</label>
				</div>
				<div class="control-input-wrapper">
					<div class="control-input"><input type="text" class="input-with-feedback form-control" id="fc-login-verification-code"></div>
				</div>
			</div>
			<p class="text-danger" id="fc-login-error"></p>
		</div>`,
				jingrow.app,
			),
		);

		d.add_custom_action("Didn't receive code? Resend", () => {
			d.hide();
			requestLoginToFC('Resending Verification Code...');
		});

		window.fc_login_dialog = d;
	}

	function verifyCode() {
		let otp = $('#fc-login-verification-code').val();
		if (!otp) {
			return;
		}
		jingrow.request.call({
			url: `${jingrow_cloud_base_endpoint}/api/method/jcloude.api.developer.saas.verify_verification_code`,
			type: 'POST',
			args: {
				domain: window.location.hostname,
				verification_code: otp,
			},
			freeze: true,
			silent: true,
			freeze_message: 'Validating verification code',
			success: function (r) {
				if (r.login_token) {
					fc_login_dialog.hide();
					window.open(
						`${jingrow_cloud_base_endpoint}/api/method/jcloude.api.developer.saas.login_to_fc?token=${r.login_token}`,
						'_blank',
					);
					jingrow.msgprint({
						title: __('Jingrow Cloud Login Successful'),
						indicator: 'green',
						message: __(
							`<p>You will be redirected to Jingrow Cloud soon.</p><p>If you haven\'t been redirected, <a href="${jingrow_cloud_base_endpoint}/api/method/jcloude.api.developer.saas.login_to_fc?token=${r.login_token}" target="_blank">Click here to login</a></p>`,
						),
					});
				} else {
					setErrorMessage('Login failed. Please try again');
				}
			},
			error: function (r) {
				if (r.exc) {
					setErrorMessage(
						JSON.parse(JSON.parse(r._server_messages)[0])['message'],
					);
				}
			},
		});
	}

	fc_login_dialog.show();
}