import ApplicationController from './application_controller'
export default class extends ApplicationController {
  static targets = ["q", "annotation_id", "doctrine_id", "document_id", "document_ids",
                    "annomark_ids", "phil_rep", "editor_notes"]

  connect () {
    super.connect()
  }

  searchDocument () {
    var $this = this
    $.get("/api/documents.json", { q: $this.qTarget.value }, function (data, status) {
      if (status === "success") {
        $this.stimulate("AnnotationReflex#render_document_search_results", data)
      }
    });
  }

  renderForm () {
    var $this = this, annotation_id = $this.element.dataset["annotationId"], doctrine_id = $this.element.dataset["doctrineId"], 
        document_title = "", document_ref_no = "", document_date_or_year = "", $modal = $("#annotationModal")

    if(annotation_id !== null && annotation_id !== undefined && annotation_id !== "") {
      $modal.find(".modal-title").text("Edit Annotation")
      $.get("/api/doctrines/" + doctrine_id + "/annotations/" + annotation_id + ".json", {}, function(result, status) {
        $modal.find("#annotation_id").val(annotation_id)
        $modal.find("#doctrine_id").val(doctrine_id)
        $modal.find("#document_id").val(result.citing_document_ids)
        $modal.find("#document_ids").val(result.document_id)
        $modal.find("#phil_rep").val(result.phil_rep)
        $modal.find("#document_title").val($this.element.dataset["documentTitle"])
        $modal.find("select[name='annomark_ids[]']")[0].selectize.setValue(result.annomark_ids)
        $modal.find(".trix-content").val(result.editor_notes)
      });
    } else {
      $modal.find(".modal-title").text("New Annotation")
      document_title = this.element.dataset["documentTitle"]
      document_ref_no = this.element.dataset["documentReferenceNumber"]
      document_date_or_year = this.element.dataset["documentDateOrYear"]
  
      $modal.find("#doctrine_id").val(doctrine_id)
      $modal.find("#document_title").val([document_title, document_ref_no, document_date_or_year].join(", "))
      $modal.find("#document_id").val(this.element.dataset["documentId"])
      $modal.find("#phil_rep").val(this.element.dataset["documentPhilRep"])
    }
  }

  addCitingDocument () {
    var document_id = "", document_ref_no = "", document_date = "", document_title = "", 
        $modal = $("#annotationModal"), $doc_title = $modal.find("#document_title"), 
        $citing_document_ids = $modal.find("#document_ids")

    document_id = this.element.dataset["documentId"]
    document_ref_no = this.element.dataset["documentReferenceNumber"]
    document_date = this.element.dataset["documentDate"]
    document_title = this.element.dataset["documentTitle"]

    var document_ids = []

    if ($citing_document_ids.val() !== null && $citing_document_ids.val() !== undefined && $citing_document_ids.val() !== "") {
      document_ids = $citing_document_ids.val().split(",")
    }

    document_ids.push(document_id)
    $citing_document_ids.val(document_ids.join(","))

    var doc_title = $doc_title.val()
    $doc_title.val(doc_title + " citing " + [document_title, document_ref_no, document_date].join(", "))
  }

  save () {
    var $this = this, $modal = $("#annotationModal"), annotation_id = $this.annotation_idTarget.value, doctrine_id = $this.doctrine_idTarget.value
    const params = { annomark_ids: $modal.find("select[name='annomark_ids[]']").val(), document_id: $this.document_idTarget.value,
                     document_ids: $this.document_idsTarget.value || "", phil_rep: $this.phil_repTarget.value || "", 
                     editor_notes: $this.editor_notesTarget.value || "" }

    if (annotation_id !== null && annotation_id !== undefined && annotation_id !== "") {
      $.ajax({
        url: "/doctrines/" + doctrine_id + "/annotations/" + annotation_id,
        type: 'PUT',
        data: params
      })
    } else {
      $.post("/doctrines/" + doctrine_id + "/annotations", params)
    }
  }
}