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

<!-- BEGIN FORM-->
<%= form_for(@pre_sale, url: create_haggle_path(@pre_sale), :remote => true, :html => {:class=>"form-horizontal"}) 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>Solo 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="submit" class="btn green"  id="submit_btn">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 cerrarDialog() {
        $('#dialog').modal('toggle');
    }

</script>