import { Wizard } from '@/global/widgets/wizard/Wizard';

export class PayrollRemittanceAgencyEventWizard extends Wizard {
	constructor( options = {} ) {
		_.defaults( options, {
			current_step: false,
			wizard_name: $.i18n._( 'Tax Wizard' ),

			selected_remittance_agency_event: null,
			selected_remittance_agency_event_id: null,
			payroll_remittance_agency_event_block: null,

			wizard_id: 'PayrollRemittanceAgencyEventWizardController',
			_step_map: {
				'home': { // TODO: Webpack: Investigate how this works/does not work with Webpack
					script_path: 'views/payroll/remittance_wizard/PayrollRemittanceAgencyEventWizardStepHome.js',
					object_name: 'PayrollRemittanceAgencyEventWizardStepHome'
				},
				'review': {
					script_path: 'views/payroll/remittance_wizard/PayrollRemittanceAgencyEventWizardStepReview.js',
					object_name: 'PayrollRemittanceAgencyEventWizardStepReview'
				},
				'submit': {
					script_path: 'views/payroll/remittance_wizard/PayrollRemittanceAgencyEventWizardStepSubmit.js',
					object_name: 'PayrollRemittanceAgencyEventWizardStepSubmit'
				},
				'publish': {
					script_path: 'views/payroll/remittance_wizard/PayrollRemittanceAgencyEventWizardStepPublish.js',
					object_name: 'PayrollRemittanceAgencyEventWizardStepPublish'
				}
			}

		} );

		super( options );
	}

	init() {
		var $this = this;
	}

	render() {
		//do render stuff
	}

	onNextClick( e ) {
		//Get selected row data so we can determine the time period.
		if ( this.getStepObject().grid ) {
			var row_data = this.getStepObject().grid.getRowData( this.getStepObject().grid.getSelectedRow() );

			if ( row_data['in_time_period'] && row_data['in_time_period'] == true ) {
				TAlertManager.showConfirmAlert( $.i18n._( 'Time period for this event has not ended yet, are you sure you want to process this event early?' ), null, ( flag ) => {
					if ( flag === true ) {
						super.onNextClick( e );
					}
				} );
			} else {
				super.onNextClick( e );
			}
		} else {
			super.onNextClick( e );
		}

		return null;
	}

	/**
	 * builds the event data block used on several steps in this wizard.
	 * @param container_id
	 * @param data
	 */
	buildEventDataBlock( container_id, data ) {
		$( '#' + container_id ).remove(); //never allow this to duplicate on the wizard.
		var div = $( '<div id=\'' + container_id + '\' class=\'payroll_remittance_agency_event_wizard_event_details\'><table></table></div>' );
		var step_obj = this.getStepObject( this.getCurrentStepName() );
		step_obj.append( div );

		var even = false;
		var td_label, td_value;

		if ( this.payroll_remittance_agency_event_block == null ) {

			var column_one_keys = [
				{ key: 'legal_entity_legal_name', title: $.i18n._( 'Legal Entity' ) },
				{ key: 'payroll_remittance_agency_name', title: $.i18n._( 'Agency' ) },
				{ key: 'type', title: $.i18n._( 'Event' ) }
			];

			var column_two_keys = [
				{ key: 'frequency', title: $.i18n._( 'Frequency' ) },
				{ key: 'time_period', title: $.i18n._( 'Time Period' ) },
				{ key: 'due_date_display', title: $.i18n._( 'Due Date' ) }
			];

			var upper_bound = ( column_one_keys.length > column_two_keys.length ) ? column_one_keys.length : column_two_keys.length;

			for ( var i = 0; i < upper_bound; i++ ) {
				var tr = $( '<tr></tr>' );

				if ( column_one_keys.length > i ) {
					var label = $( '<td class="label col1"></td>' );
					label.text( column_one_keys[i].title );

					var value = $( '<td class="value"></td>' );
					value.text( data[column_one_keys[i].key] );

					tr.append( label );
					tr.append( value );
				} else {
					tr.append( $( '<td></td>' ) );
					tr.append( $( '<td></td>' ) );
				}

				if ( column_two_keys.length > i ) {
					var label = $( '<td class="label col2"></td>' );
					label.text( column_two_keys[i].title );

					var value = $( '<td class="value"></td>' );
					if ( column_two_keys[i].key == 'time_period' ) {
						value.text( data.start_date_display + ' - ' + data.end_date_display );
					} else {
						value.text( data[column_two_keys[i].key] );
					}

					tr.append( label );
					tr.append( value );
				} else {

					tr.append( $( '<td></td>' ) );
					tr.append( $( '<td></td>' ) );
				}

				$( '#' + container_id + ' table' ).append( tr );
			}

			//Show warning if still inside time period.
			if ( data['in_time_period'] && data['in_time_period'] == true ) {
				var tr = $( '<tr></tr>' );

				var row_contents = $( '<td align="center" style="font-weight: bold; color: red;" colspan="4"></td>' );
				row_contents.html( $.i18n._( 'WARNING: Time period has not ended yet, you may be processing early.' ) );

				tr.append( row_contents );

				$( '#' + container_id + ' table' ).append( tr );
			}

			//Show warning if still inside time period.
			if ( data['is_split_time_period'] && data['is_split_time_period'] == true ) {
				var tr = $( '<tr></tr>' );

				var row_contents = $( '<td align="center" style="font-weight: bold; color: red;" colspan="4"></td>' );
				row_contents.html( $.i18n._( 'NOTICE: Time Period has been split into two, due to crossing into a new quarter.<br>This event will now need to be processed twice, once for each part of the time period.' ) );

				tr.append( row_contents );

				$( '#' + container_id + ' table' ).append( tr );
			}

			this.payroll_remittance_agency_event_block = $( '#' + container_id + ' table' ).html();
		} else {
			$( '#' + container_id + ' table' ).html( this.payroll_remittance_agency_event_block );
		}
	}

