import { CardSearchPagedComponent } from '../../lib/cardSearch';
import { QueryParams } from '../../../config/query-classes';
import {
  OPERATOR_LIMIT,
  OPERATOR_SORT,
  OPERATOR_USER,
  ORDER_DESCENDING,
  PREDICATE_DUE_AT,
} from '../../../config/search-const';

// const subManager = new SubsManager();

BlazeComponent.extendComponent({
  myCardsSort() {
    // eslint-disable-next-line no-console
    // console.log('sort:', Utils.myCardsSort());
    return Utils.myCardsSort();
  },

  events() {
    return [
      {
        'click .js-toggle-my-cards-choose-sort': Popup.open(
          'myCardsSortChange',
        ),
      },
    ];
  },
}).register('myCardsHeaderBar');

Template.myCards.helpers({
  userId() {
    return Meteor.userId();
  },
});

BlazeComponent.extendComponent({
  events() {
    return [
      {
        'click .js-my-cards-sort-board'() {
          Utils.setMyCardsSort('board');
          Popup.close();
        },

        'click .js-my-cards-sort-dueat'() {
          Utils.setMyCardsSort('dueAt');
          Popup.close();
        },
      },
    ];
  },
}).register('myCardsSortChangePopup');

class MyCardsComponent extends CardSearchPagedComponent {
  onCreated() {
    super.onCreated();

    const queryParams = new QueryParams();
    queryParams.addPredicate(OPERATOR_USER, Meteor.user().username);
    queryParams.addPredicate(OPERATOR_SORT, {
      name: PREDICATE_DUE_AT,
      order: ORDER_DESCENDING,
    });
    queryParams.addPredicate(OPERATOR_LIMIT, 100);

    this.runGlobalSearch(queryParams);
    Meteor.subscribe('setting');
  }

  myCardsSort() {
    // eslint-disable-next-line no-console
    //console.log('sort:', Utils.myCardsSort());
    return Utils.myCardsSort();
  }

  sortByBoard() {
    return this.myCardsSort() === 'board';
  }

  myCardsList() {
    const boards = [];
    let board = null;
    let swimlane = null;
    let list = null;

    const cursor = this.getResults();

    if (cursor) {
      let newBoard = false;
      let newSwimlane = false;
      let newList = false;

      cursor.forEach(card => {
        // eslint-disable-next-line no-console
        // console.log('card:', card.title);
        if (list === null || card.listId !== list._id) {
          // eslint-disable-next-line no-console
          // console.log('new list');
          list = card.getList();
          if (list.archived) {
            list = null;
            return;
          }
          list.myCards = [card];
          newList = true;
        }
        if (swimlane === null || card.swimlaneId !== swimlane._id) {
          // eslint-disable-next-line no-console
          // console.log('new swimlane');
          swimlane = card.getSwimlane();
          if (swimlane.archived) {
            swimlane = null;
            return;
          }
          swimlane.myLists = [list];
          newSwimlane = true;
        }
        if (board === null || card.boardId !== board._id) {
          // eslint-disable-next-line no-console
          // console.log('new board');
          board = card.getBoard();
          if (board.archived) {
            board = null;
            return;
          }
          // eslint-disable-next-line no-console
          // console.log('board:', b, b._id, b.title);
          board.mySwimlanes = [swimlane];
          newBoard = true;
        }

        if (newBoard) {
          boards.push(board);
        } else if (newSwimlane) {
          board.mySwimlanes.push(swimlane);
        } else if (newList) {
          swimlane.myLists.push(list);
        } else {
          list.myCards.push(card);
        }

        newBoard = false;
        newSwimlane = false;
        newList = false;
      });

      // sort the data structure
      boards.forEach(board => {
        board.mySwimlanes.forEach(swimlane => {
          swimlane.myLists.forEach(list => {
            list.myCards.sort((a, b) => {
              return a.sort - b.sort;
            });
          });
          swimlane.myLists.sort((a, b) => {
            return a.sort - b.sort;
          });
        });
        board.mySwimlanes.sort((a, b) => {
          return a.sort - b.sort;
        });
      });

      boards.sort((a, b) => {
        let x = a.sort;
        let y = b.sort;

        // show the template board last
        if (a.type === 'template-container') {
          x = 99999999;
        } else if (b.type === 'template-container') {
          y = 99999999;
        }
        return x - y;
      });

      // eslint-disable-next-line no-console
      // console.log('boards:', boards);
      return boards;
    }

    return [];
  }

  myDueCardsList() {
    const cursor = this.getResults();
    const cards = [];
    cursor.forEach(card => {
      cards.push(card);
    });

    cards.sort((a, b) => {
      const x = a.dueAt === null ? new Date('2100-12-31') : a.dueAt;
      const y = b.dueAt === null ? new Date('2100-12-31') : b.dueAt;

      if (x > y) return 1;
      else if (x < y) return -1;

      return 0;
    });

    // eslint-disable-next-line no-console
    // console.log('cursor:', cards);
    return cards;
  }
}
MyCardsComponent.register('myCards');