// Visit The Stimulus Handbook for more details
// https://stimulusjs.org/handbook/introduction
//
// This example controller works with specially annotated HTML like:
//
// <div data-controller="results">
//   <h1 data-target="results.selectAll"></h1>
// </div>

import { Controller } from "stimulus"

export default class extends Controller {

  connect() {
  }

  checkedState(checked, selector='input[type=checkbox]') {
    var aa = document.querySelectorAll(selector);
    for (var i = 0; i < aa.length; i++){
        aa[i].checked = checked;
    }
  }

  setResultActionsVisibility(state) {
    switch(state) {
      case 'hide':
        document.getElementById('result-selected-options').classList.add('hidden');
        break;
      case 'show':
        document.getElementById('result-selected-options').classList.remove('hidden');
        break;
      default:
        document.getElementById('result-selected-options').classList.add('hidden');
    }
  }

  setResultSelectionVisibility(state) {
    switch(state) {
      case 'hide':
        document.getElementById('result-selection-options').classList.add('hidden');
        break;
      case 'show':
        document.getElementById('result-selection-options').classList.remove('hidden');
        break;
      default:
        document.getElementById('result-selection-options').classList.add('hidden');
    }
  }

  setResultOptionsVisibility(state) {
    switch(state) {
      case true:
        this.setResultSelectionVisibility('show')
        this.setResultActionsVisibility('show')
        break;
      case false:
        this.setResultSelectionVisibility('hide')
        this.setResultActionsVisibility('hide')
        document.getElementById('select-resultset').classList.add('hidden');
        document.getElementById('select-pageset').classList.remove('hidden');
        break;
      default:
        this.setResultSelectionVisibility('hide')
        this.setResultActionsVisibility('hide')
    }
  }

  selectResultSet() {
    document.getElementById('select-pageset').classList.add('hidden');
    document.getElementById('select-resultset').classList.remove('hidden');

    // Set scope to full resultset
    var el = document.querySelector('#result-selected-options');
    el.setAttribute('data-scope', 'resultset');
  }

  removeResultSet() {
    document.getElementById('select-pageset').classList.remove('hidden');
    document.getElementById('select-resultset').classList.add('hidden');

    // Set scope to just pageset
    var el = document.querySelector('#result-selected-options');
    el.setAttribute('data-scope', 'pageset');
  }

  toggleAll() {
    var checked = document.querySelectorAll("input[type=checkbox]")[0].checked
    this.checkedState(checked);
    this.setResultOptionsVisibility(checked);
    this.setPagesetURL();
  }

  selectAll() {
    this.checkedState(true);
    this.setResultSelectionVisibility('show');
    this.setResultActionsVisibility('show')
    this.setPagesetURL();
  }

  selectNone() {
    this.checkedState(false);
    this.setResultSelectionVisibility('hide');
    this.setResultActionsVisibility('hide')
    this.removeResultSet();

    // Set selection scope
    var el = document.querySelector('div#result-selection-options');
    el.setAttribute('data-scope', 'pageset');
  }

  selectBookmarked() {
    this.checkedState(false);
    this.checkedState(true, 'li.bookmarked > input[type=checkbox]');
    this.setResultSelectionVisibility('hide');
    this.setResultActionsVisibility('show');
    this.removeResultSet();
    this.setPagesetURL();
  }

  checkChecked() {
    var checked = document.querySelectorAll('#results input[type="checkbox"]:checked');
    if(checked.length < 1) {
      this.setResultActionsVisibility('hide');
    } else {
      this.setResultActionsVisibility('show');
    }

    // Guard deselection
    if (checked.length < 20) {
      this.setResultSelectionVisibility('hide');
      // Set selection scope
      var el = document.querySelector('div#result-selection-options');
      el.setAttribute('data-scope', 'pageset');
    } else {
      this.setResultActionsVisibility('show');
    }

    // @TODO: make aware fo resultset count
    // Guard deselection and reselection
    if (checked.length === 20) {
      this.setResultSelectionVisibility('show');
    }

    this.setPagesetURL();
  }

  checkSelectionScope() {
    var el = document.querySelector('#result-selected-options');
    return el.dataset.scope
  }

  setPagesetURL() {
    // Find all checked checkboxes
    var checked = document.querySelectorAll('#results input[type="checkbox"]:checked');

    // Array of friendlier_ids
    var selected = Array.from(checked).map(d => d.dataset.id);

    // Create params for fetch
    var params = new URLSearchParams()
    selected.forEach(function(item, index, array) {
      params.append('ids[]', item)
    })

    // Set attribute value
    var el = document.querySelector('#result-selected-options');
    el.setAttribute('data-pageset', '/admin/documents/fetch?' + params);
  }

  exportCSV() {
    var scope = this.checkSelectionScope();
    var el = document.querySelector('#result-selected-options');
    if(scope === 'pageset') {
      window.location = el.dataset.pageset + "&format=csv"
    } else {
      window.location = el.dataset.resultset + "&format=csv"
    }
  }

  exportJSON() {
    var scope = this.checkSelectionScope();
    var el = document.querySelector('#result-selected-options');
    if(scope === 'pageset') {
      window.location = el.dataset.pageset + "&format=json"
    } else {
      window.location = el.dataset.resultset + "&format=json"
    }
  }

