{% extends '@Core/base_sales_point.html.twig' %}

{% block sectionTitle %}
    {% if sale.user %}
        {{ sale.user.name }}
    {% else %}
        Sin vendedor asignado
    {% endif %}
{% endblock %}
{% block sectionActions %}
    <a class="btn bg-color5 btn-rounded heading-btn" href="{{ path('sales_menu') }}"><i class="icon-menu3 position-left"></i>Punto de venta</a>
{% endblock %}
{% block breadcrumbLinks %}
    <li class="" id="seller_li">
        {% if sale.user %}
            {{ sale.user.name }}
        {% else %}
            Sin vendedor asignado
        {% endif %}
    </li>
    <li class="">{{ sale.shop }}</li>
    <li class="">{{ sale.createdAt | date('d-m-Y \\a \\l\\a\\s H:i:s') }}</li>
    <li class="">Nº venta: [ {{ sale.alias }} ]</li>
    {% if sale.invoiceNumberAuto %}
        <li class="">Factura simplificada: [ {{ sale.invoiceNumberAuto }} ]</li>
    {% endif %}
    {% if sale.invoiceNumber %}
        <li class="">Factura nominativa: [ {{ sale.invoiceNumber }} ]</li>
    {% endif %}
    {% if sale.invoiceNumberRectifier %}
        <li class="">Factura rectificativa: [ {{ sale.invoiceNumberRectifier }} ]</li>
    {% endif %}
    {% if sale.isSaleTicketModified %}
        <li class="">[*]</li>
    {% endif %}
    <li>
        <!-- status -->
        <strong>Estado</strong>
        {{ render (controller('CoreBundle:SalesPoint:_saleStateIndicator',{'saleId':sale.getId()})) }}

        <!-- offline sale -->
        {% if sale.offlineSaleId %}
            <span class="label bg-purple">
                Venta OFFLINE: [{{ sale.offlineSaleId }}] - {{ sale.offlineDateCreation }}
            </span>
        {% endif %}

    </li>


{% endblock %}

