import Ember from 'ember';

import layout from '../templates/components/doc-created';

export default Ember.Component.extend({

  layout: layout,

  tagName: 'span',

  value: null,

  formatDate: function (dateStr, dateParsed) {

    if (!dateStr) {

      return Ember.String.htmlSafe('');

    }

    if (/^\d{4}$/.test(dateStr)) {

      return Ember.String.htmlSafe(dateStr);

    }

    const date = dateParsed || new Date(dateStr);

    if (isNaN(date.getTime())) {

      return Ember.String.htmlSafe('Date inconnue');

    }

    if (/^\d{4}-\d{2}$/.test(dateStr)) {

      return Ember.String.htmlSafe((date.getMonth() + 1) + '-' + date.getFullYear());

    }

    return Ember.String.htmlSafe(date.getDate() + '-' + (date.getMonth() + 1) + '-' + date.getFullYear());

  },

  shortDateDate: Ember.computed('value', function () {

    console.log('SHORT DATE', this.get('value'));

    return this.formatDate(this.get('value'));

  }),

  periodMatches: Ember.computed('value', function () {

    let dateStr = this.get('value');

    console.log('PERIOD MATCH', dateStr);

    if (!dateStr) {

      return null;

    }

    dateStr = dateStr.trim();

    const m = dateStr.match(/^(\d{4})-(\d{4})$/) ||

      dateStr.match(/^start\s*=\s*([^\s]+)\s*;\s*end\s*=\s*([^\s]+)$/) ||

      dateStr.match(/^end\s*=\s*([^\s]+)\s*;\s*start\s*=\s*([^\s]+)$/);

    if (!m) {

      return null;

    }

    const [, dateStr1, dateStr2] = m;

    let date1 = new Date(dateStr1);

    let date2 = new Date(dateStr2);

    if (isNaN(date1.getTime()) || isNaN(date2.getTime())) {

      return null;

    }

    if (date2 < date1) {

      [date1, date2] = [date2, date1];

    }

    return {

      start: {str: dateStr1, date: date1},

      end: {str: dateStr2, date: date2}

    };

  }),

  isPeriod: Ember.computed('periodMatches', function () {

    const periodMatches = this.get('periodMatches');

    console.log('ISPERIOD MATCH', periodMatches, Boolean(periodMatches));

    return Boolean(periodMatches);

  }),

  shortDateStart: Ember.computed('periodMatches', function () {

    const periodMatches = this.get('periodMatches');

    if (!periodMatches) {

      return null;

    }

    // from the periodMatches function we know that we have a valid start date

    return this.formatDate(periodMatches.start.str, periodMatches.start.date);

  }),

  shortDateEnd: Ember.computed('periodMatches', function () {

    const periodMatches = this.get('periodMatches');

    if (!periodMatches) {

      return null;

    }

    // from the periodMatches function we know that we have a valid end date

    return this.formatDate(periodMatches.end.str, periodMatches.end.date);

  })

});