import { DatePicker as DatePickerDefinition } from '.';
import { View, CSSType } from '../core/view';
import { booleanConverter } from '../core/view-base';
import { Property } from '../core/properties';

const defaultDate = new Date();
const dateComparer = (x: Date, y: Date): boolean => x <= y && x >= y;

@CSSType('DatePicker')
export class DatePickerBase extends View implements DatePickerDefinition {
	public static dateChangeEvent: string = 'dateChange';
	public year: number;
	public month: number;
	public day: number;
	public hour: number;
	public minute: number;
	public second: number;
	public maxDate: Date;
	public minDate: Date;
	public date: Date;
	public iosPreferredDatePickerStyle: number;
	public showTime: boolean;
}

DatePickerBase.prototype.recycleNativeView = 'auto';

export const yearProperty = new Property<DatePickerBase, number>({
	name: 'year',
	defaultValue: defaultDate.getFullYear(),
	valueConverter: (v) => parseInt(v),
});
yearProperty.register(DatePickerBase);

export const monthProperty = new Property<DatePickerBase, number>({
	name: 'month',
	defaultValue: defaultDate.getMonth() + 1,
	valueConverter: (v) => parseInt(v),
});
monthProperty.register(DatePickerBase);

export const dayProperty = new Property<DatePickerBase, number>({
	name: 'day',
	defaultValue: defaultDate.getDate(),
	valueConverter: (v) => parseInt(v),
});
dayProperty.register(DatePickerBase);

export const hourProperty = new Property<DatePickerBase, number>({
	name: 'hour',
	defaultValue: defaultDate.getHours(),
	valueConverter: (v) => parseInt(v),
});
hourProperty.register(DatePickerBase);

export const minuteProperty = new Property<DatePickerBase, number>({
	name: 'minute',
	defaultValue: defaultDate.getMinutes(),
	valueConverter: (v) => parseInt(v),
});
minuteProperty.register(DatePickerBase);

export const secondProperty = new Property<DatePickerBase, number>({
	name: 'second',
	defaultValue: defaultDate.getSeconds(),
	valueConverter: (v) => parseInt(v),
});
secondProperty.register(DatePickerBase);

// TODO: Make CoercibleProperties
export const maxDateProperty = new Property<DatePickerBase, Date>({
	name: 'maxDate',
	equalityComparer: dateComparer,
	valueConverter: (v) => new Date(v),
});
maxDateProperty.register(DatePickerBase);

export const minDateProperty = new Property<DatePickerBase, Date>({
	name: 'minDate',
	equalityComparer: dateComparer,
	valueConverter: (v) => new Date(v),
});
minDateProperty.register(DatePickerBase);

export const dateProperty = new Property<DatePickerBase, Date>({
	name: 'date',
	defaultValue: defaultDate,
	equalityComparer: dateComparer,
	valueConverter: (v) => new Date(v),
});
dateProperty.register(DatePickerBase);

export const showTimeProperty = new Property<DatePickerBase, boolean>({
	name: 'showTime',
	defaultValue: false,
	valueConverter: (v) => booleanConverter(v),
});
showTimeProperty.register(DatePickerBase);

export const iosPreferredDatePickerStyleProperty = new Property<DatePickerBase, number>({
	name: 'iosPreferredDatePickerStyle',
	defaultValue: 0,
	valueConverter: (v) => parseInt(v),
});
iosPreferredDatePickerStyleProperty.register(DatePickerBase);