export class RoundIntervalPolicyViewController extends BaseViewController {
	constructor( options = {} ) {
		_.defaults( options, {
			el: '#round_interval_policy_view_container',

			punch_type_array: null,
			round_type_array: null,
			condition_type_array: null,
			date_api: null
		} );

		super( options );
	}

	init( options ) {
		//this._super('initialize', options );
		this.edit_view_tpl = 'RoundIntervalPolicyEditView.html';
		this.permission_id = 'round_policy';
		this.viewId = 'RoundIntervalPolicy';
		this.script_name = 'RoundIntervalPolicyView';
		this.table_name_key = 'round_interval_policy';
		this.context_menu_name = $.i18n._( 'Rounding Policy' );
		this.navigation_label = $.i18n._( 'Rounding Policy' );
		this.api = TTAPI.APIRoundIntervalPolicy;
		this.date_api = TTAPI.APITTDate;
		this.render();
		this.buildContextMenu();

		this.initData();
	}

	initOptions() {
		var options = [
			{ option_name: 'punch_type', api: this.api },
			{ option_name: 'round_type', api: this.api },
			{ option_name: 'condition_type', api: this.api },
		];

		this.initDropDownOptions( options );
	}

	buildEditViewUI() {

		super.buildEditViewUI();

		var $this = this;

		var tab_model = {
			'tab_rounding_policy': {
				'label': $.i18n._( 'Rounding Policy' )
			},
			'tab_audit': true,
		};
		this.setTabModel( tab_model );

		this.navigation.AComboBox( {
			api_class: TTAPI.APIRoundIntervalPolicy,
			id: this.script_name + '_navigation',
			allow_multiple_selection: false,
			layout_name: 'global_round_interval',
			navigation_mode: true,
			show_search_inputs: true
		} );

		this.setNavigation();

		//Tab 0 start

		var tab_rounding_policy = this.edit_view_tab.find( '#tab_rounding_policy' );

		var tab_rounding_policy_column1 = tab_rounding_policy.find( '.first-column' );

		this.edit_view_tabs[0] = [];

		this.edit_view_tabs[0].push( tab_rounding_policy_column1 );

		//Name
		var form_item_input = Global.loadWidgetByName( FormItemType.TEXT_INPUT );

		form_item_input.TTextInput( { field: 'name', width: '100%' } );
		this.addEditFieldToColumn( $.i18n._( 'Name' ), form_item_input, tab_rounding_policy_column1, '' );
		form_item_input.parent().width( '45%' );

		// Description
		form_item_input = Global.loadWidgetByName( FormItemType.TEXT_AREA );
		form_item_input.TTextArea( { field: 'description', width: '100%' } );
		this.addEditFieldToColumn( $.i18n._( 'Description' ), form_item_input, tab_rounding_policy_column1, '', null, null, true );

		form_item_input.parent().width( '45%' );

		//Punch Type
		form_item_input = Global.loadWidgetByName( FormItemType.COMBO_BOX );

		form_item_input.TComboBox( { field: 'punch_type_id', set_empty: false } );
		form_item_input.setSourceData( $this.punch_type_array );
		this.addEditFieldToColumn( $.i18n._( 'Punch Type' ), form_item_input, tab_rounding_policy_column1 );

		//Round Type
		form_item_input = Global.loadWidgetByName( FormItemType.COMBO_BOX );

		form_item_input.TComboBox( { field: 'round_type_id', set_empty: false } );
		form_item_input.setSourceData( $this.round_type_array );
		this.addEditFieldToColumn( $.i18n._( 'Round Type' ), form_item_input, tab_rounding_policy_column1 );

		// Interval
		form_item_input = Global.loadWidgetByName( FormItemType.TEXT_INPUT );
		form_item_input.TTextInput( { field: 'round_interval', mode: 'time_unit', need_parser_sec: true } );

		this.addEditFieldToColumn( $.i18n._( 'Interval' ), form_item_input, tab_rounding_policy_column1, '', null );

		//Grace Period
		form_item_input = Global.loadWidgetByName( FormItemType.TEXT_INPUT );
		form_item_input.TTextInput( { field: 'grace', mode: 'time_unit', need_parser_sec: true } );

		this.addEditFieldToColumn( $.i18n._( 'Grace Period' ), form_item_input, tab_rounding_policy_column1, '', null );

		// Strict Schedule
		form_item_input = Global.loadWidgetByName( FormItemType.CHECKBOX );
		form_item_input.TCheckbox( { field: 'strict' } );
		this.addEditFieldToColumn( $.i18n._( 'Strict Schedule' ), form_item_input, tab_rounding_policy_column1, '' );

		//SEPARATED
		form_item_input = Global.loadWidgetByName( FormItemType.SEPARATED_BOX );
		form_item_input.SeparatedBox( { label: $.i18n._( 'Only Round Punches Within The Following Window' ) } );
		this.addEditFieldToColumn( '', form_item_input, tab_rounding_policy_column1, '', null, true, false, 'sp_box' );

		//Window Based On
		form_item_input = Global.loadWidgetByName( FormItemType.COMBO_BOX );

		form_item_input.TComboBox( { field: 'condition_type_id', set_empty: false } );
		form_item_input.setSourceData( $this.condition_type_array );
		this.addEditFieldToColumn( $.i18n._( 'Window Based On' ), form_item_input, tab_rounding_policy_column1, '', null, true );

		// Static Time
		form_item_input = Global.loadWidgetByName( FormItemType.TIME_PICKER );
		form_item_input.TTimePicker( { field: 'condition_static_time' } );

		this.addEditFieldToColumn( $.i18n._( 'Static Time' ), form_item_input, tab_rounding_policy_column1, '', null, true );

		// Static Total Time
		form_item_input = Global.loadWidgetByName( FormItemType.TEXT_INPUT );
		form_item_input.TTextInput( {
			field: 'condition_static_total_time',
			mode: 'time_unit',
			need_parser_sec: true
		} );

		this.addEditFieldToColumn( $.i18n._( 'Static Total Time' ), form_item_input, tab_rounding_policy_column1, '', null, true );

		// Start Window
		form_item_input = Global.loadWidgetByName( FormItemType.TEXT_INPUT );
		form_item_input.TTextInput( { field: 'condition_start_window', mode: 'time_unit', need_parser_sec: true } );

		this.addEditFieldToColumn( $.i18n._( 'Start Window' ), form_item_input, tab_rounding_policy_column1, '', null, true );

		// Stop Window
		form_item_input = Global.loadWidgetByName( FormItemType.TEXT_INPUT );
		form_item_input.TTextInput( { field: 'condition_stop_window', mode: 'time_unit', need_parser_sec: true } );

		this.addEditFieldToColumn( $.i18n._( 'Stop Window' ), form_item_input, tab_rounding_policy_column1, '', null, true );
	}

