import template from './flat-rates-page.component.html';

export const FlatRatesPage: ng.IComponentOptions = {
	controller,
	template,
};

controller.$inject = [
	'$scope',
	'$stateParams',
	'Admin',
	'Debug',
	'Utils',
	'SearchModal',
];

function controller(
	$scope: ng.IScope,
	$stateParams: ng.ui.IStateParamsService,
	Admin: any,
	Debug: any,
	Utils: any,
	SearchModal: any
) {
	this.init = () => {
		this.breadcrumbs = [
			{ label: 'Shipping', href: '?page=vf-shipping' },
			{
				label: 'Rates',
				href: '?page=vendorfuel#!/shipping/rates/0',
			},
		];

		$scope.activeTab = parseInt($stateParams.activeTab) || 0;
		$scope.createFlatRate = {
			name: '',
			label: '',
			amount: 0.0,
			free_if_total: 0,
			free_order_total: 0.0,
			enabled: 0,
			modifiers: [],
		};
		$scope.del = 0;
		$scope.isAuthed = Admin.Authed();
		$scope.loading = true;
		$scope.rppValues = [15, 30, 50, 100];
		$scope.saved = false;
		$scope.saving = false;
		$scope.searchParams = {
			q: '',
			sortBy: '',
			sortType: '',
			rpp: $scope.rppValues[0],
		};
		$scope.selectedFlatRate = null;
		$scope.shippingFlatRateEndpoint =
			localized.apiURL + '/admin/shipping/flat-rate/';
		$scope.updatedCustomers = [];
	};
	this.init();

	this.isNotApplied = (): boolean => {
		if ($scope.selectedFlatRate) {
			if (
				!$scope.selectedFlatRate.customers.length &&
				!$scope.selectedFlatRate.groups.length &&
				!$scope.selectedFlatRate.pricesheets.length
			) {
				return true;
			}
		}
	};

	$scope.updateModifiers = (
		rateType: any,
		modType: number,
		index: number
	) => {
		if (modType === 0) {
			if (rateType.modifiers.length - $scope.del < 5) {
				rateType.modifiers.push({
					amount: 0,
					order_total_min: 0,
					order_total_max: 0,
				});
			}
		} else if (modType === 1) {
			$scope.del += 1;
			// eslint-disable-next-line no-prototype-builtins
			if (rateType.modifiers[index].hasOwnProperty('id')) {
				rateType.modifiers[index].deleted = 1;
			} else {
				rateType.modifiers.splice(index, 1);
			}
		}
		return false;
	};

	const getFlatRates = () => {
		const req = {
			method: 'GET',
			url: $scope.shippingFlatRateEndpoint,
		};
		Utils.getHttpPromise(req)
			.then(
				(resp: any) => {
					$scope.flatRates = resp.shipping_flat_rates;
				},
				(errResp: Error) => {
					Debug.error(errResp);
				}
			)
			.finally(() => {
				$scope.loading = false;
			});
	};

	const createFlatRate = () => {
		$scope.createFlatRate = {
			name: '',
			label: '',
			amount: 0.0,
			free_if_total: 0,
			free_order_total: 0.0,
			enabled: 0,
			modifiers: [],
		};
		$scope.loading = false;
	};

	const editFlatRate = () => {
		$scope.ShowFlatRate($scope.selectedFlatRate.id);
	};

	$scope.TabChanged = (i: number) => {
		$scope.modifiers = [];
		if ($scope.selectedFlatRate && $scope.selectedFlatRate.modifiers) {
			$scope.selectedFlatRate.modifiers = [];
		}
		$scope.activeTab = i;
		$scope.loading = true;
		$scope.saving = false;
		$scope.saved = false;

		switch (i) {
			case 0:
				getFlatRates();
				break;
			case 1:
				createFlatRate();
				break;
			case 2:
				editFlatRate();
				break;
		}
	};

	$scope.ShowFlatRate = (id: number) => {
		const req = {
			method: 'GET',
			url: $scope.shippingFlatRateEndpoint,
		};
		req.url += id;
		Utils.getHttpPromise(req)
			.then(
				(resp: any) => {
					$scope.selectedFlatRate = resp.shipping_flat_rate;
				},
				(errResp: Error) => {
					Debug.error(errResp);
				}
			)
			.finally(() => {
				if (
					$scope.selectedFlatRate &&
					$scope.selectedFlatRate.modifiers
				) {
					$scope.modifiers = angular.copy(
						$scope.selectedFlatRate.modifiers
					);
				}
				$scope.loading = false;
			});
	};

	this.deleteFlatRate = () => {
		$scope.deleting = true;
		const req = {
			method: 'DELETE',
			url: $scope.shippingFlatRateEndpoint + $scope.selectedFlatRate.id,
		};
		Utils.getHttpPromise(req)
			.then(
				() => {
					$scope.selectedFlatRate = null;
					$scope.activeTab = 0;
				},
				(errResp: Error) => {
					Debug.error(errResp);
				}
			)
			.finally(() => {
				$scope.deleting = false;
			});
	};

	$scope.ChangeTab = (tabIndex: number, flatRateIndex: number, e: Event) => {
		e.preventDefault();
		$scope.activeTab = tabIndex;
		$scope.selectedFlatRate = $scope.flatRates.data[flatRateIndex];
	};

	$scope.CreateFlatRate = () => {
		$scope.updating = true;
		const params = $scope.createFlatRate;
		const req = {
			method: 'POST',
			url: $scope.shippingFlatRateEndpoint,
			data: params,
		};
		Utils.getHttpPromise(req)
			.then(
				(resp: any) => {
					if (!resp.errors || resp.errors.length <= 0) {
						$scope.selectedFlatRate = { id: resp.id };
						$scope.createFlatRate = {
							name: '',
							label: '',
							amount: 0.0,
							free_if_total: 0,
							free_order_total: 0.0,
							enabled: 0,
							modifiers: [],
						};
						$scope.activeTab = 2;
					}
				},
				(errResp: Error) => {
					Debug.error(errResp);
				}
			)
			.finally(() => {
				$scope.updating = false;
			});
	};
	$scope.OpenCustomerSearchModal = () => {
		let callback = {};
		const config = {
			tabs: [
				{
					http: {
						method: 'GET',
						url: localized.apiURL + '/admin/customers/',
						params: {
							q: '',
							excludedField: 'shipping_flat_rate_id',
							excludedId: $scope.selectedFlatRate.id,
							excludedTable: 'shipping_flat_rate_customer',
						},
					},
					relationships: ['customers'],
					fields: ['customer_id', 'name', 'email', 'status'],
					fieldPrefixes: ['ID: ', '', '', 'Status: '],
					id: 'customer_id',
					selectOne: false,
				},
				{
					http: {
						method: 'GET',
						url:
							$scope.shippingFlatRateEndpoint +
							$scope.selectedFlatRate.id,
						params: {
							q: '',
						},
					},
					relationships: [
						'shipping_flat_rate',
						'customerSearchItems',
					],
					fields: ['customer_id', 'name', 'email', 'status'],
					fieldPrefixes: ['ID: ', '', '', 'Status: '],
					id: 'customer_id',
				},
			],
			updatedItems: $scope.updatedCustomers,
		};
		callback = {
			confirm: $scope.customerSearchResults,
			cancel() {
				//Cancelled
			},
		};
		//callback object (confirm, cancel), title, message, optionCancel, optionConfirm, httpConfig
		SearchModal.Show(callback, 'Select Customers', config, 'Add items');
	};
	$scope.OpenGroupSearchModal = () => {
		let callback = {};
		const config = {
			tabs: [
				{
					http: {
						method: 'GET',
						url: localized.apiURL + '/admin/groups/',
						params: {
							q: '',
							excludedField: 'shipping_flat_rate_id',
							excludedId: $scope.selectedFlatRate.id,
							excludedTable: 'shipping_flat_rate_group',
						},
					},
					relationships: ['groups'],
					fields: ['group_id', 'name'],
					fieldPrefixes: ['ID: ', ''],
					id: 'group_id',
					selectOne: false,
				},
				{
					http: {
						method: 'GET',
						url:
							$scope.shippingFlatRateEndpoint +
							$scope.selectedFlatRate.id,
						params: {
							q: '',
						},
					},
					relationships: ['shipping_flat_rate', 'groupSearchItems'],
					fields: ['group_id', 'name'],
					fieldPrefixes: ['ID: ', ''],
					id: 'group_id',
				},
			],
			updatedItems: $scope.updatedGroups,
		};
		callback = {
			confirm: $scope.groupSearchResults,
			cancel() {
				//Cancelled
			},
		};
		//callback object (confirm, cancel), title, message, optionCancel, optionConfirm, httpConfig
		SearchModal.Show(callback, 'Select Groups', config, 'Add items');
	};
	$scope.OpenPriceSheetSearchModal = () => {
		let callback = {};
		const config = {
			tabs: [
				{
					http: {
						method: 'GET',
						url: localized.apiURL + '/admin/pricesheets/',
						params: {
							q: '',
							excludedField: 'shipping_flat_rate_id',
							excludedId: $scope.selectedFlatRate.id,
							excludedTable: 'shipping_flat_rate_price_sheet',
						},
					},
					relationships: ['pricesheets'],
					fields: ['price_sheet_id', 'sheet'],
					fieldPrefixes: ['ID: ', ''],
					id: 'price_sheet_id',
					selectOne: false,
				},
				{
					http: {
						method: 'GET',
						url:
							$scope.shippingFlatRateEndpoint +
							$scope.selectedFlatRate.id,
						params: {
							q: '',
						},
					},
					relationships: [
						'shipping_flat_rate',
						'priceSheetSearchItems',
					],
					fields: ['price_sheet_id', 'sheet'],
					fieldPrefixes: ['ID: ', ''],
					id: 'price_sheet_id',
				},
			],
			updatedItems: $scope.updatedSheets,
		};
		callback = {
			confirm: $scope.sheetSearchResults,
			cancel() {
				//Cancelled
			},
		};
		//callback object (confirm, cancel), title, message, optionCancel, optionConfirm, httpConfig
		SearchModal.Show(callback, 'Select Price Sheets', config, 'Add items');
	};
	$scope.customerSearchResults = (resp: any) => {
		if ($scope.activeTab === 2) {
			$scope.updatedCustomers = [];
			resp.forEach((result: any) => {
				if (result.action === 'add') {
					$scope.updatedCustomers.push(result);
					$scope.selectedFlatRate.customers.push({
						customer_id: result.value.customer_id,
						status: result.value.status,
						name: result.value.name,
						email: result.value.email,
						action: 'add',
					});
				}
				if (result.action === 'unselect') {
					angular.forEach(
						$scope.selectedFlatRate.customers,
						(val, key) => {
							if (val.customer_id === result.value.customer_id) {
								$scope.selectedFlatRate.customers.splice(
									key,
									1
								);
							}
						}
					);
				}
				if (result.action === 'remove') {
					$scope.updatedCustomers.push(result);
					angular.forEach(
						$scope.selectedFlatRate.customers,
						(val, key) => {
							if (val.customer_id === result.value.customer_id) {
								$scope.selectedFlatRate.customers[
									key
								].deleted = 1;
								$scope.selectedFlatRate.customers[key].action =
									'remove';
							}
						}
					);
				}
				if (result.action === 'deselect') {
					angular.forEach(
						$scope.selectedFlatRate.customers,
						(val, key) => {
							if (val.customer_id === result.value.customer_id) {
								$scope.selectedFlatRate.customers.splice(
									key,
									1
								);
							}
						}
					);
				}
			});
		}
	};
	$scope.customerCheck = (customer: any) => {
		let check = false;
		angular.forEach($scope.updatedCustomers, (key) => {
			if (
				key.value.id === customer.customer_id &&
				key.action === 'remove'
			) {
				check = true;
			}
		});
		return check;
	};
	$scope.groupSearchResults = function (resp: any) {
		if ($scope.activeTab === 2) {
			$scope.updatedGroups = [];
			resp.forEach((result: any) => {
				if (result.action === 'add') {
					$scope.updatedGroups.push(result);
					$scope.selectedFlatRate.groups.push({
						group_id: result.value.group_id,
						name: result.value.name,
						action: 'add',
					});
				}
				if (result.action === 'unselect') {
					angular.forEach(
						$scope.selectedFlatRate.groups,
						(val, key) => {
							if (val.group_id === result.value.group_id) {
								$scope.selectedFlatRate.groups.splice(key, 1);
							}
						}
					);
				}
				if (result.action === 'remove') {
					$scope.updatedGroups.push(result);
					angular.forEach(
						$scope.selectedFlatRate.groups,
						(val, key) => {
							if (val.group_id === result.value.group_id) {
								$scope.selectedFlatRate.groups[key].deleted = 1;
								$scope.selectedFlatRate.groups[key].action =
									'remove';
							}
						}
					);
				}
				if (result.action === 'deselect') {
					angular.forEach(
						$scope.selectedFlatRate.groups,
						(val, key) => {
							if (val.group_id === result.value.group_id) {
								$scope.selectedFlatRate.groups.splice(key, 1);
							}
						}
					);
				}
			});
		}
	};
	$scope.SearchShippingFlatRates = (page: number, query: string) => {
		$scope.loadingMore = true;
		$scope.searchParams.q = query;
		$scope.searchTerm = $scope.searchParams.q;
		$scope.searchParams.page = page || 1;
		const endpoint = $scope.shippingFlatRateEndpoint;
		const params = $scope.searchParams;

		Utils.httpGet(endpoint, params)
			.then(
				(resp: any) => {
					$scope.flatRates = resp.shipping_flat_rates;
				},
				(errResp: Error) => {
					Debug.error(errResp);
				}
			)
			.finally(() => {
				$scope.loadingMore = false;
			});
	};
	$scope.OpenProductSearchModal = () => {
		let callback = {};
		const config = {
			tabs: [
				{
					http: {
						method: 'GET',
						url: localized.apiURL + '/admin/products/',
						params: {
							q: '',
							excludedField: 'shipping_flat_rate_id',
							excludedId: $scope.selectedFlatRate.id,
							excludedTable:
								'shipping_flat_rate_restricted_items',
						},
					},
					relationships: ['products'],
					fields: ['product_id', 'description'],
					fieldPrefixes: ['ID: ', ''],
					id: 'product_id',
					selectOne: false,
				},
				{
					http: {
						method: 'GET',
						url:
							$scope.shippingFlatRateEndpoint +
							$scope.selectedFlatRate.id,
						params: {
							q: '',
						},
					},
					relationships: [
						'shipping_flat_rate',
						'restrictedSearchItems',
					],
					fields: ['product_id', 'description'],
					fieldPrefixes: ['ID: ', ''],
					id: 'product_id',
				},
			],
			updatedItems: $scope.updatedProducts,
		};
		callback = {
			confirm: $scope.productSearchResults,
			cancel() {
				//Cancelled
			},
		};
		//callback object (confirm, cancel), title, message, optionCancel, optionConfirm, httpConfig
		SearchModal.Show(callback, 'Select Products', config, 'Add products');
	};
	$scope.productSearchResults = (resp: any) => {
		if ($scope.activeTab === 2) {
			$scope.updatedProducts = [];
			resp.forEach((result: any) => {
				if (result.action === 'add') {
					$scope.updatedProducts.push(result);
					$scope.selectedFlatRate.restricted_items.push({
						product_id: result.value.product_id,
						action: 'add',
					});
				}
				if (result.action === 'unselect') {
					angular.forEach(
						$scope.selectedFlatRate.restricted_items,
						(val, key) => {
							if (val.product_id === result.value.product_id) {
								$scope.selectedFlatRate.restricted_items.splice(
									key,
									1
								);
							}
						}
					);
				}
				if (result.action === 'remove') {
					$scope.updatedProducts.push(result);
					angular.forEach(
						$scope.selectedFlatRate.restricted_items,
						(val, key) => {
							if (val.product_id === result.value.product_id) {
								$scope.selectedFlatRate.restricted_items[
									key
								].deleted = 1;
								$scope.selectedFlatRate.restricted_items[
									key
								].action = 'remove';
							}
						}
					);
				}
				if (result.action === 'deselect') {
					angular.forEach(
						$scope.selectedFlatRate.restricted_items,
						(val, key) => {
							if (val.product_id === result.value.product_id) {
								$scope.selectedFlatRate.restricted_items.splice(
									key,
									1
								);
							}
						}
					);
				}
			});
		}
	};
	$scope.sheetSearchResults = (resp: any) => {
		if ($scope.activeTab === 2) {
			$scope.updatedSheets = [];
			resp.forEach((result: any) => {
				if (result.action === 'add') {
					$scope.updatedSheets.push(result);
					$scope.selectedFlatRate.pricesheets.push({
						id: result.value.price_sheet_id,
						price_sheet_id: result.value.price_sheet_id,
						name: result.value.sheet,
						action: 'add',
					});
				}
				if (result.action === 'unselect') {
					angular.forEach(
						$scope.selectedFlatRate.pricesheets,
						(val, key) => {
							if (
								val.price_sheet_id ===
								result.value.price_sheet_id
							) {
								$scope.selectedFlatRate.pricesheets.splice(
									key,
									1
								);
							}
						}
					);
				}
				if (result.action === 'remove') {
					$scope.updatedSheets.push(result);
					angular.forEach(
						$scope.selectedFlatRate.pricesheets,
						(val, key) => {
							if (
								val.price_sheet_id ===
								result.value.price_sheet_id
							) {
								$scope.selectedFlatRate.pricesheets[
									key
								].deleted = 1;
								$scope.selectedFlatRate.pricesheets[
									key
								].action = 'remove';
							}
						}
					);
				}
				if (result.action === 'deselect') {
					angular.forEach(
						$scope.selectedFlatRate.pricesheets,
						(val, key) => {
							if (
								val.price_sheet_id ===
								result.value.price_sheet_id
							) {
								$scope.selectedFlatRate.pricesheets.splice(
									key,
									1
								);
							}
						}
					);
				}
			});
		}
	};
	$scope.UpdateFlatRate = () => {
		$scope.updating = true;
		const req = {
			method: 'PUT',
			url: $scope.shippingFlatRateEndpoint + $scope.selectedFlatRate.id,
			data: $scope.selectedFlatRate,
		};
		Utils.getHttpPromise(req)
			.then(
				(resp: any) => {
					if (resp.errors.length <= 0) {
						$scope.updateResults();
					}
				},
				(errResp: Error) => {
					Debug.error(errResp);
				}
			)
			.finally(() => {
				$scope.updating = false;
				$scope.ShowFlatRate($scope.selectedFlatRate.id);
			});
	};
	$scope.updateResults = () => {
		angular.forEach($scope.updatedCustomers, (result) => {
			if (result.action === 'remove') {
				angular.forEach(
					$scope.selectedFlatRate.customers,
					(val, key) => {
						if (val.customer_id === result.value.customer_id) {
							$scope.selectedFlatRate.customers.splice(key, 1);
						}
					}
				);
			}
		});
		angular.forEach($scope.updatedGroups, (result) => {
			if (result.action === 'remove') {
				angular.forEach($scope.selectedFlatRate.groups, (val, key) => {
					if (val.group_id === result.value.group_id) {
						$scope.selectedFlatRate.groups.splice(key, 1);
					}
				});
			}
		});
		angular.forEach($scope.updatedSheets, (result) => {
			if (result.action === 'remove') {
				angular.forEach(
					$scope.selectedFlatRate.pricesheets,
					(val, key) => {
						if (
							val.price_sheet_id === result.value.price_sheet_id
						) {
							$scope.selectedFlatRate.pricesheets.splice(key, 1);
						}
					}
				);
			}
		});
		$scope.updatedGroups = [];
		$scope.updatedCustomers = [];
		$scope.updatedPriceSheets = [];
	};
}