import {dateFromString} from '../date/conversion';
import {createPin} from '../map/pin';
import {MetaData} from './metaData';
import {dateFromTime} from '../date/conversion';
import Marker from './marker';

export default class DateMarker extends Marker {
    public constructor() {
        super();
    }

    public async init(): Promise<void> {
        this.displayLocation = this.getDisplayLocation(this);
        this.displayData = this.getDisplayValue(this);

        if (this.data.value) {
            this.originalData = {value: this.data.value};
            this.data.value = dateFromString(this.data.value as string);
        } else if (this.data.range?.end || this.data.range?.start) {
            this.originalData = {range: {start: this.data.range.start, end: this.data.range.end}};
            this.data.range.start = dateFromString(this.data.range.start as string);
            this.data.range.end = dateFromString(this.data.range.end as string);
        }

        this.lat = parseFloat(this.location.lat);
        this.lng = parseFloat(this.location.long);

        if (typeof this.pin === 'string' && this.pin.length > 0) {
            const pin = await createPin(this.pin);
            if (pin.anchor?.x !== 0) {
                this.pin = pin;
            } else {
                this.pin = '';
            }
        }
    }

    public isInRange(values: number[], metaData: MetaData): boolean {
        if (values.length === 1) {
            const date = dateFromTime(values[0]);

            if (this.data.value) {
                return (this.data.value as Date) === date;
            } else if (this.data.range?.end || this.data.range?.start) {
                const start = this.data.range.start ? this.data.range.start : metaData.min;
                const end = this.data.range.end ? this.data.range.end : metaData.max;
                return start <= date && date <= end;
            }
            return true;
        }
        const dateStart = dateFromTime(values[0]);
        const dateEnd = dateFromTime(values[1]);

        if (this.data.value) {
            return (this.data.value as Date) <= dateEnd && this.data.value >= dateStart;
        } else if (this.data.range?.end || this.data.range?.start) {
            const start = this.data.range.start ? this.data.range.start : metaData.min;
            const end = this.data.range.end ? this.data.range.end : metaData.max;
            return start <= dateEnd && end >= dateStart;
        }
        return true;
    }

    private getDisplayLocation(marker: Marker): string {
        let displayLocation = '';

        if (marker.location.country && marker.location.country.length > 0) {
            displayLocation = marker.location.country;
        }

        if (marker.location.state && marker.location.state.length > 0) {
            displayLocation =
                displayLocation.length > 0 ? `${marker.location.state}, ${displayLocation}` : marker.location.state;
        }

        if (marker.location.city && marker.location.city.length > 0) {
            displayLocation =
                displayLocation.length > 0 ? `${marker.location.city}, ${displayLocation}` : marker.location.city;
        }

        return displayLocation;
    }

    private getDisplayValue(marker: Marker): string | undefined {
        if (marker.data.range?.end || marker.data.range?.start) {
            let end = marker.data.range.end;
            if (!end) {
                end = 'present';
            }

            let start = marker.data.range.start;
            if (!start) {
                start = 'beginning';
            }

            if (start === end) {
                return `${start}`;
            }
            else { 
                return `${start} - ${end}`;
            }
        } else if (marker.data.value) {
            return `${marker.data.value}`;
        }

        return undefined;
    }
}