	buildSearchFields() {

		super.buildSearchFields();
		this.search_fields = [

			new SearchField( {
				label: $.i18n._( 'Name' ),
				in_column: 1,
				field: 'name',
				multiple: true,
				basic_search: true,
				adv_search: false,
				form_item_type: FormItemType.TEXT_INPUT
			} ),

			new SearchField( {
				label: $.i18n._( 'Punch Type' ),
				in_column: 1,
				field: 'punch_type_id',
				multiple: true,
				basic_search: true,
				adv_search: false,
				layout_name: 'global_option_column',
				form_item_type: FormItemType.AWESOME_BOX
			} ),

			new SearchField( {
				label: $.i18n._( 'Round Type' ),
				in_column: 1,
				field: 'round_type_id',
				multiple: true,
				basic_search: true,
				adv_search: false,
				layout_name: 'global_option_column',
				form_item_type: FormItemType.AWESOME_BOX
			} ),

			new SearchField( {
				label: $.i18n._( 'Created By' ),
				in_column: 2,
				field: 'created_by',
				layout_name: 'global_user',
				api_class: TTAPI.APIUser,
				multiple: true,
				basic_search: true,
				adv_search: false,
				form_item_type: FormItemType.AWESOME_BOX
			} ),

			new SearchField( {
				label: $.i18n._( 'Updated By' ),
				in_column: 2,
				field: 'updated_by',
				layout_name: 'global_user',
				api_class: TTAPI.APIUser,
				multiple: true,
				basic_search: true,
				adv_search: false,
				form_item_type: FormItemType.AWESOME_BOX
			} )
		];
	}

	onFormItemChange( target, doNotValidate ) {
		this.setIsChanged( target );
		this.setMassEditingFieldsWhenFormChange( target );

		var key = target.getField();
		var c_value = target.getValue();

//		switch ( key ) {
//			case 'round_interval':
//			case 'grace':
//			case 'condition_static_total_time':
//			case 'condition_start_window':
//			case 'condition_stop_window':
//				c_value = this.date_api.parseTimeUnit( target.getValue(), {async: false} ).getResult();
//				break;
//		}

		this.current_edit_record[key] = c_value;

		if ( key === 'condition_type_id' ) {
			this.onConditionTypeChange();
		}

		if ( !doNotValidate ) {
			this.validate();
		}
	}

	onConditionTypeChange() {

		var condition_type_id = parseInt( this.current_edit_record.condition_type_id );

		var sp_box = this.edit_view_form_item_dic.sp_box;
		var condition_type = this.edit_view_form_item_dic.condition_type_id;

		var static_time = this.edit_view_form_item_dic.condition_static_time;
		var condition_static_total_time = this.edit_view_form_item_dic.condition_static_total_time;
		var condition_start_window = this.edit_view_form_item_dic.condition_start_window;
		var condition_stop_window = this.edit_view_form_item_dic.condition_stop_window;

		if ( Global.getProductEdition() <= 10 ) {
			this.detachElement( 'condition_type_id' );
			this.detachElement( 'sp_box' );
			this.detachElement( 'condition_static_total_time' );
			this.detachElement( 'condition_start_window' );
			this.detachElement( 'condition_stop_window' );
			this.detachElement( 'condition_static_time' );
			return;
		}

		this.detachElement( 'condition_static_total_time' );
		this.detachElement( 'condition_start_window' );
		this.detachElement( 'condition_stop_window' );
		this.detachElement( 'condition_static_time' );

		if ( condition_type_id == 10 || condition_type_id == 20 ) {
			this.attachElement( 'condition_start_window' );
			this.attachElement( 'condition_stop_window' );

		} else if ( condition_type_id == 30 ) {
			this.attachElement( 'condition_static_time' );
			this.attachElement( 'condition_stop_window' );
			this.attachElement( 'condition_start_window' );

		} else if ( condition_type_id == 40 ) {

			this.attachElement( 'condition_static_total_time' );
			this.attachElement( 'condition_stop_window' );
			this.attachElement( 'condition_start_window' );
		}

		this.editFieldResize();
	}

	setEditViewDataDone() {
		super.setEditViewDataDone();
		this.onConditionTypeChange();
	}

}