POS-Server/app/views/sales/_add_haggle.html.erb

<%= form_for(@pre_sale, url: create_haggle_path(@pre_sale), remote: true, html: { class: "form-horizontal", id: "haggle_form" }) do |f| %>
<div class="portlet-body form">
  <% if @pre_sale.errors.any? %>
    <div class="alert alert-danger">
      <strong>Tiene <%= pluralize(@product.errors.count, "error") %> no se puede guardar el descuento a producto.</strong><br>
    </div>
  <% end %>
  <div class="form-body">
    <div class="row">
      <div class="col-md-12">
        <p style="margin-top:0px;">
          Producto: <strong> <%= @pre_sale.product.name %> </strong> <br>
          Cantidad: <strong> <%= @pre_sale.quantity %> </strong> <br>
          Importe: <strong> <%= number_to_currency(@pre_sale.total, precision: 2) %> MXN </strong>
        </p>
        <h4 class="form-section"></h4>
        <div class="note note-success">
          <p> <strong>NOTA: </strong>Sólo se puede aplicar descuento de una manera, ya sea en porcentaje o cantidad fija.</p>
          <p>* Las cantidades recomendadas que se muestran son en base al porcentaje establecido en la configuración.</p>
        </div>
        <div class="form-group">
          <%= label_tag :haggle, { class: "col-md-4 control-label" } do %>Porcentaje a aplicar <% end %>
          <div class="col-md-6">
            <div class="input-group">
              <%= number_field_tag :haggle_percent, '', class: "form-control input-mask_decimal", min: 0, max: 100, step: "any" %>
              <span class="input-group-addon"> % </span>
            </div>
            <span class="help-block">Recomendado: <strong><%= @haggle_percent %></strong> %</span>
          </div>
        </div>
        <div class="form-group">
          <%= label_tag :haggle, { class: "col-md-4 control-label" } do %>Cantidad a descontar <% end %>
          <div class="col-md-6">
            <div class="input-group">
              <span class="input-group-addon"> $ </span>
              <%= number_field_tag :haggle_quantity, '', class: "form-control input-mask_decimal", step: "any" %>
              <span class="input-group-addon"> MXN </span>
            </div>
            <span class="help-block">Recomendado: <strong><%= number_to_currency(@suggested_haggle, precision: 2) %></strong></span>
          </div>
        </div>
      </div>
    </div>
  </div>
</div>
<div class="form-actions">
  <h4 class="form-section"> </h4>
  <div class="row">
    <div class="col-md-12">
      <button type="button" class="btn green" id="submit_btn" onclick="submitForm()">Aplicar descuento</button>
      <button type="button" class="btn default" onclick="cerrarDialog()">Cerrar</button>
    </div>
  </div>
</div>
<% end %>
<script>
  $('#haggle_quantity, #haggle_percent').on('input', function() {
    if($(this).attr('id') == 'haggle_percent') {
      $('#haggle_quantity').val('');
    } else {
      $('#haggle_percent').val('');
    }
  });

  function submitForm() {
    var max_percent = <%= @haggle_percent %>;
    var max_quantity = <%= @suggested_haggle.to_f %>;
    var quantity = $('#haggle_quantity').val();
    var percent = $('#haggle_percent').val();
    if((quantity == "" && percent <= max_percent && percent > 0) || (percent == "" && quantity <= max_quantity && quantity > 0)) {
      $("#haggle_form").submit();
    } else {
      toastr["error"]("No puede agregar un descuento que sobrepase el descuento recomendado, y debe indicar el criterio de descuento a aplicar");
    }
  }

  function cerrarDialog() {
    $('#dialog').modal('toggle');
  }
</script>