// this needs to be explicitly imported for some reason,
// otherwise rollup complains.
import bwipjs from '../../node_modules/bwip-js/dist/bwip-js.mjs';
import { WindowMessageBag } from '../helpers/messagebag';

function shoppinglistView(Grocy, scope = null)
{
	var $scope = $;
	var top = scope != null ? $(scope) : top;
	var viewport = scope != null ? $(scope) : $(window);

	if (scope != null)
	{
		$scope = $(scope).find;
	}

	Grocy.Use("calendarcard");
	Grocy.Use("productcard");

	var shoppingListTable = $scope('#shoppinglist-table').DataTable({
		'order': [[1, 'asc']],
		"orderFixed": [[3, 'asc']],
		'columnDefs': [
			{ 'orderable': false, 'targets': 0 },
			{ 'searchable': false, "targets": 0 },
			{ 'visible': false, 'targets': 3 },
			{ 'visible': false, 'targets': 5 },
			{ 'visible': false, 'targets': 6 },
			{ 'visible': false, 'targets': 7 },
			{ 'visible': false, 'targets': 8 },
			{ "type": "num", "targets": 2 },
			{ "type": "html-num-fmt", "targets": 5 },
			{ "type": "html-num-fmt", "targets": 6 }
		].concat($.fn.dataTable.defaults.columnDefs),
		'rowGroup': {
			enable: true,
			dataSrc: 3
		}
	});
	$scope('#shoppinglist-table tbody').removeClass("d-none");
	Grocy.FrontendHelpers.InitDataTable(shoppingListTable);
	Grocy.FrontendHelpers.MakeStatusFilter(shoppingListTable, 4);

	var shoppingListPrintShadowTable = $scope('#shopping-list-print-shadow-table').DataTable({
		'order': [[1, 'asc']],
		"orderFixed": [[2, 'asc']],
		'columnDefs': [
			{ 'visible': false, 'targets': 2 },
			{ 'orderable': false, 'targets': '_all' }
		].concat($.fn.dataTable.defaults.columnDefs),
		'rowGroup': {
			enable: true,
			dataSrc: 2
		}
	});
	Grocy.FrontendHelpers.InitDataTable(shoppingListPrintShadowTable);


	$scope("#selected-shopping-list").on("change", function()
	{
		var value = $(this).val();
		window.location.href = U('/shoppinglist?list=' + value);
	});

	Grocy.FrontendHelpers.MakeDeleteConfirmBox(
		'Are you sure to delete shopping list "%s"?',
		'#delete-selected-shopping-list',
		() => $scope("#selected-shopping-list option:selected").text(),
		() => $scope("#selected-shopping-list").val(),
		'objects/shopping_lists/',
		'/shoppinglist'
	);

	top.on('click', '.shoppinglist-delete-button', function(e)
	{
		e.preventDefault();

		// Remove the focus from the current button
		// to prevent that the tooltip stays until clicked anywhere else
		document.activeElement.blur();

		var shoppingListItemId = $(e.currentTarget).attr('data-shoppinglist-id');
		Grocy.FrontendHelpers.BeginUiBusy();

		Grocy.Api.Delete('objects/shopping_list/' + shoppingListItemId, {},
			function(result)
			{
				animateCSS("#shoppinglistitem-" + shoppingListItemId + "-row", "fadeOut", function()
				{
					Grocy.FrontendHelpers.EndUiBusy();
					$scope("#shoppinglistitem-" + shoppingListItemId + "-row").remove();
					OnListItemRemoved();
				});
			},
			function(xhr)
			{
				Grocy.FrontendHelpers.EndUiBusy();
				console.error(xhr);
			}
		);
	});

	top.on("click", ".product-name-cell", function(e)
	{
		if ($(e.currentTarget).attr("data-product-id") != "")
		{
			Grocy.Components.ProductCard.Refresh($(e.currentTarget).attr("data-product-id"));
			$scope("#shoppinglist-productcard-modal").modal("show");
		}
	});

	top.on('click', '#add-products-below-min-stock-amount', function(e)
	{
		Grocy.Api.Post('stock/shoppinglist/add-missing-products', { "list_id": $scope("#selected-shopping-list").val() },
			function(result)
			{
				window.location.href = U('/shoppinglist?list=' + $scope("#selected-shopping-list").val());
			},
			function(xhr)
			{
				console.error(xhr);
			}
		);
	});

	top.on('click', '#add-overdue-expired-products', function(e)
	{
		Grocy.Api.Post('stock/shoppinglist/add-overdue-products', { "list_id": $("#selected-shopping-list").val() },
			function(result)
			{
				Grocy.Api.Post('stock/shoppinglist/add-expired-products', { "list_id": $("#selected-shopping-list").val() },
					function(result)
					{
						window.location.href = U('/shoppinglist?list=' + $("#selected-shopping-list").val());
					},
					function(xhr)
					{
						console.error(xhr);
					}
				);
			},
			function(xhr)
			{
				console.error(xhr);
			}
		);
	});

	Grocy.FrontendHelpers.MakeYesNoBox(
		() => __t('Are you sure to empty shopping list "%s"?', $scope("#selected-shopping-list option:selected").text()),
		'#clear-shopping-list',
		(result) =>
		{
			if (result === true)
			{
				Grocy.FrontendHelpers.BeginUiBusy();

				Grocy.Api.Post('stock/shoppinglist/clear', { "list_id": $scope("#selected-shopping-list").val() },
					function(result)
					{
						animateCSS("#shoppinglist-table tbody tr", "fadeOut", function()
						{
							Grocy.FrontendHelpers.EndUiBusy();
							$scope("#shoppinglist-table tbody tr").remove();
							OnListItemRemoved();
						});
					},
					function(xhr)
					{
						Grocy.FrontendHelpers.EndUiBusy();
						console.error(xhr);
					}
				);
			}
		}
	);

	top.on('click', '.shopping-list-stock-add-workflow-list-item-button', function(e)
	{
		e.preventDefault();

		// Remove the focus from the current button
		// to prevent that the tooltip stays until clicked anywhere else
		document.activeElement.blur();

		var href = $scope(e.currentTarget).attr('href');

		$scope("#shopping-list-stock-add-workflow-purchase-form-frame").attr("src", href);
		$scope("#shopping-list-stock-add-workflow-modal").modal("show");

		if (Grocy.ShoppingListToStockWorkflowAll)
		{
			$scope("#shopping-list-stock-add-workflow-purchase-item-count").removeClass("d-none");
			$scope("#shopping-list-stock-add-workflow-purchase-item-count").text(__t("Adding shopping list item %1$s of %2$s", Grocy.ShoppingListToStockWorkflowCurrent, Grocy.ShoppingListToStockWorkflowCount));
			$scope("#shopping-list-stock-add-workflow-skip-button").removeClass("d-none");
		}
		else
		{
			$scope("#shopping-list-stock-add-workflow-skip-button").addClass("d-none");
		}
	});

	Grocy.ShoppingListToStockWorkflowAll = false;
	Grocy.ShoppingListToStockWorkflowCount = 0;
	Grocy.ShoppingListToStockWorkflowCurrent = 0;
	top.on('click', '#add-all-items-to-stock-button', function(e)
	{
		Grocy.ShoppingListToStockWorkflowAll = true;
		Grocy.ShoppingListToStockWorkflowCount = $scope(".shopping-list-stock-add-workflow-list-item-button").length;
		Grocy.ShoppingListToStockWorkflowCurrent++;
		$scope(".shopping-list-stock-add-workflow-list-item-button").first().click();
	});

	$scope("#shopping-list-stock-add-workflow-modal").on("hidden.bs.modal", function(e)
	{
		Grocy.ShoppingListToStockWorkflowAll = false;
		Grocy.ShoppingListToStockWorkflowCount = 0;
		Grocy.ShoppingListToStockWorkflowCurrent = 0;
	})

	$(window).on("message", function(e)
	{
		var data = e.originalEvent.data;

		if (data.Message === "AfterItemAdded")
		{
			$scope(".shoppinglist-delete-button[data-shoppinglist-id='" + data.Payload + "']").click();
		}
		else if (data.Message === "Ready")
		{
			if (!Grocy.ShoppingListToStockWorkflowAll)
			{
				$scope("#shopping-list-stock-add-workflow-modal").modal("hide");
			}
			else
			{
				Grocy.ShoppingListToStockWorkflowCurrent++;
				if (Grocy.ShoppingListToStockWorkflowCurrent <= Grocy.ShoppingListToStockWorkflowCount)
				{
					$scope(".shopping-list-stock-add-workflow-list-item-button")[Grocy.ShoppingListToStockWorkflowCurrent - 1].click();
				}
				else
				{
					$scope("#shopping-list-stock-add-workflow-modal").modal("hide");
				}
			}
		}
	});

	top.on('click', '#shopping-list-stock-add-workflow-skip-button', function(e)
	{
		e.preventDefault();

		window.postMessage(WindowMessageBag("Ready"), Grocy.BaseUrl);
	});

	top.on('click', '.order-listitem-button', function(e)
	{
		e.preventDefault();

		// Remove the focus from the current button
		// to prevent that the tooltip stays until clicked anywhere else
		document.activeElement.blur();

		Grocy.FrontendHelpers.BeginUiBusy();

		var listItemId = $(e.currentTarget).attr('data-item-id');

		var done = 1;
		if ($(e.currentTarget).attr('data-item-done') == 1)
		{
			done = 0;
		}

		$(e.currentTarget).attr('data-item-done', done);

		Grocy.Api.Put('objects/shopping_list/' + listItemId, { 'done': done },
			function()
			{
				if (done == 1)
				{
					$scope('#shoppinglistitem-' + listItemId + '-row').addClass("text-muted");
					$scope('#shoppinglistitem-' + listItemId + '-row').addClass("text-strike-through");
				}
				else
				{
					$scope('#shoppinglistitem-' + listItemId + '-row').removeClass("text-muted");
					$scope('#shoppinglistitem-' + listItemId + '-row').removeClass("text-strike-through");
				}

				Grocy.FrontendHelpers.EndUiBusy();
			},
			function(xhr)
			{
				Grocy.FrontendHelpers.EndUiBusy();
				console.error(xhr);
			}
		);


		var statusInfoCell = $scope("#shoppinglistitem-" + listItemId + "-status-info");
		if (done == 1)
		{
			statusInfoCell.text(statusInfoCell.text().replace("xxUNDONExx", ""));
		}
		else
		{
			statusInfoCell.text(statusInfoCell.text() + " xxUNDONExx");
		}
		shoppingListTable.rows().invalidate().draw(false);

		$scope("#status-filter").trigger("change");
	});

	function OnListItemRemoved()
	{
		if ($scope(".shopping-list-stock-add-workflow-list-item-button").length === 0)
		{
			$scope("#add-all-items-to-stock-button").addClass("disabled");
		}
	}
	OnListItemRemoved();

	top.on("click", "#print-shopping-list-button", function(e)
	{
		var dialogHtml = ' \
		<div class="text-center"><h5>' + __t('Print options') + '</h5><hr></div> \
		<div class="custom-control custom-checkbox"> \
			<input id="print-show-header" \
				 checked \
				class="form-check-input custom-control-input" \
				type="checkbox" \
				value="1"> \
			<label class="form-check-label custom-control-label" \
				for="print-show-header">' + __t('Show header') + ' \
			</label> \
		</div> \
		<div class="custom-control custom-checkbox"> \
			<input id="print-group-by-product-group" \
				 checked \
				class="form-check-input custom-control-input" \
				type="checkbox" \
				value="1"> \
			<label class="form-check-label custom-control-label" \
				for="print-group-by-product-group">' + __t('Group by product group') + ' \
			</label> \
		</div> \
		<h5 class="pt-3 pb-0">' + __t('Layout type') + '</h5> \
		<div class="custom-control custom-radio"> \
			<input id="print-layout-type-table" \
				checked \
				class="custom-control-input" \
				type="radio" \
				name="print-layout-type" \
				value="print-layout-type-table"> \
			<label class="custom-control-label" \
				for="print-layout-type-table">' + __t('Table') + ' \
			</label> \
		</div> \
		<div class="custom-control custom-radio"> \
			<input id="print-layout-type-list" \
				class="custom-control-input" \
				type="radio" \
				name="print-layout-type" \
				value="print-layout-type-list"> \
			<label class="custom-control-label" \
				for="print-layout-type-list">' + __t('List') + ' \
			</label> \
		</div>';

		var sizePrintDialog = 'medium';
		var printButtons = {
			cancel: {
				label: __t('Cancel'),
				className: 'btn-secondary',
				callback: function()
				{
					bootbox.hideAll();
				}
			},
			printtp: {
				label: __t('Thermal printer'),
				className: 'btn-secondary',
				callback: function()
				{
					bootbox.hideAll();
					var printHeader = $scope("#print-show-header").prop("checked");
					var thermalPrintDialog = bootbox.dialog({
						title: __t('Printing'),
						message: '<p><i class="fa fa-spin fa-spinner"></i> ' + __t('Connecting to printer...') + '</p>'
					});
					//Delaying for one second so that the alert can be closed
					setTimeout(function()
					{
						Grocy.Api.Get('print/shoppinglist/thermal?list=' + $scope("#selected-shopping-list").val() + '&printHeader=' + printHeader,
							function(result)
							{
								bootbox.hideAll();
							},
							function(xhr)
							{
								console.error(xhr);
								var validResponse = true;
								try
								{
									var jsonError = JSON.parse(xhr.responseText);
								} catch (e)
								{
									validResponse = false;
								}
								if (validResponse)
								{
									thermalPrintDialog.find('.bootbox-body').html(__t('Unable to print') + '<br><pre><code>' + jsonError.error_message + '</pre></code>');
								} else
								{
									thermalPrintDialog.find('.bootbox-body').html(__t('Unable to print') + '<br><pre><code>' + xhr.responseText + '</pre></code>');
								}
							}
						);
					}, 1000);
				}
			},
			ok: {
				label: __t('Print'),
				className: 'btn-primary responsive-button',
				callback: function()
				{
					bootbox.hideAll();
					$scope('.modal-backdrop').remove();
					$scope(".print-timestamp").text(moment().format("l LT"));

					$scope("#description-for-print").html($scope("#description").val());
					if ($scope("#description").text().isEmpty())
					{
						$scope("#description-for-print").parent().addClass("d-print-none");
					}

					if (!$scope("#print-show-header").prop("checked"))
					{
						$scope("#print-header").addClass("d-none");
					}

					if (!$scope("#print-group-by-product-group").prop("checked"))
					{
						shoppingListPrintShadowTable.rowGroup().enable(false);
						shoppingListPrintShadowTable.order.fixed({});
						shoppingListPrintShadowTable.draw();
					}

					$scope(".print-layout-container").addClass("d-none");
					$scope("." + $scope("input[name='print-layout-type']:checked").val()).removeClass("d-none");

					window.print();
				}
			}
		}

		if (!Grocy.FeatureFlags["GROCY_FEATURE_FLAG_THERMAL_PRINTER"])
		{
			delete printButtons['printtp'];
			sizePrintDialog = 'small';
		}

		bootbox.dialog({
			message: dialogHtml,
			size: sizePrintDialog,
			backdrop: true,
			closeButton: false,
			className: "d-print-none",
			buttons: printButtons
		});
	});

	$scope("#description").on("summernote.change", function()
	{
		$scope("#save-description-button").removeClass("disabled");

		if ($scope("#description").summernote("isEmpty"))
		{
			$scope("#clear-description-button").addClass("disabled");
		}
		else
		{
			$scope("#clear-description-button").removeClass("disabled");
		}
	});

	top.on("click", "#save-description-button", function(e)
	{
		e.preventDefault();
		document.activeElement.blur();

		Grocy.Api.Put('objects/shopping_lists/' + $scope("#selected-shopping-list").val(), { description: $scope("#description").val() },
			function(result)
			{
				$scope("#save-description-button").addClass("disabled");
			},
			function(xhr)
			{
				console.error(xhr);
			}
		);
	});

	top.on("click", "#clear-description-button", function(e)
	{
		e.preventDefault();
		document.activeElement.blur();

		$scope("#description").summernote("reset");
		$scope("#save-description-button").click();
	});

	$scope("#description").trigger("summernote.change");
	$scope("#save-description-button").addClass("disabled");

	$(window).on("message", function(e)
	{
		var data = e.originalEvent.data;

		if (data.Message === "ShoppingListChanged")
		{
			window.location.href = U('/shoppinglist?list=' + data.Payload);
		}
	});

	var dummyCanvas = document.createElement("canvas");
	$scope("img.barcode").each(function()
	{
		var img = $(this);
		var barcode = img.attr("data-barcode").replace(/\D/g, "");

		var barcodeType = "code128";
		if (barcode.length == 8)
		{
			barcodeType = "ean8";
		}
		else if (barcode.length == 13)
		{
			barcodeType = "ean13";
		}

		bwipjs.toCanvas(dummyCanvas, {
			bcid: barcodeType,
			text: barcode,
			height: 5,
			includetext: false
		});

		img.attr("src", dummyCanvas.toDataURL("image/png"));
	});

	if (viewport.width() < 768 || !Grocy.FeatureFlags.GROCY_FEATURE_FLAG_STOCK)
	{
		$scope("#filter-container").removeClass("border-bottom");
	}

}

window.shoppinglistView = shoppinglistView