jQuery(document).ready(function($) {
	'use strict';

	$(document).on('click', '#magicai-chatbot-widget .magicai-chatbot-widget--trigger', function (e) {
		if ( !magicai_js_options.guest_status ) {
			toastr.error(magicai_localize?.please_active_magicai ||
						'Please Active The MagicAI');
			return false;
		}

		var $this = $(this);
		var chat = $this.parent().find('.magicai-chatbot-widget--chat');
		var messages = chat.find('.magicai-chatbot-widget--messages');
		var message_list = chat.find('.magicai-chatbot-widget--message-list');
		chat.toggleClass('active');


		if ( ! $this.hasClass('loaded') ){
			$('#magicai-chatbot-widget').addClass('is-loading');
			messages.empty();
			jQuery.post( magicai_js_options.ajaxurl, { action: 'magicai_chatbot_get_chat' }, function ( response ) {
				if ( response.chat_history ) {
					$('#magicai-chatbot-widget .magicai-chatbot-widget--chat').toggleClass('active-message-list');
					message_list.append(response.output);
				} else {
					$('#magicai-chatbot-widget form').attr('data-id', response.chat_id);
					messages.append(response.output);
				}
				$('#magicai-chatbot-widget').removeClass('is-loading');
				messages.scrollTop(messages[0].scrollHeight - messages[0].clientHeight);
				$this.addClass('loaded');
			});

		}
		e.preventDefault();

	});

	$(document).on('click', '#magicai-chatbot-widget .start-new-chat', function (e) {

		if ( !magicai_js_options.guest_status ) {
			toastr.error(magicai_localize?.please_active_magicai ||
						'Please Active The MagicAI');
			return false;
		}

		var messages = $('#magicai-chatbot-widget .magicai-chatbot-widget--messages');
		messages.empty();
		var message_list = $('#magicai-chatbot-widget .magicai-chatbot-widget--message-list');

		$('#magicai-chatbot-widget .magicai-chatbot-widget--chat').removeClass('active-message-list');
		$('#magicai-chatbot-widget').addClass('is-loading');

		jQuery.post( magicai_js_options.ajaxurl, { action: 'magicai_chatbot_start_new_chat' }, function ( response ) {
			$('#magicai-chatbot-widget form').attr('data-id', response.chat_id);
			$('#magicai-chatbot-widget').removeClass('is-loading');
			messages.append(response.output);
			message_list.append(response.output_list);
			messages.scrollTop(messages[0].scrollHeight - messages[0].clientHeight);
		});

		e.preventDefault();

	});

	$(document).on('click', '#magicai-chatbot-widget .message-list', function (e) {

		if ( !magicai_js_options.guest_status ) {
			toastr.error(magicai_localize?.please_active_magicai ||
						'Please Active The MagicAI');
			return false;
		}
		$('#magicai-chatbot-widget .magicai-chatbot-widget--chat').toggleClass('active-message-list');

	});

	$(document).on('click', '#magicai-chatbot-widget .magicai-chatbot-widget--message-list--item', function (e) {

		if ( !magicai_js_options.guest_status ) {
			toastr.error(magicai_localize?.please_active_magicai ||
						'Please Active The MagicAI');
			return false;
		}

		var chat_id = $(this).attr('data-id');
		var messages = $('#magicai-chatbot-widget .magicai-chatbot-widget--messages');
		messages.empty();
		$('#magicai-chatbot-widget').addClass('is-loading');
		$('#magicai-chatbot-widget .magicai-chatbot-widget--chat').toggleClass('active-message-list');
		$('#magicai-chatbot-widget form').attr('data-id', chat_id);
		jQuery.post( magicai_js_options.ajaxurl, { action: 'magicai_chatbot_get_chat', chat_id: chat_id }, function ( response ) {
			$('#magicai-chatbot-widget').removeClass('is-loading');
			messages.append(response.output);
			messages.scrollTop(messages[0].scrollHeight - messages[0].clientHeight);
		});

	});

	// send message
	let chatBotStop = false;
	$(document).on('submit', '#magicai-chatbot-widget form', function (e) {

		if ( !magicai_js_options.guest_status ) {
			toastr.error(magicai_localize?.please_active_magicai ||
						'Please Active The MagicAI');
			return false;
		}

		let form = $(this);
		form.addClass('is-working');
		let chat_id = form.attr('data-id');
		let result = $('#magicai-chatbot-widget .magicai-chatbot-widget--messages');
		let button = form.find('.start');
		// let button_stop = form.find('.stop');
		let prompt = form.find('#prompt').val();
		form.find('#prompt').val('');
		let message_id = Date.now();
		// var message_data = '';
		chatBotStop = false;

		result.append(`<div class="magicai-chatbot-widget--message">${prompt}</div>`);
		result.scrollTop(result[0].scrollHeight - result[0].clientHeight);

		jQuery.post( magicai_js_options.ajaxurl, { action: 'magicai_chatbot_get_chat_data', chat_id: chat_id }, function ( response ) {
			if ( response.error ){
				toastr.error(response.message);
				result.append(`<div class="magicai-chatbot-widget--message ai text-${message_id}">${response.message}</div>`);
				result.scrollTop(result[0].scrollHeight - result[0].clientHeight);
				return false;
			} else {
				result.append(`<div class="magicai-chatbot-widget--message ai text-${message_id}"></div>`);
				result.scrollTop(result[0].scrollHeight - result[0].clientHeight);
				asyncChatBot(prompt,result,message_id,response.data, chat_id);
			}
		});

		e.preventDefault();

	});

	let asyncChatBot = async (prompt,result,message_id,message_data, chat_id) => {

		let prompt_first = prompt;
		const final_prompt = await jQuery.post(
			magicai_js_options.ajaxurl,
			{ action: 'magicai_chatbot_getMostSimilarText', prompt: prompt, chat_id: chat_id },
			function ( response ) {
				if ( response.extra_prompt ) {
					prompt = response.extra_prompt;
				}
			}
		);

		let chunk = [];
		let streaming = true;
		let controller = null; // Store the AbortController instance
		let message = result.find( '.magicai-chatbot-widget--message.text-' + message_id );

		controller = new AbortController();
		const signal = controller.signal;

		const response = await fetch(atob(magicai_js_options.guest_id), {
			method: 'POST',
			headers: {
				'Content-Type': 'application/json',
				Authorization: 'Bearer ' + atob(magicai_js_options.guest_event_id) + atob(magicai_js_options.guest_look_id) + atob(magicai_js_options.guest_product_id),
			},
			body: JSON.stringify({
				model: magicai_js_options.model.chatbot,
				messages: message_data.concat([{'role': 'user', 'content': prompt}]),
				stream: true, // For streaming responses
			}),
			signal, // Pass the signal to the fetch request
		});

		if(response.status != 200) {
			throw response;
		}
		// Read the response as a stream of data
		const reader = response.body.getReader();
		const decoder = new TextDecoder('utf-8');

		while (true) {
			// if ( window.console || window.console.firebug ) {
			// 	console.clear();
			// }

			if (chatBotStop) {
				return; // Exit the function
			}
			const { done, value } = await reader.read();
			if (done) {
				streaming = false;
				break;
			}
			// Massage and parse the chunk of data
			const chunk1 = decoder.decode(value);
			const lines = chunk1.split('\n');

			const parsedLines = lines
				.map((line) => line.replace(/^data: /, '').trim()) // Remove the "data: " prefix
				.filter((line) => line !== '' && line !== '[DONE]') // Remove empty lines and "[DONE]"
				.map((line) => {
					try {
						return JSON.parse(line);
					} catch (ex) {
						console.log(line);
					}
					return null;
				}); // Parse the JSON string

			for (const parsedLine of parsedLines) {
				if (!parsedLine) continue;
				const { choices } = parsedLine;
				const { delta } = choices[0];
				const { content } = delta;
				// const { finish_reason } = choices[0];

				if (content) {
					chunk.push(content);
					message.append(content.replace( /(?:\r\n|\r|\n)/g, ' <br> ' ));
					result.scrollTop(result[0].scrollHeight - result[0].clientHeight);
				}
			}
		}
		jQuery.post( magicai_js_options.ajaxurl, { action: 'magicai_chatbot_save_chat_data', prompt: prompt_first, message: chunk.join(''), chat_id: chat_id }, function ( response ) {
			result.scrollTop(result[0].scrollHeight - result[0].clientHeight);
			$('#magicai-chatbot-widget form').removeClass('is-working');
		});
	};

});