  exportJsonGBLv1() {
    var scope = this.checkSelectionScope();
    var el = document.querySelector('#result-selected-options');
    if(scope === 'pageset') {
      window.location = el.dataset.pageset + "&format=json_gbl_v1"
    } else {
      window.location = el.dataset.resultset + "&format=json_gbl_v1"
    }
  }

  exportJsonFile() {
    var scope = this.checkSelectionScope();
    var el = document.querySelector('#result-selected-options');
    if(scope === 'pageset') {
      window.location = el.dataset.pageset + "&format=json_file"
    } else {
      window.location = el.dataset.resultset + "&format=json_file"
    }
  }

  exportJsonAardvark() {
    var scope = this.checkSelectionScope();
    var el = document.querySelector('#result-selected-options');
    if(scope === 'pageset') {
      window.location = el.dataset.pageset + "&format=json_aardvark"
    } else {
      window.location = el.dataset.resultset + "&format=json_aardvark"
    }
  }

  exportJsonBtaaAardvark() {
    var scope = this.checkSelectionScope();
    var el = document.querySelector('#result-selected-options');
    if(scope === 'pageset') {
      window.location = el.dataset.pageset + "&format=json_btaa_aardvark"
    } else {
      window.location = el.dataset.resultset + "&format=json_btaa_aardvark"
    }
  }

  exportCsvDocumentDownloads() {
    var scope = this.checkSelectionScope();
    var el = document.querySelector('#result-selected-options');
    if(scope === 'pageset') {
      window.location = el.dataset.pageset + "&format=csv_document_downloads"
    } else {
      window.location = el.dataset.resultset + "&format=csv_document_downloads"
    }
  }

  exportCsvDocumentAccessLinks() {
    var scope = this.checkSelectionScope();
    var el = document.querySelector('#result-selected-options');
    if(scope === 'pageset') {
      window.location = el.dataset.pageset + "&format=csv_document_access_links"
    } else {
      window.location = el.dataset.resultset + "&format=csv_document_access_links"
    }
  }

  bulkAction() {
    var scope = this.checkSelectionScope();
    var el = document.querySelector('#result-selected-options');
    if(scope === 'pageset') {
      console.log('/admin/bulk_actions/new?scope=' + el.dataset.pageset)
      window.location = '/admin/bulk_actions/new?scope=' + encodeURIComponent(el.dataset.pageset)
    } else {
      console.log('/admin/bulk_actions/new?scope=' + el.dataset.resultset)
      window.location = '/admin/bulk_actions/new?scope=' + encodeURIComponent(el.dataset.resultset)
    }
  }

  setPubState(event) {
    event.preventDefault();

    var scope = this.checkSelectionScope();
    var el = document.querySelector('#result-selected-options');
    if(scope === 'pageset') {
      scope = encodeURIComponent(el.dataset.pageset)
    } else {
      scope = encodeURIComponent(el.dataset.resultset)
    }

    var el = document.querySelector('#bulk_action_scope');
    el.setAttribute('value', scope);
  }

  setPubFieldNameValue(event) {
    var el = document.querySelector('#bulk_action_field_name');
    el.setAttribute('value', "Publication State");

    // Set field value
    var el = document.querySelector('#bulk_action_field_value');
    el.setAttribute(
      'value',
      event.currentTarget.innerHTML.toLowerCase().trim()
    );

    // Set scope value
    this.setPubState(event);

    // Submit form
    var form = document.querySelector('#result-action-form');
    form.submit();
  }

  harvestThumbnails(event) {
    var el = document.querySelector('#bulk_action_field_name');
    el.setAttribute('value', "Harvest Thumbnails");

    // Set field value
    var el = document.querySelector('#bulk_action_field_value');
    el.setAttribute(
      'value',
      event.currentTarget.innerHTML.toLowerCase().trim()
    );

    // Set scope value
    this.setPubState(event);

    // Submit form
    var form = document.querySelector('#result-action-form');
    form.submit();
  }

  deleteThumbnails(event) {
    var el = document.querySelector('#bulk_action_field_name');
    el.setAttribute('value', "Delete Thumbnails");

    // Set field value
    var el = document.querySelector('#bulk_action_field_value');
    el.setAttribute(
      'value',
      event.currentTarget.innerHTML.toLowerCase().trim()
    );

    // Set scope value
    this.setPubState(event);

    // Submit form
    var form = document.querySelector('#result-action-form');
    form.submit();
  }

  bulkActionDelete(event) {
    event.preventDefault();

    var scope = this.checkSelectionScope();
    var el = document.querySelector('#result-selected-options');
    if(scope === 'pageset') {
      scope = encodeURIComponent(el.dataset.pageset)
    } else {
      scope = encodeURIComponent(el.dataset.resultset)
    }

    var el = document.querySelector('#bulk_action_scope');
    el.setAttribute('value', scope);

    var el = document.querySelector('#bulk_action_field_name');
    el.setAttribute('value', "Delete");

    var el = document.querySelector('#bulk_action_field_value');
    el.setAttribute('value', "delete");

    // Submit form
    var form = document.querySelector('#result-action-form');
    form.submit();
  }
}