{% block content %}

    <div id="invoice-print-div" class="">
    </div>

    <div class="container" style="margin-top: 20px;">
        <div class="col-md-12 hidden" id="bodySaleNotAllow">
            <div class="col-md-12 text-center">
                <i class="icon-warning" style="
                   color: red;
                   font-size: 200px;
                   text-align: center;
                "></i>
            </div>
            <div class="col-md-12 mt-20">
                <div class="alert alert-danger alert-styled-left">
                    <span class="text-semibold">Una venta sólo se puede abrir en la pestaña/ventana principal.</span>
                </div>
            </div>
        </div>
    </div>

    <div class="panel-flat hidden" id="bodySale">

        {% set isOpen = false %}

        {% if saleCashpoint is not null and render(controller('CoreBundle:SalesPoint:_ajaxCheckIfCashpointIsOpen', { 'cashpoint' : saleCashpoint.id })) == 'true' %}
            {% set isOpen = true %}
        {% endif %}

        <div class="panel-body" style="padding: 0px !important;">

            <div class="content" >


                {% if not isOpen %}
                    <div class="alert alert-danger alert-styled-left">
                        <span class="text-semibold">Debe abrir una caja o seleccionar una caja abierta</span>
                    </div>
                {% endif %}

                {% for flash_message in app.session.flashBag.get('success') %}
                    <div class="alert alert-success alert-styled-left">
                        <span class="text-semibold">{{ flash_message }}</span>
                    </div>
                {% endfor %}


                {% if sale is defined and sale.notes %}
                    <div class="alert alert-danger alert-styled-left">
                        <span class="text-semibold">{{ sale.notes | raw }}</span>
                    </div>
                {% endif %}

                {% if sale is defined %}
                    {% if sale.isSaleBroken %}
                        <div class="alert alert-danger alert-styled-left">
                            <span class="text-semibold">Venta corrupta por mal uso del punto de venta. Consulte la bitácora de la venta para más información.</span>
                        </div>
                    {% endif %}
                {% endif %}

                <!-- header -->
                <div class="row">

                    <div class="col-md-10">

                        <!-- HEADER -->
                        <div class="row">
                            <div class="">

                                {% if sale.typestatussale.id != constant('CoreBundle\\Entity\\TypeStatusSale::ID_STATUS_TO_COMPLETED') and sale.typestatussale.id != constant('CoreBundle\\Entity\\TypeStatusSale::ID_STATUS_TO_IN_RESERVED_CANCELED') and sale.typestatussale.id != constant('CoreBundle\\Entity\\TypeStatusSale::ID_STATUS_TO_BE_CANCELED')%}
                                    {% if  showScanBarIntoSale %}
                                        <!-- barcode scan -->
                                        <div class="col-md-6">
                                            <div class="input-group form-group">
                                                <span class="input-group-addon bg-pink"><i class="icon-search4"></i></span>
                                                <input class="form-control scan_enter" id="code-scan-sales" type="text" placeholder="Introduzca el código de barras" tabindex="0" autofocus/>
                                                <div id="articleSearch">
                                                    {{ render(controller('CoreBundle:Article:_scan')) }}
                                                </div>
                                            </div>
                                        </div>
                                    {% endif %}
                                {% endif %}


                                {% if sale.isInvoiced == false %}
                                    {% if   sale.typestatussale.id != constant('CoreBundle\\Entity\\TypeStatusSale::ID_STATUS_TO_IN_RESERVED')
                                        and sale.typestatussale.id != constant('CoreBundle\\Entity\\TypeStatusSale::ID_STATUS_TO_IN_RESERVED_CANCELED')
                                        and sale.typestatussale.id != constant('CoreBundle\\Entity\\TypeStatusSale::ID_STATUS_TO_BE_CANCELED')%}
                                        <div class="col-md-6"></div>
                                        <!-- client scan -->
                                        <div class="col-md-6">
                                            <!-- ADD OR EDIT CUSTOMER -->
                                            {% if sale.customer is null %}
                                                <a href="#" class="btn border-teal text-teal btn-flat btn-rounded btn-icon btn-xs valign-text-bottom"  onclick="openCustomerSaleDialog()" oncontextmenu="return false;"><i class="icon-plus3"></i></a>
                                            {% else %}
                                                <a href="#" class="btn border-teal text-teal btn-flat btn-rounded btn-icon btn-xs valign-text-bottom"  onclick="openCustomerSaleDialog()" oncontextmenu="return false;"><i class="icon-user"></i></a>
                                            {% endif %}
                                            <div class="input-group form-group" style="float: right; width: 90%">
                                                <span class="input-group-addon bg-info"><i class="icon-user"></i></span>
                                                <input type="text" class="form-control typeahead" id="customer_sale" name="customer_sale" placeholder="Introduzca un cliente para asignar la venta">
                                            </div>
                                        </div>
                                    {% endif %}
                                {% endif %}




                            </div>
                        </div>
                        <!-- HEADER -->

                        <!-- articles -->
                        <div class="col-md-6" style="padding-left: 0px !important;">

                            <!-- ARTICLES BASKET -->
                            <div class="panel panel-flat">
                                <div class="panel-heading">
                                    <h6 class="panel-title" style="margin-bottom: 0px;">
                                        {% set elementsOnSale = sale.saleElement | length %}
                                        <span class="label label-flat label-rounded label-icon border-purple text-purple-600"
                                              style="font-size: 15px; margin: 5px; width: 35px;display: inline-block;">
                                        {{ elementsOnSale }}
                                        </span>
                                        ARTICULO{% if elementsOnSale == 0 or elementsOnSale > 1 %}S{% endif %} EN LA VENTA
                                    </h6>
                                </div>

                                <div class="panel-body">

                                    <div id="articlesSaleList">
                                        {% if sale.getid() is not null %}
                                            {{ render (controller('CoreBundle:SalesPoint:_salesArticles',{'saleId':sale.getId()})) }}
                                        {% endif %}
                                    </div>

                                </div>

                            </div>

                            <!-- ARTICLES BASKET RESERVED -->
                            {% if (sale.transfer | length ) > 0 %}
                                <div class="panel panel-flat" style="border-color: deepskyblue;">
                                    <div class="panel-heading">
                                        <h6 class="panel-title" style="margin-bottom: 0px;">
                                            {% set trasnferOnSale = sale.transfer | length %}
                                            <span class="label label-flat label-rounded label-icon border-info text-info-600"
                                                  style="font-size: 15px; margin: 5px; width: 35px;display: inline-block;">
                                            {{ trasnferOnSale }}
                                            </span>
                                            <span class="text-info">ARTICULO{% if elementsOnSale == 0 or elementsOnSale > 1 %}S{% endif %} SOLICITADOS</span>
                                        </h6>
                                    </div>

                                    <div class="panel-body">

                                        <div id="transferSaleList">
                                            {% if sale.getid() is not null %}
                                                {{ render (controller('CoreBundle:SalesPoint:_salesTransfers',{'saleId':sale.getId()})) }}
                                            {% endif %}
                                        </div>

                                    </div>

                                </div>

                            {% endif %}

                            <!-- STOCK OPTIMIZATION FOR PENDING -->
                            {% if (stockOptimizationsPending | length ) > 0 %}
                                <div class="panel panel-flat" style="border-color: orange;">
                                    <div class="panel-heading">
                                        <h6 class="panel-title" style="margin-bottom: 0px;">
                                                    <span class="label label-flat label-rounded label-icon border-warning text-warning-600"
                                                          style="font-size: 15px; margin: 5px; width: 35px;display: inline-block;">
                                                        {{ stockOptimizationsPending | length }}
                                                    </span>
                                            <span class="text-warning-300">PENDIENTE DE RECEPCIÓN</span>
                                        </h6>
                                    </div>

                                    <div class="panel-body">

                                        <div id="pendigTransferSaleList">
                                            <!-- RESERVATIONS -->
                                            <ul class="media-list">

                                                {% for stockOpti in stockOptimizationsPending %}
                                                    {% for obj in stockOpti.stockOptimizationElement %}

                                                        <li class="media panel panel-body stack-media-on-mobile">

                                                            <div class="row">

                                                                <div class="col-md-6">
                                                                    <a  href="{{obj.article.getWebPath() | imagine_filter('big_prop')}}" class="" data-popup="lightbox"><img src="{{obj.article.getWebPath | imagine_filter('big_prop')}}" width="100px"/></a>

                                                                    <div class="media-body">
                                                                        <h6 class="media-heading text-semibold">
                                                                            <a href="{{ path('article',{'id':obj.article.getId}) }}" class="text-muted" oncontextmenu="return false;">{{ obj.article.articleModel }}</a>
                                                                            · <a href="#" class="text-muted" oncontextmenu="return false;">{{ obj.article.articleColor }}</a>
                                                                        </h6>

                                                                        <ul class="list-inline mb-10">
                                                                            <li>{{ obj.article.dealer }}</li>
                                                                            <li>{{ obj.article.brand }}</li>
                                                                        </ul>
                                                                    </div>

                                                                </div>


                                                                <div class="col-md-6">

                                                                    <!-- TYPE SIZE -->
                                                                    <div class=" text-center">
                                                                            <span class="label label-flat label-rounded label-icon border-purple text-purple-600" style="font-size: 25px; margin: 5px; min-width: 55px;">
                                                                            {{ obj.getTypeSize.description }}
                                                                            </span>
                                                                    </div>

                                                                    <!-- STATUS LABEL -->
                                                                    <span class="text-center" style="">

                                                                        {% if stockOpti.isClosed %}
                                                                            <span class="label bg-danger-600">Cerrada</span>
                                                                        {% else %}
                                                                            <span class="label bg-success-600">Abierta</span>
                                                                        {% endif %}

                                                                        {%  if roleRight %}
                                                                            <a class="btn btn-rounded btn btn-flat text-info border-info mt-10" style="width: 100%" href="{{ path('optimization_stock_edit',{'id': stockOpti.getId}) }}"><i class=" icon-arrow-right5"></i> {{ stockOpti.alias }}</a>
                                                                        {% else %}
                                                                            {{ stockOpti.alias }}
                                                                        {% endif %}
                                                                    </span>

                                                                </div>


                                                            </div>
                                                        </li>

                                                    {% endfor %}
                                                {% endfor %}

                                            </ul>
                                            <!-- RESERVATIONS -->

                                        </div>

                                    </div>

                                </div>
                            {% endif %}



                        </div>
                        <!-- articles -->


                        <!-- RIGHT COLUMN -->
                        <div class="col-md-6" style="padding-right: 0px !important;">

                            <!-- table payments -->
                            <div class="panel panel-flat">
                                <div class="panel-heading">
                                    <h6 class="panel-title" style="margin-bottom: 0px;">FORMA DE PAGO</h6>
                                </div>

                                <div class="panel-body">

                                    <div id="paymentsList">
                                        {% if sale.getid() is not null %}
                                            {{ render (controller('CoreBundle:SalesPoint:_salesPaymentList',{'saleId':sale.getId()})) }}
                                        {% endif %}
                                    </div>

                                </div>

                            </div>
                            <!-- table payments -->

                            <!-- TOTAL PRICES -->
                            <div class="panel panel-flat">
                                <div class="panel-heading">
                                    <h6 class="panel-title" style="margin-bottom: 0px;">IMPORTE DE LA VENTA</h6>
                                </div>

                                <div class="panel-body">
                                    {% if sale.getid() is not null %}
                                        {{ render (controller('CoreBundle:SalesPoint:_salesTotal',{'saleId':sale.getId()})) }}
                                    {% endif %}

                                    <!-- COUPON -->
                                    {% if sale.coupon %}
                                        <button type="button" class="btn bg-primary-300 btn-labeled btn-rounded" style="float: right"><b><i class="icon-ticket"></i></b> {{ sale.coupon.name }}</button>
                                    {% endif %}

                                    <!-- FIDELITY CARD -->
                                    {% if sale.fidelityCard %}
                                        <button type="button" class="btn bg-primary-300 btn-labeled btn-rounded" style="float: right;background-color: #bf9b30;border-color: #bf9b30;"><b><i class="icon-chess-king"></i></b> {{ sale.fidelityCard.description }}</button>
                                    {% endif %}

                                    <!-- PIGGY BANK -->
                                    {% if sale.amountPiggyBank %}
                                        <button type="button" class="btn bg-primary-300 btn-labeled btn-rounded" style="float: right;background-color: #bf9b30;border-color: #bf9b30;"><b><i class="icon-piggy-bank"></i></b> {{ sale.amountPiggyBank | number_format(2, ',', '.') }}€</button>
                                    {% endif %}
                                </div>

                            </div>
                            <!-- TOTAL PRICES -->

                            <!-- INTERNAL NOTES -->
                            <div class="panel panel-flat">
                                <div class="panel-heading">
                                    <h6 class="panel-title" style="margin-bottom: 0px;">NOTAS INTERNAS</h6>
                                </div>

                                <div class="panel-body">
                                    <div class="col-xs-12">
                                        <textarea class=" form-control typeahead" placeholder="Ej.: Notas internas sobre la venta" name="sales_internal_notes" id="sales_internal_notes">{{ sale.notesInternal }}</textarea>
                                    </div>
                                    <div class="col-xs-12 mt-5">
                                        <button class="btn-rounded btn bg-color3 pull-right" id="" onclick="saveInternalNotes()">
                                            <i class="icon-download position-left"></i>Guardar notas internas
                                        </button>
                                    </div>
                                </div>

                            </div>
                            <!-- INTERNAL NOTES -->


                        </div>
                        <!-- table payments -->

                    </div>

                    <!-- SIDEBAR -->
                    <div class="col-md-2">

                        <div class="panel panel-flat">

                            <div class="panel-body">


                                <div class="sidebar-category">

                                    <!-- CUSTOMER -->
                                    <div class="form-group">
                                        <strong>Cliente</strong><br>
                                        <div class="media-body">
                                            <hr>
                                            <a href="#" class="col-md-12 display-inline-block text-default text-semibold letter-icon-title" id="customer_sale_name"  name="customer_sale_name" style="padding: 0px;">
                                                {% if sale.customer.id is defined %}

                                                    {% if sale.typestatussale.id != constant('CoreBundle\\Entity\\TypeStatusSale::ID_STATUS_TO_COMPLETED') %}

                                                        <!-- FIDELITY CARD -->
                                                        {% if sale.customer.fidelityCard %}

                                                            <div style="display: inline-block;width:48%;">
                                                                <button type="button" class="btn btn-info btn-float" style="padding: 9px;background-color: #bf9b30;border-color: #bf9b30;width:100%;"  id="fidelity_card_btn" onclick="useFidelityCard()"><i class="icon-chess-king"></i> <span style="font-size:9px;">- {{ sale.customer.fidelityCard.amount }} % </span></button>
                                                            </div>

                                                        {% endif %}

                                                        <!-- PIGGY BANK -->
                                                        {% if sale.customer.piggyBank %}

                                                            <div style="display: inline-block;width:99%;">
                                                                <button type="button" class="btn btn-info btn-float" style="margin-top:5px;padding: 9px;background-color: #bf9b30;border-color: #bf9b30;width:100%;"  id="piggy_bank_btn" onclick="usePiggyBank()"><i class="icon-piggy-bank"></i> <span style="font-size:9px;"> {{ sale.customer.piggyBank.description }}  </span></button>
                                                            </div>

                                                        {% endif %}

                                                        <!-- COUPONS CARD -->
                                                        {% if sale.customer %}
                                                            {% if (coupons | length) > 0 %}

                                                                <div style="display: inline-block;width:48%;">
                                                                    <button type="button" class="btn bg-primary-300 btn-float" style="padding: 9px;width:100%;" id="coupons_btn" onclick="useCoupons()"><i class="icon-ticket"></i> <span style="font-size:9px;">CUPONES</span></button>
                                                                </div>


                                                            {% endif %}
                                                        {% endif %}

                                                        <!-- COUPONS CODE -->
                                                        {% if sale.customer %}
                                                            {% if (couponsCode | length) > 0 %}

                                                                <div style="display: inline-block;width:48%; text-align:center;">
                                                                    <button type="button" class="btn bg-primary-800 btn-float" style="padding: 9px;width:100%;" id="couponsCode_btn" onclick="useCouponsCode()"><i class="icon-ticket"></i> <span style="font-size:9px;">CUPONES CÓDIGO</span></button>
                                                                </div>


                                                            {% endif %}
                                                        {% endif %}

                                                    {% endif %}

                                                    <br>
                                                    <!-- CUSTOMER DATA -->
                                                    [{{ sale.customer.getTelephone }}]
                                                    <br>
                                                    {{ sale.customer.getName }}

                                                {% else %}
                                                    Sin cliente asociado.
                                                {% endif %}</a>
                                            <div class="text-muted text-size-small" id="customer_sale_type"  name="customer_sale_type">{% if sale.customer.id is defined %} {% if sale.customer.gettypecustomer %} {{ sale.customer.gettypecustomer.description }}{% endif %}{% endif %}</div>

                                            {% if sale.isInvoiced == true %}
                                                <span class="label label-flat label-rounded border-success text-success-600" style="margin-top: 5px;margin-bottom: 5px;">Facturado</span>
                                            {% endif %}

                                            <hr>
                                            <div id="customer_sale_delete_customer_id"  name="customer_sale_delete_customer_id"  class="hidden">{% if sale.customer.id is defined %} {{ sale.customer.id }}  {% endif %}</div>
                                            {% if sale.typestatussale.id != constant('CoreBundle\\Entity\\TypeStatusSale::ID_STATUS_TO_COMPLETED') and sale.typestatussale.id != constant('CoreBundle\\Entity\\TypeStatusSale::ID_STATUS_TO_IN_RESERVED') and sale.typestatussale.id != constant('CoreBundle\\Entity\\TypeStatusSale::ID_STATUS_TO_IN_RESERVED_CANCELED') %}
                                                <div id="customer_sale_delete_customer"  name="customer_sale_delete_customer" style="cursor:pointer" {% if sale.customer.id is not defined %} class="hidden" {% endif %} onclick="deleteCustomFromSale();"><i class="icon-user-cancel"></i> Borrar cliente</div>
                                            {% else %}
                                                {% if sale.customer is not null %}
                                                    <a class="text-color3" href="{{ path('customer_edit',{'id':sale.customer.getId}) }}"><i class="icon-circle-right2"></i> Acceder a la ficha</a>
                                                {% endif %}
                                            {% endif %}

                                        </div>
                                    </div>


                                    {% if render(controller('CoreBundle:SalesPoint:doesTheSaleHaveTransfers', { 'sale' : sale.id })) == 'true' and sale.customer is not null %}
                                        <div class="form-group" id="test">
                                            {% if cashpoints | length > 0%}
                                                <strong>Cuenta bancaria</strong><br>
                                                <select  class="form-control input-circle typeahead select-search" id="company_bank_account_selected" style="margin-bottom: 10px" autocomplete="off">
                                                    {% for account in companyBankAccounts %}
                                                        <option value="{{ account.id }}">{{ account.accountNumber }}</option>
                                                    {% endfor %}
                                                </select>
                                            {% endif %}
                                        </div>
                                    {% endif %}

                                    <div class="">
                                        <div class="row">
                                            <div class="col-xs-12">

                                                <!-- SELLER -->
                                                <div class="">
                                                    <div class="" id="test_seller">
                                                        <strong>Vendedor</strong>
                                                        <select  class="form-control input-circle typeahead select-search" id="seller_select" style="margin-bottom: 10px" autocomplete="off">
                                                            {% if not seller %}
                                                            <option value="none_seller_selected">Seleccione un vendedor</option>
                                                            {% endif %}
                                                            {% for u in userInShop %}
                                                                <option value="{{ u.id }}"
                                                                        {% if seller and seller.id == u.id %}
                                                                            selected
                                                                        {% endif %}
                                                                >{{ u.name }}</option>
                                                            {% endfor %}
                                                        </select>
                                                    </div>
                                                </div>
                                                <!-- /SELLER -->

                                                {% if sale.typestatussale.id == constant('CoreBundle\\Entity\\TypeStatusSale::ID_STATUS_TO_IN_RESERVED_CANCELED') %}
                                                {% if sale.customer.id is defined %}


                                                    <strong>Fecha de reserva</strong><br>{{ sale.dateReservation | date('d/m/Y') }}

                                                    <!-- reserved canceled -->
                                                    <!-- add payment -->
                                                    <a class="btn bg-teal-400 btn-block btn-float btn-float-lg" type="button" role="button"
                                                            id="new_payment_btn"
                                                            onclick="fillMissingAmount()" style="margin-top: 10px">
                                                        <i class="icon-plus-circle2 position-left button_label_cc_icon_horizontal"></i>
                                                        <div class="button_label_cc_text">
                                                            AÑADIR <BR>PAGO
                                                        </div>
                                                    </a>

                                                    <!-- done -->
                                                    <a class="text-white btn bg-warning-400 btn-block btn-float btn-float-lg" type="button" id="close_sale_reserve" style="margin-top: 10px;">
                                                    <i class="icon-printer4 position-left button_label_cc_icon_horizontal"></i>
                                                    <div class="button_label_cc_text">
                                                        IMPRIMIR <BR>RESERVA
                                                    </div>
                                                    </a>

                                                {% endif %}
                                                {% endif %}

                                                <!-- regular process -->
                                                {% if sale.typestatussale.id < constant('CoreBundle\\Entity\\TypeStatusSale::ID_STATUS_TO_BE_CANCELED') and isOpen %}

                                                    {% if not isWarehouseAssistant %}

                                                        {% if isLite == true and groupConfiguration.useReturnsWithoutSaleTicket == true %}
                                                        <!-- STOCK LITE RETURN -->
                                                        <a class="text-white btn bg-blue-300 btn-block btn-float btn-float-lg" type="button" id="stock_lite_return_btn" onclick="openModalStockLiteReturn();" oncontextmenu="return false;">
                                                            <i class="icon-arrow-left5 position-left button_label_cc_icon_horizontal"></i>
                                                            <div class="button_label_cc_text">
                                                                DEVOLVER <BR>ARTÍCULO
                                                            </div>
                                                        </a>
                                                        {% endif %}


                                                        <!-- SALES ASSISTANT -->
                                                        <a class="text-white btn bg-pink-400 btn-block btn-float btn-float-lg" type="button" id="sales_assistant_btn" onclick="openModalSalesAssistant()" oncontextmenu="return false;">
                                                            <i class="icon-question6 position-left button_label_cc_icon_horizontal"></i>
                                                            <div class="button_label_cc_text">
                                                                ASISTENTE <BR>DE VENTAS
                                                            </div>
                                                        </a>

                                                        <!-- ADD PAYMENT -->
                                                        <button class="btn bg-teal-400 btn-block btn-float btn-float-lg" type="button" role="button" oncontextmenu="return false;"
                                                                id="new_payment_btn"
                                                                onclick="fillMissingAmount()" style="margin-top: 10px">
                                                            <i class="icon-plus-circle2 position-left button_label_cc_icon_horizontal"></i>
                                                            <div class="button_label_cc_text">
                                                                AÑADIR <BR>PAGO
                                                            </div>
                                                        </button>

                                                        <!-- BOLSA -->
                                                        {% if groupConfiguration.useBagOnSale %}
                                                            <a class="text-white btn bg-grey btn-block btn-float btn-float-lg" type="button" id="add_bag" oncontextmenu="return false;" onclick="ajaxAddBagToSale()">
                                                                <i class="icon-bag position-left button_label_cc_icon_horizontal"></i>
                                                                <div class="button_label_cc_text">
                                                                    AÑADIR BOLSA <br>Tipo 1
                                                                </div>
                                                            </a>
                                                        {% endif %}
                                                        <!-- BOLSA 2 -->
                                                        {% if groupConfiguration.useBagOnSale2 %}
                                                            <a class="text-white btn bg-grey btn-block btn-float btn-float-lg" type="button" id="add_bag" oncontextmenu="return false;" onclick="ajaxAddBagToSale2()">
                                                                <i class="icon-bag position-left button_label_cc_icon_horizontal"></i>
                                                                <div class="button_label_cc_text">
                                                                    AÑADIR BOLSA <br>Tipo 2
                                                                </div>
                                                            </a>
                                                        {% endif %}
                                                        <!-- BOLSA 3-->
                                                        {% if groupConfiguration.useBagOnSale3 %}
                                                            <a class="text-white btn bg-grey btn-block btn-float btn-float-lg" type="button" id="add_bag" oncontextmenu="return false;" onclick="ajaxAddBagToSale3()">
                                                                <i class="icon-bag position-left button_label_cc_icon_horizontal"></i>
                                                                <div class="button_label_cc_text">
                                                                    AÑADIR BOLSA <br>Tipo 3
                                                                </div>
                                                            </a>
                                                        {% endif %}

                                                        <!-- DISCOUNTS CUSTOMS -->
                                                        {% if sale.user and not sale.user.disableUserForDiscount  %}
                                                            {% if groupConfiguration.useJustCustomDiscountsOnTPV %}
                                                                <a class="text-white btn bg-orange-300 btn-block btn-float btn-float-lg" type="button" id="discount_custom_btn" onclick="openModalDiscountCustom()">
                                                                    <i class="icon-price-tag2 position-left button_label_cc_icon_horizontal"></i>
                                                                    <div class="button_label_cc_text">
                                                                        DESCUENTOS <br>AL CLIENTE
                                                                    </div>
                                                                </a>
                                                            {% endif %}
                                                        {% endif %}

                                                        {% if sale.typestatussale.id != constant('CoreBundle\\Entity\\TypeStatusSale::ID_STATUS_TO_IN_RESERVED') %}

                                                            <!-- ESPERA -->
                                                            <a class="text-white btn bg-purple-300 btn-block btn-float btn-float-lg" onclick="onHold()" type="button" oncontextmenu="return false;">
                                                                <i class="icon-alarm position-left button_label_cc_icon_horizontal"></i>
                                                                <div class="button_label_cc_text">
                                                                    PONER <br>EN ESPERA
                                                                </div>
                                                            </a>

                                                            <!-- CANCEL -->
                                                            <a class="text-white btn bg-warning-400 btn-block btn-float btn-float-lg" onclick="cancelSale()" type="button" oncontextmenu="return false;">
                                                                <i class="icon-cancel-circle2 position-left button_label_cc_icon_horizontal"></i>
                                                                <div class="button_label_cc_text">
                                                                    CANCELAR <BR>VENTA
                                                                </div>
                                                            </a>
                                                        {% endif %}

                                                        {% if sale.typestatussale.id != constant('CoreBundle\\Entity\\TypeStatusSale::ID_STATUS_TO_IN_RESERVED') %}
                                                            {% if sale.customer.id is defined %}
                                                                <!-- reserved -->
                                                                <a class="text-white btn bg-info-300 btn-block btn-float btn-float-lg" href="#" type="button" onclick="checkIsWeCanReserveThisSale()" oncontextmenu="return false;">
                                                                    <i class="icon-lock5 position-left button_label_cc_icon_horizontal"></i>
                                                                    <div class="button_label_cc_text">
                                                                        RESERVAR <BR>AL CLIENTE
                                                                    </div>
                                                                </a>

                                                                {% if groupConfiguration.useFixedPriceInReservations %}
                                                                    <!-- fixed reserved -->
                                                                    <a class="text-white btn bg-info-800 btn-block btn-float btn-float-lg" href="#" type="button" onclick="checkIsWeCanReserveThisSaleFixedPrices()" oncontextmenu="return false;">
                                                                        <i class="icon-lock5 position-left button_label_cc_icon_horizontal"></i>
                                                                        <div class="button_label_cc_text">
                                                                            RESERVAR AL CLIENTE <BR>CON PRECIO FIJO
                                                                        </div>
                                                                    </a>
                                                                {% endif %}

                                                            {% endif %}
                                                        {% else %}

                                                            <!-- date reservation -->
                                                            <div class="form-group" style="margin-top: 10px;">
                                                                <label>Reservado hasta</label>
                                                                <input type="text" id="date_reservation" name="date_reservation" placeholder="Fecha reserva" class="form-control input-inline datepicker typeahead form-control" data-provide="datepicker" data-date-format="dd-mm-yyyy" value="{% if sale.dateReservation is not null %}{{ sale.dateReservation|date('d-m-Y') }}{% endif %}"  onchange="saveDateReservation()" {% if  isPossibleUseRequestSaleAssistantPending == false and isPossibleUseRequestSaleAssistantRegular == false %}disabled{% endif %}/>
                                                            </div>

                                                            <!-- cancel reservation -->
                                                            <a class="text-white btn bg-warning-400 btn-block btn-float btn-float-lg" href="#" type="button" onclick="checkIsWeCanCloseReserveThisSale()" oncontextmenu="return false;">
                                                                <i class="icon-unlocked2 position-left button_label_cc_icon_horizontal"></i>
                                                                <div class="button_label_cc_text">
                                                                    CANCELAR <br>RESERVA
                                                                </div>
                                                            </a>

                                                        {% endif %}

                                                        {% if sale.typestatussale.id < constant('CoreBundle\\Entity\\TypeStatusSale::ID_STATUS_TO_BE_CANCELED') and totalMissing <= 0 and (sale.saleElement | length) > 0 and render(controller('CoreBundle:SalesPoint:isShopIssuedGiftCard', {'sale' : sale.id})) == 'false'%}
                                                            <!-- done -->
                                                            <button class="text-white btn bg-blue btn-block btn-float btn-float-lg clacclac-big-button-spinner" onclick="salesDone()" type="button" oncontextmenu="return false;">
                                                                <i class="icon-check position-left button_label_cc_icon_horizontal"></i>
                                                                <div class="button_label_cc_text">
                                                                    FINALIZAR <BR>VENTA
                                                                </div>
                                                            </button>
                                                        {% endif %}

                                                    {% endif %}

                                                {% endif %}


                                                {{ render(controller('CoreBundle:SalesPoint:checkSaleIfShopIssuesGiftCard', {'saleId' : sale.id, 'totalMissing' : totalMissing })) }}


                                                {% if sale.typestatussale.id == constant('CoreBundle\\Entity\\TypeStatusSale::ID_STATUS_TO_COMPLETED') %}

                                                    {% if not isWarehouseAssistant %}

                                                        <!-- new sale -->
                                                        <a class="double_click_disabled text-white btn bg-green-600 btn-block btn-float btn-float-lg" type="button" id="" href="{{ path('sales_detail') }}" oncontextmenu="return false;">
                                                            <i class="icon-add position-left button_label_cc_icon_horizontal"></i>
                                                            <div class="button_label_cc_text">
                                                                NUEVA<br>VENTA
                                                            </div>
                                                        </a>

                                                        <!-- email e-ticket html -->
                                                        <a class="text-white btn bg-blue-800 btn-block btn-float btn-float-lg" type="button" id="send_ticket" oncontextmenu="return false;">
                                                            <i class="icon-envelop2 position-left button_label_cc_icon_horizontal"></i>
                                                            <div class="button_label_cc_text">
                                                                ENVIAR TICKET <br>POR EMAIL
                                                            </div>
                                                        </a>


                                                        <!-- print ticket html -->
                                                        <a class="text-white btn bg-teal-400 btn-block btn-float btn-float-lg" type="button" id="close_sale" oncontextmenu="return false;">
                                                            <i class="icon-printer4 position-left button_label_cc_icon_horizontal"></i>
                                                            <div class="button_label_cc_text">
                                                                IMPRIMIR <br>TICKET
                                                            </div>
                                                        </a>

                                                        <!--gift ticket -->
                                                        <a class="text-white btn bg-pink-400 btn-block btn-float btn-float-lg" type="button" id="close_sale_ticket_regalo" oncontextmenu="return false;">
                                                            <i class="icon-printer4 position-left button_label_cc_icon_horizontal"></i>
                                                            <div class="button_label_cc_text">
                                                                IMPRIMIR <BR>TICKET REGALO
                                                            </div>
                                                        </a>

                                                        {% if sale.customer.id is defined %}
                                                            <!-- done -->
                                                            <a class="text-white btn bg-indigo-300 btn-block btn-float btn-float-lg" type="button" id="close_sale_invoice" oncontextmenu="return false;">
                                                                <i class="icon-printer4 position-left button_label_cc_icon_horizontal"></i>
                                                                <div class="button_label_cc_text">
                                                                    IMPRIMIR <BR>FACTURA
                                                                </div>
                                                            </a>
                                                            {% if sale.invoiceNumber %}
                                                                <!-- factura rectificativa -->
                                                                <a class="text-white btn bg-indigo-800 btn-block btn-float btn-float-lg" type="button" id="print_invoice_rectifier" oncontextmenu="return false;">
                                                                    <i class="icon-printer4 position-left button_label_cc_icon_horizontal"></i>
                                                                    <div class="button_label_cc_text">
                                                                        FACTURA <BR> RECTIFICATIVA
                                                                    </div>
                                                                </a>
                                                            {% endif %}
                                                        {% endif %}

                                                    {% endif %}
                                                {% endif %}

                                                {% if sale.typestatussale.id == constant('CoreBundle\\Entity\\TypeStatusSale::ID_STATUS_TO_IN_RESERVED') %}
                                                    {% if sale.customer.id is defined %}
                                                        {% if not isWarehouseAssistant %}
                                                            <!-- reservation ticket -->
                                                            <a class="text-white btn bg-teal-400 btn-block btn-float btn-float-lg" type="button" id="close_sale_reserve" style="margin-top: 10px;" oncontextmenu="return false;">
                                                                <i class="icon-printer4 position-left button_label_cc_icon_horizontal"></i>
                                                                <div class="button_label_cc_text">
                                                                    IMPRIMIR <BR>RESERVA
                                                                </div>
                                                            </a>
                                                        {% endif %}
                                                    {% endif %}
                                                {% endif %}

                                                {% if not isWarehouseAssistant %}
                                                    <!-- open cashdrawer-->
                                                    <a class="text-white btn bg-red btn-block btn-float btn-float-lg mt-10" type="button" id="open_cashdrawer" oncontextmenu="return false;">
                                                        <i class="icon-drawer position-left button_label_cc_icon_horizontal"></i>
                                                        <div class="button_label_cc_text">
                                                            ABRIR <BR>CAJÓN
                                                        </div>
                                                    </a>
                                                {% endif %}

                                                <!-- SAIMAPAY DIALOG-->
                                                {% if rawTicketSaimapay != "" %}
                                                <a class="text-white btn bg-brown-300 btn-block btn-float btn-float-lg mt-10" type="button" id="open_raw_ticket" oncontextmenu="return false;">
                                                    <i class="icon-file-check2 position-left button_label_cc_icon_horizontal"></i>
                                                    <div class="button_label_cc_text">
                                                        RESGUARDO <BR>PIN PAD
                                                    </div>
                                                </a>
                                                {% endif %}

                                                <!-- TICKET BAI-->
                                                {% if saleTicketBAI | length > 0 %}
                                                <a class="text-white btn bg-black btn-block btn-float btn-float-lg mt-10" type="button" id="open_ticket_bai" oncontextmenu="return false;">
                                                    <i class="icon-qrcode position-left button_label_cc_icon_horizontal"></i>
                                                    <div class="button_label_cc_text">
                                                        TICKET <BR>BAI
                                                    </div>
                                                </a>
                                                {% else %}
                                                    {% if sale.shop.company.enabledTicketBAI %}
                                                        {% if sale.typestatussale.id == constant('CoreBundle\\Entity\\TypeStatusSale::ID_STATUS_TO_COMPLETED') %}
                                                            {% if sale.saleElement | length > 0 %}
                                                                <a class="text-white btn bg-black btn-block btn-float btn-float-lg mt-10" type="button" id="send_to_ticket_bai" oncontextmenu="return false;">
                                                                    <i class="icon-qrcode position-left button_label_cc_icon_horizontal"></i>
                                                                    <div class="button_label_cc_text">
                                                                        ENVIAR A <BR> TICKET BAI
                                                                    </div>
                                                                </a>
                                                            {% endif %}
                                                        {% endif %}
                                                    {% endif %}
                                                {% endif %}

                                                <a class="text-white btn bg-info-400 btn-block btn-float btn-float-lg mt-10" type="button" id="open_saleBinnacle" oncontextmenu="return false;">
                                                    <i class="icon-notebook position-left button_label_cc_icon_horizontal"></i>
                                                    <div class="button_label_cc_text">
                                                        BITÁCORA <BR>DE VENTA
                                                    </div>
                                                </a>


                                            </div>

                                        </div>
                                    </div>


                                    <!-- cashpoint -->
                                    <div class="" style="margin-top: 20px;">
                                        <div class="form-group" id="test">
                                            {% if cashpoints | length > 0%}
                                                <strong>Caja</strong>
                                                <select  class="form-control input-circle typeahead select-search" id="cashpoint_selected" style="margin-bottom: 10px" autocomplete="off">
                                                    {% for cashpoint in cashpoints %}
                                                        <option value="{{ cashpoint.id }}"
                                                                {% if saleCashpoint.id == cashpoint.id %}
                                                                    selected
                                                                {% endif %}
                                                        >{{ cashpoint.name }}</option>
                                                    {% endfor %}
                                                </select>
                                            {% endif %}
                                        </div>
                                    </div>

                                    <!-- manage cashpoint -->
                                    <div class="" style="margin-top: 20px;">
                                        <div class="form-group" id="test">
                                            {% if sale.manageCashpoint is not null%}
                                                <strong>Control de caja</strong>
                                                <small style="font-size: 10px">{{ sale.manageCashpoint.alias }}</small>
                                            {% endif %}
                                        </div>
                                    </div>

                                </div>

                            </div>

                        </div>

                    </div>

                    </div>
                    <!-- SIDEBAR -->

            </div>


        </div>

        {{ render (controller('CoreBundle:SalesPoint:_salePaymentDetail',{'saleId':sale.id})) }}

        <!-- ETIKET MODAL -->
        <div class="modal fade" id="eticket_modal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel">

            <div class="modal-dialog">
                <div class="modal-content">

                    <div class="modal-header">
                        <h5 class="modal-title">Enviar ticket por correco electrónico</h5>
                    </div>

                    <div class="modal-body">
                        <div class="input-group form-group mt-10" style="">
                            <span class="input-group-addon bg-grey"><i class="icon-envelop"></i></span>
                            <input type="text" class="form-control" id="email_eticket" name="email_eticket" placeholder="Email" {% if sale.customer %} value="{{ sale.customer.email }}" {% endif %}>
                        </div>
                    </div>

                    <div class="modal-footer">

                        <button type="button" class="btn-rounded btn btn-flat border-color3 text-color3" data-dismiss="modal">
                            <i class="glyphicon glyphicon-remove"></i>
                            Cerrar</button>

                        <button type="button" class="btn-rounded btn bg-color3"  id="btn_send_eticket">
                            <i class="glyphicon glyphicon-send"></i>
                            Enviar email
                        </button>
                    </div>

                </div>
            </div>


        </div>

        <!-- TICKET BAI MODAL -->
        <div class="modal fade" id="ticket_bai_modal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel">

            <div class="modal-dialog">
                <div class="modal-content">

                    {% if saleTicketBAI|length > 0 %}
                        <div class="modal-header">
                            <h5 class="modal-title">Información Ticket BAI</h5>
                        </div>

                        <div class="modal-body">
                            {% for key, item in  saleTicketBAI %}
                                <div class="col-xs-12" style="">
                                    Tipo de envío: <strong>{{ item.type|capitalize }}</strong>
                                </div>
                                <div class="col-xs-12" style="">
                                    Identificador Ticket BAI: <strong>{{ item.identificadorTBAI }}</strong>
                                </div>
                                <div class="col-xs-12" style="">
                                    Fecha de último envío: <strong>{{ item.dateCreation | date("d/m/Y H:i:s") }}</strong>
                                </div>
                                <div class="col-xs-12" style="">
                                    Estado: <strong>{{ item.descripcion }}</strong>
                                </div>
                                <div class="col-xs-12" style="">
                                    Validación: <strong>{{ item.resultadosValidacionDescripcion }}</strong>
                                </div>
                                <div class="col-xs-12" style="">
                                    Validación código: <strong>{{ item.resultadosValidacionCodigo }}</strong>
                                </div>
                                <div class="col-xs-12" style="">
                                    <a href="{{ item.urlQR }}" target="_blank">Código QR >></a>
                                </div>
                                <div class="col-xs-12" style="">
                                    <hr>
                                </div>
                            {% endfor %}
                        </div>
                    {% endif %}

                    <div class="modal-footer">

                        <button type="button" class="btn-rounded btn btn-flat border-color3 text-color3" data-dismiss="modal">
                            <i class="glyphicon glyphicon-remove"></i>
                            Cerrar</button>
                    </div>
                </div>
            </div>
        </div>




        <!-- RAW TICKET SAIMAPAY MODAL -->
        <div class="modal fade" id="raw_ticket_modal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel">

            <div class="modal-dialog">
                <div class="modal-content">

                    {% if rawTicketSaimapay != "" %}
                        <div class="modal-header">
                            <h5 class="modal-title">Información ticket Saimapay: {{ saleCodePINPAD }}</h5>
                        </div>

                        <div class="modal-body">
                            {{ rawTicketSaimapay | raw }}
                        </div>
                    {% endif %}

                    <div class="modal-footer">

                        <button type="button" class="btn-rounded btn btn-flat border-color3 text-color3" data-dismiss="modal">
                            <i class="glyphicon glyphicon-remove"></i>
                            Cerrar</button>
                    </div>
                </div>
            </div>
        </div>

        <!-- BINNACLE MODAL -->
        <div class="modal fade" id="sale_binnacle_modal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel">

            <div class="modal-dialog">
                <div class="modal-content">

                    <div class="modal-header">
                        <h5 class="modal-title">Bitácora</h5>
                    </div>

                    {% if sale.saleBinnacle|length > 0 %}
                        <div class="modal-body">
                            <div class="table-responsive">
                                {{ sale.saleBinnacle[0].textBinnacle | raw }}
                            </div>
                        </div>
                    {% else %}
                        <div class="modal-body">
                            <div class="table-responsive">
                                No hay bitácora para esta venta.
                            </div>
                        </div>
                    {% endif %}

                    <div class="modal-footer">

                        <button type="button" class="btn-rounded btn btn-flat text-white bg-info-400" onclick="showHideBinnacleInfo()">
                            <i class="glyphicon glyphicon-info-sign"></i>
                            Mostrar información completa</button>

                        <button type="button" class="btn-rounded btn btn-flat border-color3 text-color3" data-dismiss="modal">
                            <i class="glyphicon glyphicon-remove"></i>
                            Cerrar</button>
                    </div>

                </div>
            </div>


        </div>


        <!-- DISCOUNT GLOBAL MODAL -->
        <div class="modal fade" id="discount_global_sale_modal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel">
            {{ render (controller('CoreBundle:SalesPoint:_saleDiscountGlobalDetail', {'saleId':sale.id})) }}
        </div>
        <!-- DISCOUNT GLOBAL MODAL -->

        <!-- BANK ACCOUNT MODAL -->
        <div class="modal fade" id="bank_account_sale_modal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel">
            {{ render (controller('CoreBundle:SalesPoint:_saleBankAccountDetail', { 'shop':sale.shop, 'sale' : sale.id })) }}
        </div>
        <!-- BANK ACCOUNT MODAL -->

        <!-- COUPONS AND PIGGY BANK MODAL -->
        {% if sale.customer %}

            <!-- COUPONS -->
            <div class="modal fade" id="coupon_sale_modal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel">
                {{ render (controller('CoreBundle:SalesPoint:_couponsForThisCustomer', { 'customer' : sale.customer.id, 'sale' : sale.id  })) }}
            </div>
            <!-- COUPONS -->

            <!-- COUPONS CODE -->
            <div class="modal fade" id="coupon_code_sale_modal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel">
                {{ render (controller('CoreBundle:SalesPoint:_couponsCodeForThisCustomer', { 'customer' : sale.customer.id, 'sale' : sale.id  })) }}
            </div>
            <!-- COUPONS CODE -->

            <!-- PIGGY BANK -->
            <div class="modal fade" id="piggyBank_sale_modal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel">
                {{ render (controller('CoreBundle:SalesPoint:_piggyBankForThisCustomer', { 'customer' : sale.customer.id, 'sale' : sale.id  })) }}
            </div>
            <!-- PIGGY BANK -->

        {% endif %}
        <!-- COUPONS AND PIGGY BANK MODAL -->

        <!-- SAIMAOAY INTEGRATION -->
        {% if groupConfiguration.saimapayIntegration %}
            {% include "@Core/Sales/dialog_saimapay_integration.html.twig" %}
        {% endif %}


        <!-- SALE ASSISTANT MODAL -->
        {% include "@Core/Sales/_sales_assistant_dialog.html.twig" %}
        {% include "@Core/Article/_stock_modal_menu.html.twig" %}
        <!-- SALE ASSISTANT MODAL -->

        <!-- CUSTOMER DIALOG -->
        <div class="modal fade" id="customer_sale_modal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel">
        </div>
        <!-- CUSTOMER DIALOG -->


        <!-- DISCOUNT CUSTOM MODAL -->
        {% include "@Core/Sales/_sale_dialog_discount_custom.html.twig" %}
        <!-- DISCOUNT CUSTOM MODAL -->

        <!-- WHITE LABEL MODAL -->
        {% include "@Core/Sales/_sale_white_label_modal.html.twig" %}
        <!-- WHITE LABEL MODAL -->

        <!-- STOCK LITE RETURN MODAL -->
        {% include "@Core/Sales/_sale_returning_lite_modal.html.twig" %}
        <!-- STOCK LITE RETURN MODAL -->

    </div>



    <style>
        h1, .h1, h2, .h2, h3, .h3 {
            margin-top: 0px !important;
            margin-bottom: 0px !important;
        }
        .page-header-content{
            display:none;
        }
    </style>


    <script type="text/javascript" src="{{ asset('assets/js/articleStock.js') }}?v={{ "now"|date("d-m-Y") }}"></script>
    <script type="text/javascript" src="{{ asset('assets/js/clacclac-spinner-button.js') }}"></script>

    <script>
        var cashpoint = $('#cashpoint_selected :selected').val();

        $(document).ready(function() {

            // WHEN SALE IS COMPLETED WE AVOID TO OPEN THE SALE IN A SECOND TAB
            {% if sale.typestatussale.id == constant('CoreBundle\\Entity\\TypeStatusSale::ID_STATUS_TO_COMPLETED') %}
                $("#bodySale").removeClass("hidden");
                $("#bodySaleNotAllow").addClass("hidden");
            {% else %}
                //AVOID SEVERAL TABS
                if (window.IsDuplicate() === false) {
                    $("#bodySale").removeClass("hidden");
                    $("#bodySaleNotAllow").addClass("hidden");
                }else{
                    $("#bodySale").addClass("hidden");
                    $("#bodySaleNotAllow").removeClass("hidden");
                }
            {% endif %}


            $("#code-scan-sales").focus();

            //INIT DATE RESERVATION
            $('.datepicker').datepicker({
                format: 'dd-mm-yyyy',
                minDate: 0
            });

            // BINDING STOCK DIALOG BUTTON
            bindButtonStockClick();

            //DISABLE RIGHT CLICK
            $(document).bind("contextmenu",function(e){
                return false;
            });

            //AVOID WRONG CARS ON AMOUNT PIGGY BANK
            $('#amountPiggyBankId').keyup(function() {
                var numbers = $(this).val();
                $(this).val(numbers.replace(/\-/, ''));
                var numbers = $(this).val();
                $(this).val(numbers.replace(/\,/, '.'));
            });
            $("#amountPiggyBankId").keydown(function (e) {
                if (e.shiftKey || e.ctrlKey || e.altKey) { // if shift, ctrl or alt keys held down
                    e.preventDefault();         // Prevent character input
                } else {
                    var n = e.keyCode;
                    if (!((n == 8)              // backspace
                        || (n == 46)                // delete
                        || (n >= 35 && n <= 40)     // arrow keys/home/end
                        || (n >= 48 && n <= 57)     // numbers on keyboard
                        || (n >= 96 && n <= 105)   // number on keypad
                        || (n == 190))   // number on keypad
                    ) {
                        e.preventDefault();
                        // alert("in if");
                        // Prevent character input
                    }
                }
            });

        });


        // OPEN MODAL DISCOUNT CUSTOM
        function openModalDiscountCustom(){

            // JUST SALES ALREADY OPENED
            {% if sale.typestatussale.id != constant('CoreBundle\\Entity\\TypeStatusSale::ID_STATUS_TO_COMPLETED') %}

                // WE AVOID USE DICOUNT CAMPAING IN THIS SALE.
                var path = Routing.generate('_ajax_number_of_discounts_for_this_sale', {'saleId' : '{{ sale.id }}'});

                $.get(path, function (campaingsInThisSale) {

                    if ( campaingsInThisSale > 0 ){
                        swal({
                            title: "Atención",
                            text: "No puede añadir un descuento a la venta. Esta venta ya tiene artículos con campaña de descuentos incluída.",
                            confirmButtonColor: "#EF5350",
                            type: "error"
                        });
                    }else{

                        //OPEN DIALOG
                        $('#discountCustomDialog').modal('show');

                    }

                }).fail(function(data){
                    swal({
                        title: "Error",
                        text: data.message,
                        confirmButtonColor: "#EF5350",
                        type: "error"
                    });
                });

            {% endif %}

        }


        // OPEN MODAL STOCK LITE RETURN
        function openModalStockLiteReturn(){
            // CLEAN MODAL
            refreshScanBarCodeSaleStockLiteReturn();
            //OPEN DIALOG
            $('#stockLiteReturningDialog').modal('show');
        }
        // FOCUS ON PAYMENT AMMOUNT AFTER OPEN
        $('#stockLiteReturningDialog').on('shown.bs.modal', function () {
            $('#code-scan-sales-stock-lite-return').focus();
        })
        // OPEN MODAL WHITE LABEL
        function openModalWhiteLabel(){
            //OPEN DIALOG
            $('#whiteLabelDialog').modal('show');
        }

        // FAST_TPV
        // FOCUS ON PAYMENT AMMOUNT AFTER OPEN
        $('#whiteLabelDialog').on('shown.bs.modal', function () {
            $('#articleWhiteLabelFormBasic_price').focus();
        })
        // FAST_TPV
        // ON KEY PRESS number - ERASE QUANTITY
        $('#articleWhiteLabelFormBasic_price').keydown(function (e) {

            if (e.keyCode == 13) {
                addArticleWhiteLabelToSale();
            }
            if (e.keyCode == 32) {
                $("#articleWhiteLabelFormBasic_price").val("");
            }

        });


        // NEW PAYMENT FOCUS BUTTON
        $('#new_payment_btn').click(function () {

        });

        //SCANBAR CODE
        $("#code-scan-sales").change(function() {
            doScanBar();
        });

        // FAST_TPV
        // ON KEY PRESS spacebar - TRIGGER ADD PAYMENT
        $('#code-scan-sales').keydown(function (e) {

            // SPACEBAR
            if (e.keyCode == 32) {
                fillMissingAmount();
                return false;
            }

            // ENTER
            if (e.keyCode == 13) {
                doScanBar();
                return false;
            }

        });



        function doScanBar(){
            var valor = $("#code-scan-sales").val();
            if (valor) {
                scanBarCodeSale();
            }
        }

        function scanBarCodeSale(){

            //REPLACE WRONG CHARS
            var scanCode = $("#code-scan-sales").val();
            scanCode=replaceWrongCharsOnScanbar(scanCode);
            $("#code-scan-sales").val(scanCode);

            if ($("#code-scan-sales").val() === ""){
                return ;
            }

            var alias = { 'alias' : $("#code-scan-sales").val() };

            $.ajax({
                type: "POST",
                url: " {{path('ajax_barcode_scan_search_into_sale')}}",
                data: {alias: alias},
                statusCode: {
                    200: function (result) {
                        if(result['type'] === 'stock') {
                            postStockToSaleScan(result['alias'])
                        } else if(result['type'] === 'sale') {
                            postSaleToSaleScan(result['alias'])
                        } else if(result['type'] === 'giftCard') {
                            postGiftCardToSaleScan(result['alias']);
                        } else if(result['type'] === 'stockLite') {
                            postStockLiteToSaleScan(result['alias']);
                        }
                    },
                    202: function (data) {
                        // WHITE LABEL SELECT
                        $("#articleWhiteLabelFormBasic_articleModel option").remove(); // Remove all <option> child tags.
                        $.each(data, function(index, item) { // Iterates through a collection
                            $("#articleWhiteLabelFormBasic_articleModel").append( // Append an object to the inside of the select box
                                $("<option></option>") // Yes you can do this.
                                    .text(item.name)
                                    .val(item.id)
                            );
                        });
                        //LOAD TYPESIZES FOT SELECTED ARRTICLE
                        loadTypeSizesForSelectedArticle();
                        // OPEN DIALOG
                        openModalWhiteLabel();
                    },
                    210: function (data) {
                        // GIFT CARD CORRUPTED
                        var sw = swal({
                                title: "Tarjeta regalo",
                                text: "Tarjeta regalo corrupta. Crea una nueva Tarjeta Regalo con ese importe y asume el descuadre de caja.",
                                type: "warning",
                                showCancelButton: true,
                                confirmButtonColor: "#EF5350",
                                confirmButtonText: "Ver Video",
                                cancelButtonText: "Cerrar",
                                closeOnConfirm: true,
                                closeOnCancel: true
                            },
                            function(isConfirm){
                                if (isConfirm) {
                                    // WATCH VIDEO
                                    window.open('https://youtu.be/R1Wzvq9VjXE', 'name');
                                }
                            }
                        );
                    }
                },
                error: function(err) {
                    console.log(err.responseText);
                    new PNotify({
                        text: err.responseJSON,
                        type: "error"
                    });
                }
            });
        }


        // RETURN STOCK LITE WITHOUT TICKET
        $('#code-scan-sales-stock-lite-return').change(function () {
            scanBarCodeSaleStockLiteReturn();
        });
        function refreshScanBarCodeSaleStockLiteReturn(){
            //CLEAN DATA
            $('#bodyStockdialogDetail').html('');
            $('#code-scan-sales-stock-lite-return').val('');
            $('#code-scan-sales-stock-lite-return-available').val('');
            $('#pvp-sales-stock-lite-return').val('');
        }
        // SCANBAR STOCK LITE RETURNED
        function scanBarCodeSaleStockLiteReturn(){

            //REPLACE WRONG CHARS
            var scanCode = $("#code-scan-sales-stock-lite-return").val();
            scanCode=replaceWrongCharsOnScanbar(scanCode);
            $("#code-scan-sales-stock-lite-return").val(scanCode);

            if ($("#code-scan-sales-stock-lite-return").val() === ""){
                return ;
            }

            var alias = { 'alias' : $("#code-scan-sales-stock-lite-return").val() };

            $.ajax({
                type: "POST",
                url: " {{path('ajax_barcode_scan_search_into_sale')}}",
                data: {alias: alias},
                statusCode: {
                    200: function (result) {
                        console.log("200");
                        if(result['type'] === 'stockLite') {
                            $('#code-scan-sales-stock-lite-return-available').val(result['alias']);
                            plotStockDetailForLiteReturnWithouTicketAjax(result['alias']);
                        }else{
                            new PNotify({
                                text: "El código de barras del stock, no ha sido encontrado en su grupo para efectuar una devolución.",
                                type: "error"
                            });
                        }
                    },
                    202: function (data) {
                        new PNotify({
                            text: "El código de barras del stock, no ha sido encontrado en su grupo para efectuar una devolución.",
                            type: "error"
                        });
                    }
                },
                error: function(err) {
                    console.log("400");
                    console.log(err.responseText);
                    new PNotify({
                        text: err.responseJSON,
                        type: "error"
                    });
                }
            });
        }
        // SHOW MODAL WITH STOCK INFORMATION FOR RETURNS WITHOUT TICKETS
        function plotStockDetailForLiteReturnWithouTicketAjax(alias){

            // SHOW A DIALOG FOR DISTRIBUTION TABLE FOR THIS ARTICLE INTO ORDER BASKET
            var path = Routing.generate('_ajax_stock_detail_dialog_by_alias', {'alias' : alias });
            $.get(path, function (result) {
                //SHOW DATA
                $('#bodyStockdialogDetail').html(result);

                //OPEN MODAL
                if (result != ""){
                    $('#stock-detail-modal').modal('show');
                }

            }).fail(function (err) {
                console.log(err.responseText);
            });
        }
        // TRY TO ADD STOCK INTO SALE LIKE RETURNED
        function tryPostStockLiteLikeReturnIntoSaleWithoutTicket(){
            var pvpToReturn = $("#pvp-sales-stock-lite-return").val();
            var scanCode = $("#code-scan-sales-stock-lite-return").val();
            var scanCodeAvailable = $("#code-scan-sales-stock-lite-return-available").val();
            scanCode=replaceWrongCharsOnScanbar(scanCode);
            $("#code-scan-sales-stock-lite-return").val(scanCode);

            if (scanCodeAvailable === ""){
                new PNotify({
                    text: "El código de barras del stock, no ha sido encontrado en su grupo para efectuar una devolución.",
                    type: "error"
                });
                return;
            }
            if (pvpToReturn === ""){
                new PNotify({
                    text: "El PVP del stock, debe estar relleno obligatoriamente.",
                    type: "error"
                });
                return;
            }

            // POST STOCK INTO SALE LIKE RETURNED
            postStockLiteToSaleScanLikeReturn(scanCodeAvailable, pvpToReturn);
        }

        // ACCEPT TO SALE STOCK ON A DIFFERENT SHOP FROM ACTUAL LOCATION
        function acceptSaleStockInThisShop(stockId){

            var data = { 'stockId' : [] };
            var saleId = { 'saleId' : '{{ sale.id }}' };

            data['stockId'].push(stockId);

            $.ajax({
                type: "POST",
                url: " {{path('ajax_addStocks_to_sale_by_alias')}}",
                data: {list:data, saleId: saleId, forced_sale: true},
                statusCode: {
                    200: function (result) {
                        new PNotify({
                            text: "Artículos añadidos a la venta correctamente.",
                            type: "success"
                        });

                        var url= Routing.generate('sales_edit', {id: '{{ sale.id }}' }, true);
                        window.location.href = url;
                    }
                },
                error: function(err) {
                    if(err.responseJSON) {
                        new PNotify({
                            text: err.responseJSON,
                            type: "error"
                        });
                    }
                }
            });
        }


        // ACCEPT TO SALE STOCK LITE ON A DIFFERENT SHOP FROM ACTUAL LOCATION
        function acceptSaleStockLiteInThisShop(stockId){

            var data = { 'stockId' : [] };
            var saleId = { 'saleId' : '{{ sale.id }}' };

            data['stockId'].push(stockId);

            $.ajax({
                type: "POST",
                url: " {{path('ajax_addStocks_lite_to_sale_by_alias')}}",
                data: {list:data, saleId: saleId, forced_sale: true},
                statusCode: {
                    200: function (result) {
                        new PNotify({
                            text: "Artículos añadidos a la venta correctamente.",
                            type: "success"
                        });

                        var url= Routing.generate('sales_edit', {id: '{{ sale.id }}' }, true);
                        window.location.href = url;
                    }
                },
                error: function(err) {
                    if(err.responseJSON) {
                        new PNotify({
                            text: err.responseJSON,
                            type: "error"
                        });
                    }
                }
            });
        }

        //ADD ARTICLE TO SALES
        function postStockToSaleScan(stockId){

            var data = { 'stockId' : [] };
            var saleId = { 'saleId' : '{{ sale.id }}' };

            data['stockId'].push(stockId);

            console.log("add stock ");

            $.ajax({
                type: "POST",
                url: " {{path('ajax_addStocks_to_sale_by_alias')}}",
                data: {list:data, saleId: saleId, forced: false},
                statusCode: {
                    200: function (result) {
                        new PNotify({
                            text: "Artículo añadido a la venta correctamente.",
                            type: "success"
                        });

                        var url= Routing.generate('sales_edit', {id: '{{ sale.id }}' }, true);
                        window.location.href = url;
                    },
                    201: function (response) {
                        var sw = swal({
                                title: "Articulo en devolución",
                                text: 'Este artículo ya se vendio en '+response.responseText+' ¿Deseas incluirlo en la venta como una devolución?',
                                type: "warning",
                                showCancelButton: true,
                                confirmButtonColor: "#EF5350",
                                confirmButtonText: "Si",
                                cancelButtonText: "No",
                                closeOnConfirm: true,
                                closeOnCancel: true
                            },
                            function(isConfirm){
                                if (isConfirm) {
                                    acceptStockLikeReturned(stockId);
                                }
                            }
                        );

                    },
                    202: function (response) {
                        var sw = swal({
                                title: "Localización actual",
                                text: response,
                                type: "warning",
                                showCancelButton: true,
                                confirmButtonColor: "#EF5350",
                                confirmButtonText: "Si",
                                cancelButtonText: "No",
                                closeOnConfirm: true,
                                closeOnCancel: true
                            },
                            function(isConfirm){
                                if (isConfirm) {
                                    {% if isLite == false %}
                                        acceptSaleStockInThisShop(stockId);
                                    {% else %}
                                        acceptSaleStockLiteInThisShop(stockId);
                                    {% endif %}
                                }else{
                                    location.reload()
                                }
                            }
                        );

                    }
                },
                error: function(err) {
                    console.log(err);
                    if(err.responseJSON) {
                        new PNotify({
                            text: err.responseJSON,
                            type: "error"
                        });
                    }
                }
            });
        }


        //ADD ARTICLE LITE TO SALES
        function postStockLiteToSaleScan(stockId){

            var data = { 'stockId' : [] };
            var saleId = { 'saleId' : '{{ sale.id }}' };

            data['stockId'].push(stockId);

            console.log("add stock lite");

            $.ajax({
                type: "POST",
                url: " {{path('ajax_addStocks_lite_to_sale_by_alias')}}",
                data: {list:data, saleId: saleId, forced: false},
                statusCode: {
                    200: function (result) {
                        new PNotify({
                            text: "Artículo añadido a la venta correctamente.",
                            type: "success"
                        });

                        var url= Routing.generate('sales_edit', {id: '{{ sale.id }}' }, true);
                        window.location.href = url;
                    },
                    201: function (response) {
                        new PNotify({
                            text: "Error anadiendo el artículo a la venta.",
                            type: "error"
                        });

                        var url= Routing.generate('sales_edit', {id: '{{ sale.id }}' }, true);
                        window.location.href = url;
                    },
                    202: function (response) {
                        var sw = swal({
                                title: "Localización actual",
                                text: response,
                                type: "warning",
                                showCancelButton: true,
                                confirmButtonColor: "#EF5350",
                                confirmButtonText: "Si",
                                cancelButtonText: "No",
                                closeOnConfirm: true,
                                closeOnCancel: true
                            },
                            function(isConfirm){
                                if (isConfirm) {
                                    acceptSaleStockLiteInThisShop(stockId);
                                }else{
                                    location.reload()
                                }
                            }
                        );

                    }
                },
                error: function(err) {
                    console.log(err);
                    if(err.responseJSON) {
                        new PNotify({
                            text: err.responseJSON,
                            type: "error"
                        });
                    }
                }
            });
        }

        //ADD ARTICLE LITE TO SALES LIKE RETURNED
        function postStockLiteToSaleScanLikeReturn(stockId, pvp){

            var data = { 'stockId' : [] };
            var saleId = { 'saleId' : '{{ sale.id }}' };

            data['stockId'].push(stockId);

            console.log("add stock lite like returned");

            $.ajax({
                type: "POST",
                url: " {{path('ajax_addStocks_lite_like_returned_to_sale_by_alias')}}",
                data: {list:data, saleId: saleId, pvp: pvp, forced: false},
                statusCode: {
                    200: function (result) {
                        new PNotify({
                            text: "Artículo añadido en devolución a la venta correctamente.",
                            type: "success"
                        });

                        var url= Routing.generate('sales_edit', {id: '{{ sale.id }}' }, true);
                        window.location.href = url;
                    },
                    201: function (response) {
                        new PNotify({
                            text: "Error añadiendo el artículo a la venta.",
                            type: "success"
                        });

                        var url= Routing.generate('sales_edit', {id: '{{ sale.id }}' }, true);
                        window.location.href = url;

                    },
                    202: function (response) {
                        var sw = swal({
                                title: "Localización actual",
                                text: response,
                                type: "warning",
                                showCancelButton: true,
                                confirmButtonColor: "#EF5350",
                                confirmButtonText: "Si",
                                cancelButtonText: "No",
                                closeOnConfirm: true,
                                closeOnCancel: true
                            },
                            function(isConfirm){
                                if (isConfirm) {
                                    acceptSaleStockLiteInThisShop(stockId);
                                }else{
                                    location.reload()
                                }
                            }
                        );

                    }
                },
                error: function(err) {
                    console.log(err);
                    if(err.responseJSON) {
                        new PNotify({
                            text: err.responseJSON,
                            type: "error"
                        });
                    }
                }
            });
        }

        // READ RETURN INTO SALES
        function postSaleToSaleScan(saleId){
            var aliasOldSale = saleId;
            var newSale = '{{ sale.id }}';

            console.log("postSaleToSaleScan");

            $.post(Routing.generate('_ajax-return-by-sale-ticket', { 'oldSale' : aliasOldSale, 'newSale' : newSale }),
                function (data) {
                console.log("data:"+data);
                    if(data === '200') {
                        var url= Routing.generate('sales_edit', {id: '{{ sale.id }}' }, true);
                        window.location.href = url;
                    } else if(data === '201') {
                        swal({
                                title: "ATENCIÓN",
                                text: "Este ticket de devolución no fue expedido por esta tienda, ¿desea usted aceptar la operación?",
                                type: "warning",
                                showCancelButton: true,
                                confirmButtonColor: "#EF5350",
                                confirmButtonText: "Entendido",
                                cancelButtonText: "Cancelar",
                                closeOnConfirm: true,
                                closeOnCancel: true
                            },
                            function (isConfirm) {
                                if(isConfirm){
                                    $.post(Routing.generate('_ajax-return-by-sale-ticket-in-distinct-shop', { 'oldSale' : aliasOldSale, 'newSale' : newSale }),
                                        function(data){
                                            var url= Routing.generate('sales_edit', {id: '{{ sale.id }}' }, true);
                                            window.location.href = url;
                                        }).fail(function (err) {
                                            console.log(err.responseText);
                                        }
                                    );
                                }
                            }
                        );
                    } else if (data === '202') {
                        new PNotify({
                            text: 'Este ticket no fue emitido por esta grupo',
                            type: "error"
                        });
                    } else if (data === '203') {
                        var url= Routing.generate('sale_alias', {alias: aliasOldSale }, true);
                        window.location.href = url;
                    } else if (data === '204') {
                        var url= Routing.generate('sales_edit', {id: '{{ sale.id }}' }, true);
                        window.location.href = url;
                    }
            }).fail(function (err) {
                console.log(err.responseText)
            });

        }

        // READ GIFT CARD INTO SALE
        function postGiftCardToSaleScan(giftCard){
            var sale = '{{ sale.id }}';

            $.post(Routing.generate('_ajax-gift-card-into-sale', { 'giftCard' : giftCard, 'sale' : sale }),
                function (data) {
                    if(data === '200') {
                        var url= Routing.generate('sales_edit', {id: '{{ sale.id }}' }, true);
                        window.location.href = url;
                    } else if(data === '201') {
                        swal({
                                title: "ATENCIÓN",
                                text: "Esta tarjeta regalo no fue expedida por esta tienda, ¿desea usted aceptar la operación?",
                                type: "warning",
                                showCancelButton: true,
                                confirmButtonColor: "#EF5350",
                                confirmButtonText: "Entendido",
                                cancelButtonText: "Cancelar",
                                closeOnConfirm: true,
                                closeOnCancel: true
                            },
                            function (isConfirm) {
                                if(isConfirm){
                                    var route = Routing.generate('_ajax-gift-card-into-sale-in-distinct-shop', { 'giftCard' : giftCard, 'sale' : sale });

                                    $.post(route, function(){

                                    }).done(function(result){
                                        var url= Routing.generate('sales_edit', {id: '{{ sale.id }}' }, true);
                                        window.location.href = url;
                                    }).fail(function(err){
                                        console.log(err.responseText);
                                    })
                                }
                            }
                        );
                    } else if(data === '202'){
                        new PNotify({
                            text: 'Este ticket ya fue canjeado',
                            type: "error"
                        });
                    } else if(data === '203') {
                        new PNotify({
                            text: 'Este ticket no fue emitido por este grupo',
                            type: "error"
                        });
                    } else if(data === '204') {
                        new PNotify({
                            text: 'Error encontrado generando la tarjeta regalo.',
                            type: "error"
                        });
                    }

                }).fail(function (err) {
                console.log(err.responseText)
            });
        }

        // ACCEPT RETURN OF STOCK READED
        function acceptStockLikeReturned(stockId){

            var data = { 'stockId' : [] };
            var saleId = { 'saleId' : '{{ sale.id }}' };

            data['stockId'].push(stockId);

            $.ajax({
                type: "POST",
                url: " {{path('ajax_addStocks_to_sale_by_alias')}}",
                data: {list:data, saleId: saleId, forced: true},
                statusCode: {
                    201: function (response) {

                        var alex= (new PNotify({
                            title: 'Articulo en devolución',
                            text: 'Este artículo ya se vendio en ['+response.responseText+'] ¿Deseas incluirlo en la venta como una devolución?',
                            icon: 'glyphicon glyphicon-question-sign',
                            type: 'success',
                            hide: false,
                            confirm: {
                                confirm: true
                            },
                            buttons: {
                                closer: false,
                                sticker: false
                            },
                            history: {
                                history: false
                            },
                            addclass: 'stack-modal',
                            stack: {'dir1': 'down', 'dir2': 'right', 'modal': true}
                        })).get().on('pnotify.confirm', function(){
                            ////action
                            acceptStockLikeReturned(stockId);
                        }).on('pnotify.cancel', function(){

                        })

                    },
                    200: function (result) {
                        new PNotify({
                            text: "Artículos añadidos a la venta correctamente.",
                            type: "success"
                        });

                        var url= Routing.generate('sales_edit', {id: '{{ sale.id }}' }, true);
                        window.location.href = url;
                    }
                },
                error: function(err) {
                    if(err.responseJSON) {
                        new PNotify({
                            text: err.responseJSON,
                            type: "error"
                        });
                    }
                }
            });
        }

        // ETICKET MODAL
        $('#send_ticket').click(function(){
            $('#eticket_modal').modal('show');
        });
        $('#btn_send_eticket').click(function(){
            sendETicket();
        });



        // PRINTING BUTTONS
        $('#close_sale').click(function(){
            printTicket();
        });

        $('#close_sale_invoice').click(function(){
            printInvoice();
        });

        $('#print_invoice_rectifier').click(function(){
            printInvoiceRectifier();
        });

        $('#close_sale_reserve').click(function(){
            printReserve();
        });

        $('#close_sale_ticket_regalo').click(function(){
            printTicketRegalo();
        });

        $('#open_cashdrawer').click(function(){
            openCashDrawer();
        });
        $('#open_ticket_bai').click(function(){
            openTicketBAIModal();
        });

        $('#open_raw_ticket').click(function(){
            openRawTicketModal();
        });

        $('#open_saleBinnacle').click(function(){
            openSaleBinnacleModal();
        });

        function showHideBinnacleInfo(){
            if ($('.hidden_binnacle').hasClass("hidden")){
                $('.hidden_binnacle').removeClass("hidden");
            }else{
                $('.hidden_binnacle').addClass("hidden");
            }
        }

        function openTicketBAIModal(){
            $('#ticket_bai_modal').modal("show");
        }
        function openRawTicketModal(){
            $('#raw_ticket_modal').modal("show");
        }
        function openSaleBinnacleModal(){
            $('#sale_binnacle_modal').modal("show");
        }

        // SEND TO TICKET BAI
        $('#send_to_ticket_bai').click(function(){
            var saleId = '{{ sale.id }}';
            var route = Routing.generate('_ajax_sent_to_ticket_bai', {'saleId':saleId});

            $.get(route, function(result){
                window.location.reload();
            }).fail(function(xhr, status, error){
                console.log(xhr.responseText);
            });
        });

        function openCashDrawer(){
            var saleId = '{{ sale.id }}';
            var url = Routing.generate('_ajax_open_cashdrawer');

            $.get(url, function(result){
                printJS({
                    printable: result,
                    type: 'raw-html',
                    targetStyles: ['*'],
                    style: ["@page { margin: 10mm;} html{margin 0px;padding: 0px !important; width:80mm; font-size: 12px !important;font-family:arial; text-align: center !important;}"]
                });

            }).fail(function(xhr, status, error){
                console.log(xhr.responseText);
            });
        }

        let focuser = setInterval(() => window.dispatchEvent(new Event('focus')), 500);
        function printTicket(){
            var saleId = '{{ sale.id }}';
            var url = Routing.generate('_ajax_generate_sale_ticket', {'saleId' : saleId });

            $.get(url, function(result){

                {% if sale.group.groupConfiguration.editableSaleTicket == false %}

                printJS({
                    printable: result,
                    type: 'raw-html',
                    targetStyles: ['*'],
                    style: ["@page { margin: 10mm;} html{margin 0px;padding: 0px !important; width:80mm; font-size: 12px !important;font-family:arial; text-align: center !important;}"],
                    onPrintDialogClose: () => {

                        clearInterval(focuser);

                        // do your thing..
                        reloadPage();

                    },

                    onError: () => {

                        clearInterval(focuser);

                        // do your thing..
                        reloadPage();

                    }

                });

                //setTimeout(reloadPage, 2);


                {% else %}

                    var myWindow = window.open("",'', 'toolbar=no, location=no, directories=no, status=no, menubar=no, scrollbars=no, resizable=yes, copyhistory=no, width=w, height=h, top=top, left=left');

                    if(!myWindow || myWindow.closed || typeof myWindow.closed=='undefined') {
                        swal(
                            'OPPS!',
                            'Su navegador tiene las ventanas emergentes bloquedas. ' +
                            'Pulse en la i rodeada de un círculo en la barra de navegación de su navegador. ' +
                            'En el desplegable que le saldrá pulse sobre "Confuración del sitio web". ' +
                            'En la nueva ventana que se le abrira busque "Ventanas emergentes y redirecciones". ' +
                            'En el selector a su derecha selecciones "Permitir".',
                            'warning'
                        );
                    } else {
                        myWindow.document.writeln(result);
                        myWindow.document.close();

                        window.location.href = Routing.generate("sales_edit", { "id" : '{{ sale.id }}' });
                    }
                {% endif %}

            }).fail(function(xhr, status, error){
                console.log(xhr.responseText);
            });
        }


        function sendETicket(){
            var saleId = '{{ sale.id }}';
            var shop = '{{ sale.shop.nameCommercialForTickets }}';
            if (shop === ""){
                shop = '{{ sale.group.name }}';
            }
            var url = Routing.generate('_ajax_generate_sale_ticket', {'saleId' : saleId });
            var email = $("#email_eticket").val();

            if (email === ""){
                swal('OPS!', 'Debe introducir un email válido para enviar el ticket de venta.', 'warning');
                return ;
            }

            $.get(url, function(result){
                showLoader();
                var url = Routing.generate('_ajax_send_sale_eticket');
                $.ajax({
                    type: 'POST',
                    url: url,
                    data: {
                        html : result,
                        email : email,
                        shop : shop
                    },
                    dataType: 'json',

                    success: function(result) {
                        swal('Ok!', 'Email enviado correctamente.', 'success');
                        $('#eticket_modal').toggle();
                    },
                    error: function (err){
                        $('#eticket_modal').modal("hide");
                        hideLoader();
                        if (err.responseText !== "OK"){
                            swal('OPS!', 'Se ha producido un error al enviar el email al cliente.', 'error');
                        }else{
                            new PNotify({
                                title: 'OK',
                                text: "Email enviado correctamente.",
                                type: "success"
                            });
                        }

                    }
                });
            }).fail(function(xhr, status, error){
                console.log(xhr.responseText);
            });

        }

        function printInvoice(){
            $('#bank_account_sale_modal').modal('show');
        }

        function printInvoiceRectifier(){
            printInvoiceRectifierTicket();
        }


        function printReserve(){
            var saleId = '{{ sale.id }}';
            var url = Routing.generate('_ajax_generate_sale_reserve', {'saleId' : saleId });

            $.get(url, function(result){

                printJS({
                    printable: result,
                    type: 'raw-html',
                    targetStyles: ['*'],
                    style: ["@page { margin: 10mm;} html{margin 0px;padding: 0px !important; width:80mm; font-size: 12px !important;font-family:arial; text-align: center !important;}"]
                });


            }).fail(function(xhr, status, error){
                console.log(xhr.responseText);
            });
        }

        function printTicketRegalo(){
            var saleId = '{{ sale.id }}';
            var url = Routing.generate('_ajax_generate_sale_ticket_regalo', {'saleId' : saleId });

            $.get(url, function(result){

                printJS({
                    printable: result,
                    type: 'raw-html',
                    targetStyles: ['*'],
                    style: ["@page { margin: 10mm;} html{margin 0px;padding: 0px !important; width:80mm; font-size: 12px !important;font-family:arial; text-align: center !important;}"]
                });


            }).fail(function(xhr, status, error){
                console.log(xhr.responseText);
            });
        }

        //CLOSE SALE
        function salesDone() {

            var saleId = '{{ sale.id }}';

            var route = Routing.generate('check_is_possible_finish_sale_concurrence', {'sale':saleId});

            $.get(route, function () {

            }).done(function (resultFirst) {
                if(resultFirst['isPossible']) {

                    var route = Routing.generate('check_is_possible_finish_sale', {'sale':saleId});

                    $.get(route, function () {

                    }).done(function (result) {
                        if(result['isPossible']) {
                            var url = Routing.generate('is_seller_in_sale', {'id' : sale});

                            $.get(url, function(){

                            }).done(function(result) {
                                if(result['isSeller']) {
                                    // CHECK SAIMAPY INTEGRATION
                                    {% if groupConfiguration.saimapayIntegration %}
                                        // SHOW DIALOG FOR SAIMAPAY
                                        doSaimapayIntegration();
                                    {% else %}
                                        // FINISH
                                        doSaleDone();
                                    {% endif %}
                                    //doSaleDone();
                                } else {
                                    swal('OPS!', 'No puede finalizar la venta sin asignar un vendedor', 'warning');
                                }

                            }).fail(function(error){
                                console.log(error.responseText);
                            });
                        } else {
                            swal({
                                title: 'OPPS',
                                text: result['message']+'. Elimine los stocks correspondientes para cancelar la operación.',
                                type: 'warning'
                            }, function() {
                                location.reload();
                            });
                        }
                    }).error(function(err) {
                        console.log(err.responseText);
                    });

                } else {
                    swal({
                        title: 'OPPS',
                        text: resultFirst['message']+'.',
                        type: 'warning'
                    }, function() {
                        location.reload();
                    });
                }
            }).error(function(err) {
                console.log(err.responseText);
            });

        }

        function doSaimapayIntegration(){
            var totalForSaimapay = {{ totalInCreditCardForSaimapayIntegration }};
            if (totalForSaimapay > 0){
                sendPaymentToPINPAD(totalForSaimapay);
            }else if (totalForSaimapay < 0){
                sendPaymentReturnToPINPAD(totalForSaimapay);
            }else if (totalForSaimapay == 0) {
                doSaleDone();
            }
        }

        function doSaleDone(){
            showLoader();
            cashpoint = $('#cashpoint_selected :selected').val();
            var totalMissing = '{{ totalMissing }}';
            totalMissing = totalMissing.replace(',', '');
            var bankAccount = $('#company_bank_account_selected option:selected').val();
            var path = Routing.generate('sales_done', {'id' : sale, 'cashpoint' : cashpoint, 'totalMissing' : totalMissing, 'bankAccount' : bankAccount });

            $.get(path, function(result){
                if(result === 201){
                    //PRINTING TICKET
                    printTicket();
                    hideLoader();
                }else if(result === 401){
                    hideLoader();
                    swal('OPS!', 'No puede finalizar la venta, alguno de los pagos no tiene caja seleccionada. Vuelva a introducir todos los pagos en la venta.', 'warning');
                }
                else {
                    window.location.href = Routing.generate("sales_edit", { "id" : '{{ sale.id }}' });
                }
            }).fail(function(data){
                hideLoader();
                console.log(data.responseText);

            });
        }

        function reloadPage(){
            window.location.href = Routing.generate("sales_edit", { "id" : '{{ sale.id }}' });
        }

        //CHECK CASH, IS IT OPENNED ?
        $('#cashpoint_selected').change(function () {
            cashpoint = $('#cashpoint_selected :selected').val();
            var sale = '{{ sale.id }}';
            var path = Routing.generate('_ajax_checkIfCashpointIsOpen', {'cashpoint' : cashpoint});

            $.get(path, function (result) {
                if(!result){
                    new PNotify({
                        title: 'Atención',
                        text: "Esta caja no está abierta. No será posible realizar una venta.",
                        type: "error"
                    });
                }

                saveCashpointSelected(sale, cashpoint);

                var url= Routing.generate('sales_edit', {id: '{{ sale.id }}' }, true);
                window.location.href = url;
            }).fail(function(data){
                errorNotity(data.message);
            });
        });

        function saveCashpointSelected(sale, cashpoint){
            path = Routing.generate('_ajax_saveCashpointSelected', {'sale' : sale, 'cashpoint' : cashpoint});

            $.get(path, function (result) {

            }).fail(function (data) {
                errorNotity(data.message);
            });
        }

        // SHOW FORM WITH GLOBAL DISCOUNT
        function openDiscountGlobalToSale(stockId){

            {% if sale.saleElement | length >0 %}

                if (stockId){
                    $("#saleDiscountGlobalFormBasic_stock").append("<option value='"+stockId+"' selected='selected'>stockId</option>");
                    $("#saleDiscountGlobalFormBasic_stock").val(stockId);
                }else{
                    $("#saleDiscountGlobalFormBasic_stock").empty();
                    $("#saleDiscountGlobalFormBasic_stock").val();
                }

                path = Routing.generate('_ajax_getDiscountIdForStockBySale', {'saleId' : "{{  sale.id }}", 'stockId' : stockId});
                $.get(path, function (result) {
                    $("#discount_global_sale_modal").html(result);
                    $('#discount_global_sale_modal').modal('show');
                    setTimeout(function (){
                        $("#saleDiscountGlobalFormBasic_amount").focus();
                    }, 1000);
                }).fail(function (data) {
                    //errorNotity(data.message);
                    console.log(data);
                });


            {% else %}
            var sw = swal({
                    title: "UPSSSS",
                    text: "Para introducir un descuento debe añadir al menos algún artículo en la venta.",
                    type: "warning",
                    showCancelButton: false,
                    confirmButtonColor: "#EF5350",
                    confirmButtonText: "Entendido",
                    closeOnConfirm: true
                },
                function (isConfirm) {

                });
            {% endif %}
        }

        //DELETE DISCOUNT
        function deleteDiscountGlobalToSale(stockId){
            var sw = swal({
                    title: "DESCUENTO",
                    text: "¿ Está seguro de eliminar este descuento ?",
                    type: "info",
                    showCancelButton: true,
                    confirmButtonColor: "#2196f3",
                    confirmButtonText: "Si, eliminar el descuento",
                    cancelButtonText: "No, cancelar el proceso",
                    closeOnConfirm: true,
                    closeOnCancel: true
                },
                function(isConfirm){
                    if (isConfirm) {
                        //DELETE DISSCOUNT GLOBAL
                        ajaxDeleteDiscountGlobalToSale(stockId);
                    }
                });
        }

        // APPLY DELETE DISCOUNT GLOBAL
        function ajaxDeleteDiscountGlobalToSale(stockId)
        {
            // SALE ID
            if (stockId) {
                var dataName = 'saleId=' + "{{ sale.id }}" + "&stockId=" + stockId;
            }else{
                var dataName = 'saleId=' + "{{ sale.id }}" + "";
            }


            // DELETING DISCOUNT
            var routeMassive = Routing.generate('_ajax_delete_discount_global_2_sale');
            $.post(routeMassive, dataName, function (response) {
                var url= Routing.generate('sales_edit', {id: '{{ sale.id }}' }, true);
                window.location.href = url;
            }).fail(function(error) {
                console.log(error.responseText);
                console.log(error);

                swal({
                    title: "ERROR",
                    text: "Se ha producido un error eliminando el descuento. Si el error persiste, póngase en contacto con nosotros.",
                    confirmButtonColor: "#EF5350",
                    type: "error"
                });

            });


        }

        //CANCEL SALE
        function cancelSale()
        {
            var saleId = '{{ sale.id }}';
            var route = Routing.generate('check_is_possible_finish_sale', {'sale':saleId});

            $.get(route, function () {

            }).done(function (result) {
                if(result['isPossible']) {
                    new PNotify({
                        title: 'Cancelar la venta',
                        text: 'La venta está a punto de ser cancelada. ¿Deseas cancelar la venta?',
                        icon: 'glyphicon glyphicon-question-sign',
                        type: 'info',
                        hide: false,
                        confirm: {
                            confirm: true
                        },
                        buttons: {
                            closer: false,
                            sticker: false
                        },
                        history: {
                            history: false
                        },
                        addclass: 'stack-modal',
                        stack: {'dir1': 'down', 'dir2': 'right', 'modal': true}
                    }).get().on('pnotify.confirm', function(){

                        window.location.href = Routing.generate("sales_cancel", { "id" : saleId });
                    }).on('pnotify.cancel', function(){

                    });
                } else {
                    swal({
                        title: 'OPPS',
                        text: result['message']+'. Elimine los stocks correspondientes para cancelar la operación.',
                        type: 'warning'
                    }, function() {
                        location.reload();
                    });
                }
            }).error(function(err) {
                console.log(err.responseText);
            });
        }



        // AUTOCOMPLETE FOR CUSTOMER
        $('#customer_sale').typeahead({
            highlight: true,
            minLength: 3
        },{
            limit: 'Infinity',
            name: 'articles',
            display: function(value) {
                return value.name
            },
            source: function (query,sync, async) {

                $.get(Routing.generate('_ajax_search_customer', {'text': query}), function (data) {
                    async(data);
                })
            }
        }).bind("typeahead:select",function(e,data){

            //CUSTOMER ASSISTANT
            $("#customer_assistant").typeahead('val',data.name);
            $("#customer_assistant").attr('disabled',true);
            $("#customer_assistant_name").html(data.justName);
            $("#customer_assistant_type").html(data.type);

            //CUSTOMER SALE
            $("#customer_sale").typeahead('val',data.name);
            $("#customer_sale").attr('disabled',true);
            $("#customer_sale_name").html(data.justName);
            $("#customer_sale_type").html(data.type);

            $("#customer_sale_delete_customer").removeClass("hidden");
            $("#customer_sale_delete_customer_id").html(data.id);


            var route = Routing.generate('_ajax_assign_customer_2_sale',{'customerId':data.id, 'saleId': '{{ sale.id }}' });
            $.get(route, function(response){

            }).done(function(result){
                new PNotify({
                    title: 'Perfecto',
                    text: "Cliente asignado a la venta.",
                    type: "success"
                });

                window.location.href = Routing.generate("sales_edit", { "id" : '{{ sale.id }}' });
            }).error(function(error){
                console.log(error);
            });

            return false;
        }).bind("typeahead:autocomplete",function(e,data){
            if(e.keyCode === 9) return false;
        });


        //DELETE CUSTOMER FROM SALE
        function deleteCustomFromSale(){

            //IS A FIDELITY CARD CUSTOMER ?
            {% if sale.customer %}
                deleteFidelityCardOrCoupon();
            {% endif %}

            // DELETE CUSTOMER
            var customerId= $("#customer_sale_delete_customer_id").html();

            $("#customer_sale").attr('disabled',false);
            var route = Routing.generate('_ajax_delete_customer_2_sale',{'customerId':customerId, 'saleId': '{{ sale.id }}' });
            $.ajax({
                type: "POST",
                async: false,
                cache: false,
                timeout: 30000,
                url: route,
                data: {customerId: customerId, saleId : '{{ sale.id }}'},
                success: function(result) {
                    new PNotify({
                        title: 'Perfecto',
                        text: "Se ha eliminado el cliente de esta venta.",
                        type: "success"
                    });
                    window.location.href = Routing.generate("sales_edit", { "id" : '{{ sale.id }}' });
                },
                error: function(err) {
                    new PNotify({
                        title: 'Error',
                        text: "Error eliminado el cliente de esta venta.",
                        type: "error"
                    });
                    window.location.href = Routing.generate("sales_edit", { "id" : '{{ sale.id }}' });
                }
            });

        }

        // APPLY DELETE DISCOUNT GLOBAL
        function ajaxTootleRoundSale()
        {
            // SALE ID
            var dataName = 'saleId='+"{{ sale.id }}";

            // DELETING DISCOUNT
            var routeMassive = Routing.generate('_ajax_round_sale');
            $.post(routeMassive, dataName, function (response) {
                var url= Routing.generate('sales_edit', {id: '{{ sale.id }}'}, true);
                window.location.href = url;
            }).fail(function(error) {
                console.log(error.responseText);
                console.log(error);

                swal({
                    title: "ERROR",
                    text: "Se ha producido un redondeando la venta. Si el error persiste, póngase en contacto con nosotros.",
                    confirmButtonColor: "#EF5350",
                    type: "error"
                });

            });

        }


        // ADD BAG ON SALE
        function ajaxAddBagToSale()
        {
            showLoader();

            // BAG ID
            var dataName = 'saleId='+"{{ sale.id }}";

            // ADDING BAG
            var routeMassive = Routing.generate('_ajax_add_bag_on_sale');
            $.post(routeMassive, dataName, function (response) {
                var url= Routing.generate('sales_edit', {id: '{{ sale.id }}'}, true);
                window.location.href = url;
            }).fail(function(error) {
                console.log(error.responseText);
                console.log(error);

                hideLoader();

                swal({
                    title: "ERROR",
                    text: "Se ha producido un añadiendo la bolsa a la venta. Si el error persiste, póngase en contacto con nosotros.",
                    confirmButtonColor: "#EF5350",
                    type: "error"
                });

            });

        }

        // ADD BAG ON SALE
        function ajaxAddBagToSale2()
        {
            showLoader();

            // BAG ID
            var dataName = 'saleId='+"{{ sale.id }}";

            // ADDING BAG
            var routeMassive = Routing.generate('_ajax_add_bag_on_sale_2');
            $.post(routeMassive, dataName, function (response) {
                var url= Routing.generate('sales_edit', {id: '{{ sale.id }}'}, true);
                window.location.href = url;
            }).fail(function(error) {
                console.log(error.responseText);
                console.log(error);

                hideLoader();

                swal({
                    title: "ERROR",
                    text: "Se ha producido un añadiendo la bolsa a la venta. Si el error persiste, póngase en contacto con nosotros.",
                    confirmButtonColor: "#EF5350",
                    type: "error"
                });

            });

        }

        // ADD BAG ON SALE
        function ajaxAddBagToSale3()
        {
            showLoader();

            // BAG ID
            var dataName = 'saleId='+"{{ sale.id }}";

            // ADDING BAG
            var routeMassive = Routing.generate('_ajax_add_bag_on_sale_3');
            $.post(routeMassive, dataName, function (response) {
                var url= Routing.generate('sales_edit', {id: '{{ sale.id }}'}, true);
                window.location.href = url;
            }).fail(function(error) {
                console.log(error.responseText);
                console.log(error);

                hideLoader();

                swal({
                    title: "ERROR",
                    text: "Se ha producido un añadiendo la bolsa a la venta. Si el error persiste, póngase en contacto con nosotros.",
                    confirmButtonColor: "#EF5350",
                    type: "error"
                });

            });

        }

        // ADD BAG ON SALE
        function ajaxRemoveBagToSale(bagId)
        {
            var dataName = 'bagId='+bagId;

            showLoader();

            // DELETING BAG
            var routeMassive = Routing.generate('_ajax_remove_bag_on_sale');
            $.post(routeMassive, dataName, function (response) {
                var url= Routing.generate('sales_edit', {id: '{{ sale.id }}'}, true);
                window.location.href = url;
            }).fail(function(error) {
                console.log(error.responseText);
                console.log(error);

                hideLoader();

                swal({
                    title: "ERROR",
                    text: "Se ha producido un eliminando la bolsa a la venta. Si el error persiste, póngase en contacto con nosotros.",
                    confirmButtonColor: "#EF5350",
                    type: "error"
                });

            });

        }


        //CHECK IF WE CAN RESERVE THIS SALE - WE NEED A CUSTOMER - FIXED PRICES
        function checkIsWeCanReserveThisSaleFixedPrices(){
            {% if sale.customer is null %}
            swal({
                title: "ERROR",
                text: "Para poder reservar esta venta, debe seleccionar un cliente.",
                confirmButtonColor: "#EF5350",
                type: "error"
            });
            {% else %}

            var saleId = '{{ sale.id }}';
            var route = Routing.generate('check_is_possible_finish_sale', {'sale':saleId});

            $.get(route, function () {

            }).done(function (result) {
                if(result['isPossible']) {
                    ajaxSetSaleLikeReservedFixedPrices();
                } else {
                    swal({
                        title: 'OPPS',
                        text: result['message']+'. Elimine los stocks correspondientes para cancelar la operación.',
                        type: 'warning'
                    }, function() {
                        location.reload();
                    });
                }
            }).error(function(err) {
                console.log(err.responseText);
            });


            {% endif %}
        }

        //CHECK IF WE CAN RESERVE THIS SALE - WE NEED A CUSTOMER
        function checkIsWeCanReserveThisSale(){
            {% if sale.customer is null %}
                swal({
                    title: "ERROR",
                    text: "Para poder reservar esta venta, debe seleccionar un cliente.",
                    confirmButtonColor: "#EF5350",
                    type: "error"
                });
            {% else %}

                var saleId = '{{ sale.id }}';
                var route = Routing.generate('check_is_possible_finish_sale', {'sale':saleId});

                $.get(route, function () {

                }).done(function (result) {
                    if(result['isPossible']) {
                        ajaxSetSaleLikeReserved();
                    } else {
                        swal({
                            title: 'OPPS',
                            text: result['message']+'. Elimine los stocks correspondientes para cancelar la operación.',
                            type: 'warning'
                        }, function() {
                            location.reload();
                        });
                    }
                }).error(function(err) {
                    console.log(err.responseText);
                });


            {% endif %}
        }

        // SET THIS SALE LIKE RESERVED
        function ajaxSetSaleLikeReserved()
        {
            var sale = '{{ sale.id }}';
            var url = Routing.generate('is_seller_in_sale', {'id' : sale});

            $.get(url, function(){

            }).done(function(result) {
                if(result['isSeller']){
                    // SALE ID
                    var dataName = 'saleId='+"{{ sale.id }}";

                    // DELETING DISCOUNT
                    var routeMassive = Routing.generate('_ajax_reserved_sale', {fixedPrices: false} );
                    $.post(routeMassive, dataName, function (response) {
                        var url= Routing.generate('sales_edit', {id: '{{ sale.id }}' }, true);
                        window.location.href = url;
                    }).fail(function(error) {
                        console.log(error.responseText);
                        console.log(error);

                        swal({
                            title: "ERROR",
                            text: "Se ha producido un reservando la venta. Si el error persiste, póngase en contacto con nosotros.",
                            confirmButtonColor: "#EF5350",
                            type: "error"
                        });

                    });
                } else {
                    swal('OPS!', 'Para realizar la reserva necesita asignar un vendedor', 'warning');
                }
            }).fail(function(error){
                console.log(error.responseText);
            });
        }

        // SET THIS SALE LIKE RESERVED
        function ajaxSetSaleLikeReservedFixedPrices()
        {
            var sale = '{{ sale.id }}';
            var url = Routing.generate('is_seller_in_sale', {'id' : sale});

            $.get(url, function(){

            }).done(function(result) {
                if(result['isSeller']){
                    // SALE ID
                    var dataName = 'saleId='+"{{ sale.id }}";

                    // DELETING DISCOUNT
                    var routeMassive = Routing.generate('_ajax_reserved_sale', {fixedPrices: true});
                    $.post(routeMassive, dataName, function (response) {
                        var url= Routing.generate('sales_edit', {id: '{{ sale.id }}' }, true);
                        window.location.href = url;
                    }).fail(function(error) {
                        console.log(error.responseText);
                        console.log(error);

                        swal({
                            title: "ERROR",
                            text: "Se ha producido un reservando la venta. Si el error persiste, póngase en contacto con nosotros.",
                            confirmButtonColor: "#EF5350",
                            type: "error"
                        });

                    });
                } else {
                    swal('OPS!', 'Para realizar la reserva necesita asignar un vendedor', 'warning');
                }
            }).fail(function(error){
                console.log(error.responseText);
            });
        }

        //QUESTION TO DELETE RESERVATION
        function checkIsWeCanCloseReserveThisSale(){
            // CHECK SALE ELEMENTS
            var saleElements = {{ sale.saleElement | length }};

            if (Number(saleElements) > 0) {
                var message = 'Para cancelar la reserva debe eliminar los stocks de la cesta';

                if(Number(saleElements) === 1) {
                    message = 'Para cancelar la reserva debe eliminar el stock de la cesta';
                }

                swal(
                    'Oops...',
                    message,
                    'error'
                );
            } else {
                // CHECK PAYMENTS
                var totalPaid = {{ totalPaid }};

                if(totalPaid == 0) {
                    var sw = swal({
                            title: "CANCELAR RESERVA",
                            text: "¿Está seguro de cancelar esta reserva?",
                            type: "info",
                            showCancelButton: true,
                            confirmButtonColor: "#2196f3",
                            confirmButtonText: "Si, cancelar la reserva",
                            cancelButtonText: "No, salir de aqui",
                            closeOnConfirm: true,
                            closeOnCancel: true
                        },
                        function(isConfirm){
                            if (isConfirm) {
                                //DELETE RESERVATION
                                ajaxDeleteReservationToSale();
                            }
                        });
                } else {
                    swal(
                        'Oops...',
                        'No puede cancelar esta reserva porque hay pagos pendientes',
                        'error'
                    )
                }
            }
        }



        // APPLY DELETE RESERVATION GLOBAL
        function ajaxDeleteReservationToSale()
        {
            // SALE ID
            var dataName = 'saleId='+"{{ sale.id }}";

            // DELETING DISCOUNT
            var routeMassive = Routing.generate('_ajax_cancel_reserved_sale');
            $.post(routeMassive, dataName, function (response) {
                var url= Routing.generate('sales_edit', {id: '{{ sale.id }}' }, true);
                window.location.href = url;
            }).fail(function(error) {
                console.log(error.responseText);
                console.log(error);

                swal({
                    title: "ERROR",
                    text: "Se ha producido un error cancelando la reserva. Si el error persiste, póngase en contacto con nosotros.",
                    confirmButtonColor: "#EF5350",
                    type: "error"
                });

            });

        }

        //CHANGE DATE RESERVATION
        function saveDateReservation(){

            //EMPTY DATE RESERVATION
            dateReservation = $("#date_reservation").val();
            if (!dateReservation){
                swal({
                    title: "ERROR",
                    text: "Debe introducir una fecha de reserva correcta.",
                    confirmButtonColor: "#EF5350",
                    type: "error"
                });
                return ;
            }else {

                // SALE ID
                var dataName = 'saleId=' + "{{ sale.id }}" + "&dateReservation=" + dateReservation;

                // DELETING DISCOUNT
                var routeMassive = Routing.generate('_ajax_update_date_reserved_sale');
                $.post(routeMassive, dataName, function (response) {
                    var url= Routing.generate('sales_edit', {id: '{{ sale.id }}' }, true);
                    window.location.href = url;
                }).fail(function (error) {
                    console.log(error.responseText);
                    console.log(error);

                    swal({
                        title: "ERROR",
                        text: "Se ha producido un error cancelando la reserva. Si el error persiste, póngase en contacto con nosotros.",
                        confirmButtonColor: "#EF5350",
                        type: "error"
                    });

                });
            }
        }


        // FILLING DIALOG PAYMENT REGARDING SITUATION WHO PAY
        function fillMissingAmount(){
            var totalMissing = '{{ totalMissing }}';
            totalMissing = totalMissing.replace(',', '');
            //amount
            $("#salePaymentFormBasic_ammount").val(Math.abs(totalMissing));
            //who pay
            if (totalMissing<0){
                $("#salePaymentFormBasic_typeSsalePaymentWhoPay").val(2);
            }else{
                $("#salePaymentFormBasic_typeSsalePaymentWhoPay").val(1);
            }

            //show dialog
            $('#paymentModal').modal('show');

        }

        // FAST_TPV
        // FOCUS ON PAYMENT AMMOUNT AFTER OPEN
        $('#paymentModal').on('shown.bs.modal', function () {
            $('#salePaymentFormBasic_ammount').focus();
        })
        // FAST_TPV
        // ON KEY PRESS number - ERASE QUANTITY
        $('#salePaymentFormBasic_ammount').keydown(function (e) {

            if (e.keyCode == 13) {
                $("#save_sale_payment").click();
            }
            if (e.keyCode == 32) {
                $("#salePaymentFormBasic_ammount").val("");
            }
            if (e.keyCode == 9) {
                e.preventDefault(); // stops its action
                toogleSalePayment();
            }
        });

        $(document).on('click', '#new_payment_btn', function () {
            if($('#salePaymentFormBasic_typeSsalePaymentWhoPay').val() == 1) {
                disableGiftCard()
            }

            $('#salePaymentFormBasic_typeSsalePaymentWhoPay').change(function () {
                if($(this).val() == 1) {
                    disableGiftCard();
                } else {
                    enableGiftCard();
                };
            });
        });

        function disableGiftCard() {
            $('#salePaymentFormBasic_typeSsalePayment option').each(function () {
                if($(this).val() == 3) {
                    $(this).attr('disabled', true);
                }
            });
        }

        function enableGiftCard() {
            $('#salePaymentFormBasic_typeSsalePayment option').each(function () {
                $(this).attr('disabled', false);
            });
        }


        // FIDELITY CARD
        function useFidelityCard(){

            // JUST SALES ALREADY OPENED
            {% if sale.typestatussale.id != constant('CoreBundle\\Entity\\TypeStatusSale::ID_STATUS_TO_COMPLETED') %}

                $('#fidelity_card_btn').prop("disabled", true);

                // WE AVOID USE DICOUNT CAMPAING IN THIS SALE.
                var path = Routing.generate('_ajax_number_of_discounts_for_articles_for_this_sale', {'saleId' : '{{ sale.id }}'});

                $.get(path, function (campaingsInThisSale) {

                    if ( campaingsInThisSale > 0 ){
                        swal({
                            title: "Atención",
                            text: "No puede añadir una tarjeta de fidelización a la venta. Esta venta ya tiene artículos con campaña de descuentos incluída.",
                            confirmButtonColor: "#EF5350",
                            type: "error"
                        });
                        $('#fidelity_card_btn').prop("disabled", false);
                    }else{

                        var path = Routing.generate('_ajax_number_of_discounts_for_this_sale', {'saleId' : '{{ sale.id }}'});

                        $.get(path, function (discountsInThisSale) {

                            if (discountsInThisSale >= 1){
                                swal({
                                    title: "Atención",
                                    text: "No puede añadir una tarjeta de fidelización a la venta. Esta venta ya tiene descuentos.",
                                    confirmButtonColor: "#EF5350",
                                    type: "error"
                                });
                                $('#fidelity_card_btn').prop("disabled", false);
                            }else{
                                addFidelityCard();
                                $('#fidelity_card_btn').prop("disabled", false);
                            }


                        }).fail(function(data){
                            errorNotity(data.message);
                            $('#fidelity_card_btn').prop("disabled", false);
                        });

                    }

                }).fail(function(data){
                    errorNotity(data.message);
                    $('#fidelity_card_btn').prop("disabled", false);
                });

            {% endif %}

        }

        // ADD FIDELITY CARD
        function addFidelityCard()
        {
            // SALE ID
            var dataName = 'saleId='+"{{ sale.id }}";

            // ADDING DISCOUNT
            var routeMassive = Routing.generate('_ajax_add_fidelity_card_for_this_sale');
            $.post(routeMassive, dataName, function (response) {
                var url= Routing.generate('sales_edit', {id: '{{ sale.id }}' }, true);
                window.location.href = url;
            }).fail(function(error) {
                console.log(error.responseText);
                console.log(error);

                swal({
                    title: "ERROR",
                    text: "Se ha producido un error añadiendo la tarjeta de fidelización. Si el error persiste, póngase en contacto con nosotros.",
                    confirmButtonColor: "#EF5350",
                    type: "error"
                });

            });

        }

        // DELETE FIDELITY CARD OR COUPON
        function deleteFidelityCardOrCoupon()
        {
            // SALE ID
            var dataName = 'saleId='+"{{ sale.id }}";

            // ADDING DISCOUNT
            var routeMassive = Routing.generate('_ajax_delete_fidelity_card_or_coupon_for_this_sale');
            $.post(routeMassive, dataName, function (response) {

                //DO NOTHING

            }).fail(function(error) {
                console.log(error.responseText);
                console.log(error);

                swal({
                    title: "ERROR",
                    text: "Se ha producido un error eliminando la tarjeta de fidelización o cupón. Si el error persiste, póngase en contacto con nosotros.",
                    confirmButtonColor: "#EF5350",
                    type: "error"
                });

            });

        }



        //DIALOG PIGGY BANK
        function usePiggyBank(){

            // JUST SALES ALREADY OPENED
            {% if sale.typestatussale.id != constant('CoreBundle\\Entity\\TypeStatusSale::ID_STATUS_TO_COMPLETED') %}

            // WE AVOID USE DICOUNT CAMPAING IN THIS SALE.
            var path = Routing.generate('_ajax_number_of_discounts_for_articles_for_this_sale', {'saleId' : '{{ sale.id }}'});

            $.get(path, function (campaingsInThisSale) {

                if ( campaingsInThisSale > 0 ){
                    swal({
                        title: "Atención",
                        text: "No puede añadir una hucha ahorro a la venta. Esta venta ya tiene artículos con campaña de descuentos incluída.",
                        confirmButtonColor: "#EF5350",
                        type: "error"
                    });
                }else{

                    var path = Routing.generate('_ajax_number_of_discounts_for_this_sale', {'saleId' : '{{ sale.id }}'});

                    $.get(path, function (discountsInThisSale) {

                        if (discountsInThisSale >= 1){
                            swal({
                                title: "Atención",
                                text: "No puede añadir la hucha ahorro a la venta. Esta venta ya tiene descuentos.",
                                confirmButtonColor: "#EF5350",
                                type: "error"
                            });
                        }else{

                            //SHOW DIALOG
                            $('#piggyBank_sale_modal').modal('show');
                        }


                    }).fail(function(data){
                        errorNotity(data.message);
                    });

                }

            }).fail(function(data){
                errorNotity(data.message);
            });

            {% endif %}

        }


        //ACTION TO ATTACH THE COUPON CODE
        function useCouponsCode(){

            // JUST SALES ALREADY OPENED
            {% if sale.typestatussale.id != constant('CoreBundle\\Entity\\TypeStatusSale::ID_STATUS_TO_COMPLETED') %}

            // WE AVOID USE DICOUNT CAMPAING IN THIS SALE.
            var path = Routing.generate('_ajax_number_of_discounts_for_articles_for_this_sale', {'saleId' : '{{ sale.id }}'});

            $.get(path, function (campaingsInThisSale) {

                if ( campaingsInThisSale > 0 ){
                    swal({
                        title: "Atención",
                        text: "No puede añadir un cupón por código a la venta. Esta venta ya tiene artículos con campaña de descuentos incluída.",
                        confirmButtonColor: "#EF5350",
                        type: "error"
                    });
                }else{

                    var path = Routing.generate('_ajax_number_of_discounts_for_this_sale', {'saleId' : '{{ sale.id }}'});

                    $.get(path, function (discountsInThisSale) {

                        if (discountsInThisSale >= 1){
                            swal({
                                title: "Atención",
                                text: "No puede añadir un cupón por código a la venta. Esta venta ya tiene descuentos.",
                                confirmButtonColor: "#EF5350",
                                type: "error"
                            });
                        }else{

                            //SHOW DIALOG
                            $('#coupon_code_sale_modal').modal('show');
                        }


                    }).fail(function(data){
                        errorNotity(data.message);
                    });

                }

            }).fail(function(data){
                errorNotity(data.message);
            });

            {% endif %}

        }



        //ACTION TO ATTACH THE COUPON
        function useCoupons(){

            // JUST SALES ALREADY OPENED
            {% if sale.typestatussale.id != constant('CoreBundle\\Entity\\TypeStatusSale::ID_STATUS_TO_COMPLETED') %}

            // WE AVOID USE DICOUNT CAMPAING IN THIS SALE.
            var path = Routing.generate('_ajax_number_of_discounts_for_articles_for_this_sale', {'saleId' : '{{ sale.id }}'});

            $.get(path, function (campaingsInThisSale) {

                if ( campaingsInThisSale > 0 ){
                    swal({
                        title: "Atención",
                        text: "No puede añadir un cupón a la venta. Esta venta ya tiene artículos con campaña de descuentos incluída.",
                        confirmButtonColor: "#EF5350",
                        type: "error"
                    });
                }else{

                    var path = Routing.generate('_ajax_number_of_discounts_for_this_sale', {'saleId' : '{{ sale.id }}'});

                    $.get(path, function (discountsInThisSale) {

                        if (discountsInThisSale >= 1){
                            swal({
                                title: "Atención",
                                text: "No puede añadir un cupón a la venta. Esta venta ya tiene descuentos.",
                                confirmButtonColor: "#EF5350",
                                type: "error"
                            });
                        }else{

                            //SHOW DIALOG
                            $('#coupon_sale_modal').modal('show');
                        }


                    }).fail(function(data){
                        errorNotity(data.message);
                    });

                }

            }).fail(function(data){
                errorNotity(data.message);
            });

            {% endif %}

        }

        // ADD COUPON
        function addCoupon()
        {
            // SALE ID
            var dataName = 'saleId='+"{{ sale.id }}";

            // ADDING DISCOUNT
            var routeMassive = Routing.generate('_ajax_add_fidelity_card_for_this_sale');
            $.post(routeMassive, dataName, function (response) {
                var url= Routing.generate('sales_edit', {id: '{{ sale.id }}' }, true);
                window.location.href = url;
            }).fail(function(error) {
                console.log(error.responseText);
                console.log(error);

                swal({
                    title: "ERROR",
                    text: "Se ha producido un error añadiendo la tarjeta de fidelización. Si el error persiste, póngase en contacto con nosotros.",
                    confirmButtonColor: "#EF5350",
                    type: "error"
                });

            });

        }

        // ADD PIGGY BANK DISCOUNT
        function addPiggyBankToSale(amountPiggyBank)
        {
            // SALE ID
            var dataName = 'saleId='+"{{ sale.id }}"+"&amountPiggyBank="+amountPiggyBank;

            $('#btn_apply_piggy_bank').prop("disabled", true);

            // ADDING DISCOUNT
            var routeMassive = Routing.generate('_ajax_add_piggy_bank_for_this_sale');
            $.post(routeMassive, dataName, function (response) {
                var url= Routing.generate('sales_edit', {id: '{{ sale.id }}'}, true);
                window.location.href = url;
            }).fail(function(error) {
                console.log(error.responseText);
                console.log(error);
                $('#btn_apply_piggy_bank').prop("disabled", false);
                swal({
                    title: "ERROR",
                    text: "Se ha producido un error añadiendo la hucha ahorro. Si el error persiste, póngase en contacto con nosotros.",
                    confirmButtonColor: "#EF5350",
                    type: "error"
                });

            });

        }


        // SHOW FORM WITH CUSTOMER
        function openCustomerSaleDialog(){

            var customerId ="";

            {% if sale.customer is not null %}
                customerId = "{{ sale.customer.id }}"
            {% endif %}

            path = Routing.generate('_ajax_customerSaleAction', {'customerId' : customerId});
            $.get(path, function (result) {
                $("#customer_sale_modal").html(result);
                enableDisableFields();
                $('#customer_sale_modal').modal('show');
            }).fail(function (data) {
                //errorNotity(data.message);
                console.log(data);
            });

        }

        // CHANGE SELLER
        $('#seller_select').change(function () {
            var seller = $('#seller_select option:selected').val();
            var sale = '{{ sale.id }}';
            var route = Routing.generate('change_seller', { 'seller' : seller, 'sale' : sale });

            if(seller != 'none_selected') {
                showLoader();

                $.get(route, function(){

                }).done(function(result){
                    $('#seller_li').html(result);
                    $('#seller_select option[value=none_seller_selected]').remove();

                    hideLoader();
                    var url= Routing.generate('sales_edit', {id: '{{ sale.id }}' }, true);
                    window.location.href = url;
                }).fail(function(error){
                    console.log(error.responseText);
                })
            } else {
                swal('OPS!', 'Tienes que tener un vendedor asignado', 'warning');
            }

        });

        function onHold(){

            var saleId = '{{ sale.id }}';
            var routeCheck = Routing.generate('check_is_possible_finish_sale', {'sale':saleId});

            $.get(routeCheck, function () {

            }).done(function (result) {
                if(result['isPossible']) {
                    var url = Routing.generate('is_seller_in_sale', {'id' : sale});

                    $.get(url, function(){

                    }).done(function(result) {
                        if(result['isSeller']){
                            window.location.href = Routing.generate('sales_wait', { 'id' : sale});
                        } else {
                            swal('OPS!', 'Tienes que tener un vendedor asignado para pausar la venta', 'warning');
                        }
                    }).fail(function(error){
                        console.log(error.responseText);
                    });
                } else {
                    swal({
                        title: 'OPPS',
                        text: result['message']+'. Elimine los stocks correspondientes para pausar la operación.',
                        type: 'warning'
                    }, function() {
                        location.reload();
                    });
                }
            }).error(function(err) {
                console.log(err.responseText);
            });


        }


        function saveInternalNotes(){
            var internalNotes = $("#sales_internal_notes").val();

            var url = Routing.generate('save_internal_notes_for_sale', { 'saleId': '{{ sale.id }}', 'internalNotes' : internalNotes });

            $.get(url, function (response) {
                window.location.reload();
            }).fail(function(data){
                swal('OPS!', 'Error guardando el comentario de la venta.', 'warning');
                window.location.reload();
            });
        }

    </script>


    <!-- AVOID RESUBMIT FORM -->
    <script>
        if ( window.history.replaceState ) {
            window.history.replaceState( null, null, window.location.href );
        }
    </script>




{% endblock%}