(function($) {

  function reorder($container) {
    $container.find("div.nested-fields").each(function(idx, editor) {
      var $editor = $(editor);
      $editor.find('input.sort-order').val(idx + 1).trigger("changed");
    })
  }

  $(document).on("ready page:load", function() {

    $("#step-list")
        .on("cocoon:after-insert", function(e, item) {
          reorder($(this));
        })
        .on("cocoon:after-remove", function(e, item) {
          reorder($(this));
        });


    $("#ingredient-list")
        .on("cocoon:after-insert", function(e, item) {
          reorder($(this));
        })
        .on("cocoon:after-remove", function(e, item) {
          reorder($(this));
        });

    $("#step-list").on('changed', 'input.sort-order', function() {
      var $this = $(this);
      var $span = $this.closest(".nested-fields").find(".sort-order-display");
      $span.html($this.val());
    });
  });


})(jQuery);