// = require_self
$(document).ready(function () {
  let selectedProposalsCount = function() {
    return $('.table-list .js-check-all-proposal:checked').length
  }

  window.selectedProposalsCountUpdate = function() {
    if(selectedProposalsCount() == 0){
      $("#js-recategorize-proposals-count").text("")
    } else {
      $("#js-recategorize-proposals-count").text(selectedProposalsCount());
    }
  }

  let showBulkActionsButton = function() {
    if(selectedProposalsCount() > 0){
      $("#js-bulk-actions-button").removeClass('hide');
    }
  }

  let hideBulkActionsButton = function(force = false) {
    if(selectedProposalsCount() == 0 || force == true){
      $("#js-bulk-actions-button").addClass('hide');
      $("#js-bulk-actions-dropdown").removeClass('is-open');
    }
  }

  window.showOtherActionsButtons = function() {
    $("#js-other-actions-wrapper").removeClass('hide');
  }

  let hideOtherActionsButtons = function() {
    $("#js-other-actions-wrapper").addClass('hide');
  }

  let showRecategorizeProposalActions = function() {
    $("#js-recategorize-proposals-actions").removeClass('hide');
  }

  window.hideRecategorizeProposalActions = function() {
    return $("#js-recategorize-proposals-actions").addClass('hide');
  }

  if ($('#js-form-recategorize-proposals').length) {
    window.hideRecategorizeProposalActions();
    $("#js-bulk-actions-button").addClass('hide');

    $("#js-bulk-actions-recategorize").click(function(e){
      e.preventDefault();

      $('#js-form-recategorize-proposals').submit(function(){
        $('.layout-content > .callout-wrapper').html("");
      })

      showRecategorizeProposalActions();
      hideBulkActionsButton(true);
      hideOtherActionsButtons();
    })

    // select all checkboxes
    $(".js-check-all").change(function() {
      $(".js-check-all-proposal").prop('checked', $(this).prop("checked"));

      if ($(this).prop("checked")) {
        $(".js-check-all-proposal").closest('tr').addClass('selected');
        showBulkActionsButton();
      } else {
        $(".js-check-all-proposal").closest('tr').removeClass('selected');
        hideBulkActionsButton();
      }

      selectedProposalsCountUpdate();
    });

    // proposal checkbox change
    $('.table-list').on('change', '.js-check-all-proposal', function (e) {
      let proposal_id = $(this).val()
      let checked = $(this).prop("checked")

      // uncheck "select all", if one of the listed checkbox item is unchecked
      if ($(this).prop("checked") === false) {
        $(".js-check-all").prop('checked', false);
      }
      // check "select all" if all checkbox proposals are checked
      if ($('.js-check-all-proposal:checked').length === $('.js-check-all-proposal').length) {
        $(".js-check-all").prop('checked', true);
        showBulkActionsButton();
      }

      if ($(this).prop("checked")) {
        showBulkActionsButton();
        $(this).closest('tr').addClass('selected');
      } else {
        hideBulkActionsButton();
        $(this).closest('tr').removeClass('selected');
      }

      if ($('.js-check-all-proposal:checked').length === 0) {
        hideBulkActionsButton();
      }

      $('#js-form-recategorize-proposals').find(".js-proposal-id-"+proposal_id).prop('checked', checked);
      selectedProposalsCountUpdate();
    });

    $('#js-cancel-edit-category').on('click', function (e) {
      window.hideRecategorizeProposalActions()
      showBulkActionsButton();
      showOtherActionsButtons();
    });
  }
});