// Place all the behaviors and hooks related to the matching controller here.
// All this logic will automatically be available in application.js.
// You can use CoffeeScript in this file: http://coffeescript.org/
ready = function() {
  $('.btn-inc').on('click', function() {
    increment($(this), 1);
  });
  $('.btn-dec').on('click', function() {
    increment($(this), -1);
  });
  $('.form_row').each(function(index, row) {
    updateInput(row, false);
    $(row).on('input', function() {
      updateInput(row);
    });
  });
  recalculate();
};

// Validate input, and then update
updateInput = function(row, useRecalculate) {
  if (useRecalculate == null) {
    useRecalculate = true;
  }
  cell = row.querySelector("input");
  if (!cell.validity.valid) {
    if (parseInt(cell.value) > parseInt(cell.max)) {
      cell.value = parseInt(cell.max);
    } else {
      cell.value = 0;
    }
  }
  disIfNec(row)
  if (useRecalculate) {
    recalculate()
  }
};

disIfNec = function(row) {
  counter = parseInt($(row).find('.row_counter').val())
  $(row).find('.btn-dec').prop('disabled', counter === 0)
  $(row).find('.btn-inc').prop('disabled', counter === parseInt($(row).find('.row_counter').attr('max')))
};

recalculate = function() {
  sum = 0
  $('.row_counter').each(function(i, value) { sum += parseInt($(value).val()) * parseInt($(value).data('price')) })
  return $('#order_price').html((sum / 100.0).toFixed(2))
};

increment = function(button, n) {
  row = $(button).closest('.form_row')

  // Fix the counter
  counter = $(row).find('.row_counter')
  value = parseInt(counter.val())
  if (isNaN(value)) {
    value = 0
  }
  counter.val(value + n)

  updateInput(row[0])
}

$(document).ready(ready);
$(document).on('page:load', ready);