(function ($) {
  "use strict";

  $('body').on('change', '#hasSubCategory', function (e) {
    if (this.checked) {
      $('#subCategories').removeClass('d-none');
    } else {
      $('#subCategories').addClass('d-none');
    }
  });
  $('body').on('click', '.add-btn', function (e) {
    e.preventDefault();
    var mainRow = $('.main-row');
    var copy = mainRow.clone();
    copy.removeClass('main-row');
    copy.removeClass('d-none');
    var copyHtml = copy.prop('innerHTML');
    copyHtml = copyHtml.replaceAll('record', randomString());
    copy.html(copyHtml);
    $('.draggable-lists').append(copy);
  });
  $('body').on('click', '.remove-btn', function (e) {
    e.preventDefault();
    $(this).closest('.form-group').remove();
  });

  function randomString() {
    var text = "";
    var possible = "ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz";

    for (var i = 0; i < 16; i++) {
      text += possible.charAt(Math.floor(Math.random() * possible.length));
    }

    return text;
  }

  function setSortable(target) {
    if (target.length) {
      target.sortable({
        group: 'no-drop',
        handle: '.move-icon',
        axis: "y",
        update: function update(e, ui) {
          var sortData = target.sortable('toArray', {
            attribute: 'data-id'
          });
          var table = e.target.getAttribute('data-order-table');
        }
      });
    }
  }

  var target = $('.draggable-lists');
  setSortable(target);
})(jQuery);