	/**
	 * both args required.
	 * @param id
	 * @param callback
	 */
	getPayrollRemittanceAgencyEventById( id, columns, callback ) {
		//Stright to the callback if nothing has changed. if ( this.selected_remittance_agency_event.id != id) {
		if ( typeof callback == 'function' && this.selected_remittance_agency_event && this.selected_remittance_agency_event.id == id ) {
			callback( this.selected_remittance_agency_event );
		} else {
			var filter = {
				filter_data: {
					id: this.selected_remittance_agency_event_id
				}
			};

			if ( columns == null || typeof columns == 'undefined' ) {
				filter.filter_columns = {
					'payroll_remittance_agency_id': true,
					'legal_entity_legal_name': true,
					'payroll_remittance_agency_name': true,
					'user_report_data_id': true,
					'status': true,
					'status_id': true,
					'type': true,
					'type_id': true,
					'frequency': true,
					'start_date_display': true,
					'end_date_display': true,
					'due_date_display': true,
					'in_time_period': true,
					'is_split_time_period': true,
					'event_data': true,
				};
			} else {
				filter.columns = columns;
			}
			var $this = this;
			var api_payroll_remittance_agency_event = TTAPI.APIPayrollRemittanceAgencyEvent;
			api_payroll_remittance_agency_event.getPayrollRemittanceAgencyEvent( filter, {
				onResult: function( event_result ) {
					var event_result = event_result.getResult()[0];

					var api_payroll_remittance_agency = TTAPI.APIPayrollRemittanceAgency;
					api_payroll_remittance_agency.getPayrollRemittanceAgency( { filter_data: { id: event_result.payroll_remittance_agency_id } }, {
							onResult: function( agency_result ) {
								event_result.payroll_remittance_agency_obj = agency_result.getResult()[0]; //Merge Event and Agency data together.

								if ( typeof callback == 'function' ) {
									callback( event_result );
								}

							}
						}
					);
				}
			} );
		}
	}

	/**
	 * Allows us to open reports to give us access to their context menu code from within wizards.
	 *
	 * @param report_type
	 * @param report_obj
	 * @param callback
	 */
	getReport( render_type, post_data ) {
		if ( !post_data ) {
			post_data = {
				0: this.selected_remittance_agency_event_id,
				1: render_type
			};
		}
		Global.APIFileDownload( 'APIPayrollRemittanceAgencyEvent', 'getReportData', post_data );
	}

	/**
	 * Displays html report. Does not close wizard, but leaves it up in the background.
	 * @param report_name
	 * @param post_data
	 */
	showHTMLReport( report_name, new_window ) {
		ProgressBar.showOverlay();
		var api = TTAPI.APIPayrollRemittanceAgencyEvent;
		api['getReportData']( this.selected_remittance_agency_event_id, 'html', {
			onResult: function( res ) {
				ProgressBar.closeOverlay();

				if ( res.isValid() ) {
					var result = res.getResult();
					if ( new_window ) {
						var w = window.open();
						w.document.writeln( result.api_retval );
						w.document.close();
					} else if ( result ) {
						IndexViewController.openWizard( 'ReportViewWizard', result.api_retval );
					}
				} else {
					TAlertManager.showErrorAlert( res );
				}
			}
		} );
	}

	/**
	 * @param e
	 */
	onDoneComplete( e ) {
		var $this = this;
		this.getPayrollRemittanceAgencyEventById( this.selected_remittance_agency_event_id, {}, function( result ) {
			if ( result ) {
				result.enable_recalculate_dates = 1;
				result.last_due_date = result.due_date;

				var api_payroll_remittance_agency_event = TTAPI.APIPayrollRemittanceAgencyEvent;
				api_payroll_remittance_agency_event.setPayrollRemittanceAgencyEvent( result, false, true, {
					onResult: function( result ) {
						$this.cleanUp();
					}
				} );
			}
		} );
	}
}