$(document).ready(function(){
  $("#available-templates").hide();

  // retrieve the template options and toggle the submit button on page reload
  handleComboboxChange();
  handleCheckboxClick("org", $("#plan_no_org").prop("checked"));
  handleCheckboxClick("funder", $("#plan_no_funder").prop("checked"));
  
  // When the hidden org and funder id fields change toogle the submit button
  $("#plan_org_id, #plan_funder_id").change(function(){
    handleComboboxChange();
  });

  // If there was no selection, highlight the box and display tooltip 
  $("#plan_org_id").change(function(){
    var msg = ($(this).val().trim().length <= 0 ? __('Please select a valid research institution from the list') : '');
    toggleAutocompleteError($("#plan_org_name"), $(this), msg);
  });
  $("#plan_funder_id").change(function(){
    var msg = ($(this).val().trim().length <= 0 ? __('Please select a valid funding organisation from the list') : '');
    toggleAutocompleteError($("#plan_funder_name"), $(this), msg);
  });

  // Make sure the checkbox is unchecked if we're entering text
  $(".js-combobox").keyup(function(){
    var whichOne = $(this).prop('id').split('_')[1];
    $("#plan_no_" + whichOne).prop("checked", false);
  });

  // If the user clicks the no Org/Funder checkbox disable the dropdown 
  // and hide clear button
  $("#plan_no_org, #plan_no_funder").click(function(){
    var whichOne = $(this).prop('id').split('_')[2];
    handleCheckboxClick(whichOne, this.checked);
  });
  
  // When the form receives a valid template id enable the button
  $("#plan_template_id").change(function(){
    $("#create_plan_submit").attr('aria-disabled', ($(this).val().trim().length <= 0));
  });
});

// Only display the submit button if the user has made each decision
// -------------------------------------------------------------
function handleComboboxChange(){
  // If the (no_org checkbox is checked OR an org was selected) AND
  //        (no_funder checkbox is checked OR a funder was selected) AND
  //        (the template selector is not visible OR a template has been selected)
  var retrieve = ($("#plan_no_org").prop("checked") || 
                  $("#plan_org_id").val().trim().length > 0) &&
                 ($("#plan_no_funder").prop("checked") || 
                  $("#plan_funder_id").val().trim().length > 0);
  
  if(retrieve){
    if($("#plan_template_id").val().trim().length <= 0){
      $("form").submit();
    }
    
  }else{
    $("#available-templates").fadeOut();
    $("#plan_template_id").val("");
  }
}

// Clear the combobox and disable it if the box was checked
// -------------------------------------------------------------
function handleCheckboxClick(name, checked){
  $("#plan_" + name + "_name").prop("disabled", checked);
  $("#plan_template_id").val("").change();
  $("#available-templates").fadeOut();
  
  if(checked){
    $("#plan_" + name + "_name").val("");
    $("#plan_" + name + "_id").val("").change();
    $("#plan_" + name + "_name").siblings(".combobox-clear-button").hide();
  }
}