{% extends '@Core/base.html.twig' %}
{% block javascript %}
    {{ parent() }}

    <script src="{{ asset('assets/js/orderarticle8.js') }}?v={{ "now"|date("d-m-Y") }}"></script>
    <script src="{{ asset('assets/js/orderprint.js') }}?v={{ "now"|date("d-m-Y") }}"></script>

{% endblock %}
{% block sectionTitle %}Albarán{% endblock %}
{% block breadcrumbLinks %}
    <li><a class="" href="{{ path('whole-saler_menu') }}">Menú mayorista</a></li>
    <li><a href="{{ path("whole-saler_delivery-note") }}">Albaranes mayorista</a></li>
    <li class="active">Editar albarán</li>
{% endblock %}


{% block content %}

    <style>
        .top_screen{
            position: fixed;
            right: 0;
            top: 0;
            z-index: 1;
        }
        .col-xs-1 {
            width: 7.1% !important;
        }
        .button_cc_width_horizontal{
            width: 33% !important;
        }
    </style>

    <style>

        .control-div{
            margin-top: -15px !important;
        }
        .totalArticle{
            font-size: 12px;
            font-weight: bolder;
        }
        .col-xs-1 {
            width: 6.6%;
            padding: 1px;
            font-size: 11px;
            text-align: center;
        }
        input {
            text-align: left;
        }
    </style>

    <!-------------------------- WHEN WHOLESALER DELIVERy NOTE HAS NOT BEEN CREATED ---------------------------->
    {% if wholeSalerDeliveryNote.id is null %}
        <div class="col-xs-12 panel-flat">
            <div class="panel-body">
                <div class="panel panel-white">

                    <div class="panel-heading">
                        CREAR UN ALBARÁN DE MAYORISTA
                    </div>

                    <div class="panel-body">

                        <!-- CUSTOMER SELECTION -->
                        <div class="col-md-6">
                            <label class="control-label required" for="customer_whole_saler_delivery_note" aria-required="true">Cliente (*) No obligatorio</label>
                            <div class="input-group form-group">
                                <span class="input-group-addon bg-info"><i class="icon-user"></i></span>
                                <input type="text" class="form-control typeahead" id="customer_whole_saler_delivery_note" name="customer_whole_saler_delivery_note" placeholder="Buscar un cliente" style="text-align: left">
                            </div>
                        </div>

                        <div class="col-md-6">
                            <div class="form-group">
                                <strong>Cliente seleccionado para el albarán</strong><br>
                                <div  style="margin-top: 10px;">

                                    <hr>
                                    <a href="#" class="display-inline-block text-default letter-icon-title" id="customer_customer_whole_saler_delivery_note_name"  name="customer_customer_whole_saler_delivery_note_name">
                                        {% if wholeSalerDeliveryNote.id %}
                                            {{ wholeSalerDeliveryNote.customer.name }}
                                        {% else %}
                                            Seleccione el cliente para crear un albarán.
                                        {% endif %}
                                    </a>
                                    <hr>

                                </div>
                            </div>
                        </div>


                        <div class="col-xs-12">
                            {% include 'CoreBundle:WholeSaler:whole_saler_delivery_note_form_new.html.twig' %}
                        </div>

                    </div>


                </div>
            </div>
        </div>

    {% else %}

        <!-- TOTAL -->
        <div class="top_screen" id ="top_screen_container">
            <div class="panel-body" style="padding: 0px !important;">
                <div class="form-group" style="margin-bottom: 1px !important">
                    <div class="panel panel-flat" style="margin-bottom: 0px;">
                        <div class="row" style="background: #f2f2f2;">

                            <div class="dataTables_wrapper no-footer">
                                <div class="datatable-scroll">
                                    <table class="table no-footer table-hover" id="totalWholeSalerDeliveryNoteTable" role="grid" aria-describedby="" style="border: 1px solid black !important;">
                                        <thead>
                                        <tr role="row">
                                            <th class="sorting" tabindex="0" aria-controls="DataTables_Table_0" rowspan="1" colspan="1">Artículos</th>
                                            <th class="sorting" tabindex="0" aria-controls="DataTables_Table_0" rowspan="1" colspan="1">Unidades</th>
                                            <th class="sorting" tabindex="0" aria-controls="DataTables_Table_0" rowspan="1" colspan="1">Importe total</th>
                                            <th></th>
                                        </tr>
                                        </thead>

                                        <tbody>

                                            <tr role="row" class="" style="background-color: #f9ecec">
                                                <td align="center" style="font-size: 18px !important; font-weight: bolder; "><div id="totalWholeSalerDeliveryNoteArticles"></div></td>
                                                <td align="center" style="font-size: 18px !important; font-weight: bolder; "><div id="totalWholeSalerDeliveryNoteUnits"></div></td>
                                                <td align="center" style="font-size: 18px !important; font-weight: bolder; "><div id="totalWholeSalerDeliveryNoteEuros"></div></td>
                                            </tr>

                                        </tbody>
                                    </table>

                                </div>

                            </div>

                        </div>
                    </div>
                </div>
            </div>
        </div>
        <!-- ARTICLES -->

        <!-- CONTENT -->
        <div class="content">

            <div class="">

                <div class="panel panel-white">
                    <div class="panel-body">
                        <div class="col-md-4">
                            <div class="">
                                <div class="">
                                    <div class="">
                                        <div class="col-md-4" style=" ">
                                            COD - Albarán
                                        </div>

                                        <div class="col-md-8" style="font-weight: bold">
                                            {{ wholeSalerDeliveryNote.alias }}
                                        </div>
                                    </div>

                                    <div class="">
                                        <div class="col-md-4" style=" ">
                                            F.Creación
                                        </div>

                                        <div class="col-md-8" style="font-weight: bold">
                                            <td align="center">{{ wholeSalerDeliveryNote.createdAt | date('d/m/Y') }}</td>
                                        </div>
                                    </div>

                                    {% if wholeSalerDeliveryNote.dateForPrinting %}
                                    <div class="">
                                        <div class="col-md-4" style=" ">
                                            F.Impresión
                                        </div>

                                        <div class="col-md-8" style="font-weight: bold">
                                            {{ wholeSalerDeliveryNote.dateForPrinting | date('d/m/Y') }}
                                        </div>
                                    </div>
                                    {% endif %}

                                    <div class="">
                                        <div class="col-md-4" style=" ">
                                            Empresa
                                        </div>

                                        <div class="col-md-8" style="font-weight: bold">
                                            {% if wholeSalerDeliveryNote.company %}
                                                {{ wholeSalerDeliveryNote.company.name }}
                                            {% endif %}
                                        </div>
                                    </div>

                                    <div class="">
                                        <div class="col-md-4" style=" ">
                                            Tienda
                                        </div>

                                        <div class="col-md-8" style="font-weight: bold">
                                            {% if wholeSalerDeliveryNote.shop %}
                                                {{ wholeSalerDeliveryNote.shop.name }}
                                            {% endif %}
                                        </div>
                                    </div>

                                    <div class="">
                                        <div class="col-md-4" style=" ">
                                            Cliente
                                        </div>

                                        <div class="col-md-8" style="font-weight: bold">
                                            {% if wholeSalerDeliveryNote.customer %}
                                                {{ wholeSalerDeliveryNote.customer.name }}
                                            {% else %}
                                                &nbsp;
                                            {% endif %}
                                        </div>
                                    </div>

                                    {% if relatedToInvoice %}
                                        <div class="">
                                            <div class="col-md-4" style=" ">
                                                Factura asociada
                                            </div>

                                            <div class="col-md-8" style="font-weight: bold">
                                                <a href="{{ path('whole_saler_invoice', {"objId" : relatedToInvoice.id}) }}">{{ relatedToInvoice.codeInvoice }}</a> &nbsp;
                                            </div>
                                        </div>
                                    {% endif %}

                                    {% if wholeSalerDeliveryNote.isClosed %}
                                        <div class="">
                                            <div class="col-md-4" style=" ">
                                                Cerrado el
                                            </div>

                                            <div class="col-md-8" style="font-weight: bold">
                                                {{ wholeSalerDeliveryNote.dateClosed | date('d/m/Y H:i:s') }}
                                            </div>
                                        </div>
                                    {% endif %}

                                    <div class="">
                                        <div class="col-md-10" style=" ">
                                            {{ wholeSalerDeliveryNote.status|raw }}
                                        </div>
                                    </div>

                                </div>
                            </div>
                        </div>

                        <div class="col-md-8 pull-right text-right panel-heading">

                            {% if wholeSalerDeliveryNote.isClosed == 0 %}
                            <div class="col-xs-2 pull-right "  style="width: 20%;margin-top: 10px;">
                                <button onclick="questionCloseWholeSalerDeliverNote()" id="close_whole_saler_delivery_note_button" class="btn bg-success-300 btn-block btn-float btn-float-lg" target="_blank">
                                    <i class="icon-checkbox-checked position-left button_label_cc_icon_horizontal"></i>
                                    <div class="button_label_cc_text">
                                        CERRAR<br> ALBARÁN
                                    </div>
                                </button>
                            </div>
                            {% endif %}

                            <div class="col-xs-2 pull-right "  style="width: 20%;margin-top: 10px;">
                                <a href="{{ path('whole-saler-delivery-note_print', {"id" : wholeSalerDeliveryNote.id}) }}" class="btn bg-teal-400 btn-block btn-float btn-float-lg" target="_blank">
                                    <i class="icon-printer4 position-left button_label_cc_icon_horizontal"></i>
                                    <div class="button_label_cc_text">
                                        IMPRIMIR<br> FORMATO A4
                                    </div>
                                </a>
                            </div>

                            <div class="col-xs-2 pull-right "  style="width: 20%;margin-top: 10px;">
                                <a href="{{ path('whole-saler-delivery-note_print_ticket', {"id" : wholeSalerDeliveryNote.id}) }}" class="btn bg-teal-400 btn-block btn-float btn-float-lg" target="_blank">
                                    <i class="icon-ticket position-left button_label_cc_icon_horizontal"></i>
                                    <div class="button_label_cc_text">
                                        IMPRIMIR<br> MODO TICKET
                                    </div>
                                </a>
                            </div>

                            <div class="col-xs-2 pull-right "  style="width: 22%;margin-top: 10px;">
                                <a href="{{ path('whole-saler-delivery-note_print-grouped-article', {"id" : wholeSalerDeliveryNote.id}) }}" class="btn bg-teal-400 btn-block btn-float btn-float-lg" target="_blank">
                                    <i class="icon-printer position-left button_label_cc_icon_horizontal"></i>
                                    <div class="button_label_cc_text">
                                        IMPRIMIR<br> MODO AGRUPADO
                                    </div>
                                </a>
                            </div>

                            {% if wholeSalerDeliveryNote.isClosed == 1 and wholeSalerDeliveryNote.isCancelled == 0 %}
                                <div class="col-xs-2 pull-right "  style="width: 20%;margin-top: 10px;">
                                    <button type="button" class="btn bg-purple-300 btn-block btn-float btn-float-lg" onclick="reopenWholeSalerDeliveryNote()" id="reopen_order_button">
                                        <i class="glyphicon glyphicon-refresh position-left button_label_cc_icon_horizontal"></i>
                                        <div class="button_label_cc_text">
                                            REABRIR  <br> ALBARÁN
                                        </div>
                                    </button>
                                </div>
                            {% endif %}



                            {% if wholeSalerDeliveryNote.isClosed == 0  and wholeSalerDeliveryNote.isReopen == 0 %}
                            <div class="col-xs-2 pull-right "  style="width: 20%;margin-top: 10px;">
                                <button type="button" class="btn bg-black btn-block btn-float btn-float-lg" onclick="deleteWholeSalerDeliveryNote()" id="delete_order_button">
                                    <i class="icon-database-remove position-left button_label_cc_icon_horizontal"></i>
                                    <div class="button_label_cc_text">
                                        ELIMINAR  <br> ALBARÁN
                                    </div>
                                </button>
                            </div>
                            {% endif %}

                            {% if wholeSalerDeliveryNote.isCancelled == 0 %}
                                <div class="col-xs-2 pull-right "  style="width: 20%;margin-top: 10px;">
                                    <button type="button" class="btn bg-red btn-block btn-float btn-float-lg" onclick="cancelWholeSalerDeliveryNote()" id="reopen_order_button">
                                        <i class="icon-cancel-square2 position-left button_label_cc_icon_horizontal"></i>
                                        <div class="button_label_cc_text">
                                            ANULAR  <br> ALBARÁN
                                        </div>
                                    </button>
                                </div>
                            {% endif %}

                        </div>
                    </div>
                </div>


                <div class="panel panel-white">

                    <div class="panel-body">

                        <div class="tabbable">
                            <ul class="nav nav-tabs nav-tabs-bottom nav-justified">
                                <li class="active"><a href="#tabArticles" data-toggle="tab">Artículos</a></li>
                                <li><a href="#tabPayments" data-toggle="tab">Pagos</a></li>
                                <li><a href="#tabInfo" data-toggle="tab">Información</a></li>
                                <li><a href="#tabBinnacle" data-toggle="tab">Bitácora</a></li>
                            </ul>

                            <div class="tab-content">

                                <!-- STOCKS -->
                                <div class="tab-pane active" id="tabArticles">
                                    <div class="panel-body" style="padding: 0px !important;">
                                        <div class="form-group" style="margin-bottom: 1px !important">

                                            <!-- LIST OF STOCKS -->
                                            <div id="articleWholeSalerDeliveryNoteList" class="col-xs-12 text-center">
                                                <i class="icon-spinner2 spinner mr-2"></i> Cargando ...
                                            </div>

                                        </div>
                                    </div>
                                </div>
                                <!-- STOCKS -->

                                <!-- PAYMENTS -->
                                <div class="tab-pane" id="tabPayments">
                                    <div class="panel-body" style="padding: 0px;">

                                        <!-- LIST OF PAYMENTS -->
                                        <div id="paymentsWholeSalerDeliveryNoteList" class="col-xs-12 text-center">
                                            <i class="icon-spinner2 spinner mr-2"></i> Cargando ...
                                        </div>

                                    </div>
                                </div>
                                <!-- PAYMENTS -->


                                <!-- INFO -->
                                <div class="tab-pane" id="tabInfo">
                                    <div class="">

                                        <!-- CUSTOMER SELECTION -->
                                        <div class="col-md-6">
                                            <label class="control-label required" for="customer_whole_saler_delivery_note" aria-required="true">Cliente (*) No obligatorio</label>
                                            <div class="col-xs-12" style="padding: 0px;">
                                                <a href="#" onclick="openCustomerSaleDialog()" oncontextmenu="return false;" style="float: left" class="btn border-teal text-teal btn-flat btn-rounded btn-icon btn-xs valign-text-bottom"><i class="icon-plus3"></i></a>
                                                <div class="input-group form-group" style="float: right; width: 92%">
                                                    <span class="input-group-addon bg-info"><i class="icon-user"></i></span>
                                                    <input type="text" class="form-control typeahead" id="customer_whole_saler_delivery_note" name="customer_whole_saler_delivery_note" placeholder="Buscar un cliente" style="text-align: left">
                                                </div>
                                            </div>
                                        </div>

                                        <div class="col-md-6">
                                            <div class="form-group">
                                                <strong>Cliente seleccionado para el albarán</strong><br>
                                                <div  style="margin-top: 10px;">

                                                    <hr>
                                                    <a href="#" class="display-inline-block text-default letter-icon-title" id="customer_customer_whole_saler_delivery_note_name"  name="customer_customer_whole_saler_delivery_note_name">
                                                        {% if wholeSalerDeliveryNote.customer %}
                                                            <a  class="btn btn-rounded btn btn-flat text-indigo border-indigo" href="{{ path('whole-saler_edit',{'id':wholeSalerDeliveryNote.customer.getId}) }}" ><i class="icon-user"></i> {{ wholeSalerDeliveryNote.customer.name }}</a>
                                                            <a  style="margin-left: 20px" class="btn btn-rounded btn btn-flat text-danger border-danger" href="#" onclick="removeCustomerFromWholeSalerDeliveryNote()"><i class="icon-trash"></i> Eliminar cliente del albarán</a>
                                                        {% else %}
                                                            Seleccione el cliente para crear un albarán.
                                                        {% endif %}
                                                    </a>
                                                    <hr>

                                                </div>
                                            </div>
                                        </div>

                                    </div>

                                    <div class="">

                                        <!-- BUDGET SELECTION -->
                                        <div class="col-md-6">
                                            <label class="control-label required" for="budget_whole_saler_delivery_note" aria-required="true">Presupuesto mayorista (*) No obligatorio</label>
                                            <div class="col-xs-12" style="padding: 0px;">
                                                <div class="input-group form-group" style="float: right">
                                                    <span class="input-group-addon bg-info"><i class="icon-user"></i></span>
                                                    <input type="text" class="form-control typeahead" id="budget_whole_saler_delivery_note" name="budget_whole_saler_delivery_note" placeholder="Buscar un presupuesto mayorista para la empresa de este albarán" style="text-align: left">
                                                </div>
                                            </div>
                                        </div>

                                        <div class="col-md-6">
                                            <div class="form-group">
                                                <strong>Presupuesto mayorista asociado a este albarán</strong><br>
                                                <div  style="margin-top: 10px;">

                                                    <hr>
                                                    <a href="#" class="display-inline-block text-default letter-icon-title" id="budget_whole_saler_delivery_note_name"  name="budget_whole_saler_delivery_note_name">
                                                        {% if wholeSalerDeliveryNote.wholeSalerBudget %}
                                                            <a  class="btn btn-rounded btn btn-flat text-indigo border-indigo" href="{{ path('whole-saler-budget_edit',{'id':wholeSalerDeliveryNote.wholeSalerBudget.getId}) }}" ><i class="icon-user"></i> {{ wholeSalerDeliveryNote.wholeSalerBudget.alias }}</a>
                                                            <a  style="margin-left: 20px" class="btn btn-rounded btn btn-flat text-danger border-danger" href="#" onclick="removeBudgetFromWholeSalerDeliveryNote()"><i class="icon-trash"></i> Eliminar el presupuesto de este albarán</a>
                                                        {% else %}
                                                            Seleccione un presupuseto mayorista para asociar a este albarán.
                                                        {% endif %}
                                                    </a>
                                                    <hr>

                                                </div>
                                            </div>
                                        </div>

                                    </div>


                                    <div class="">
                                        <div class="col-xs-12">
                                            {% include 'CoreBundle:WholeSaler:whole_saler_delivery_note_form_new.html.twig' %}
                                        </div>
                                    </div>

                                </div>
                                <!-- INFO -->

                                <!-- BINNACLE -->
                                <div class="tab-pane" id="tabBinnacle">
                                    <div class="panel-body" style="padding: 0px;">
                                        {{ wholeSalerDeliveryNote.textBinnacle | raw }}
                                    </div>
                                </div>
                                <!-- BINNACLE -->

                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>

    {% endif %}

{% endblock %}
{% block script %}


    <script>

        //UPDATE TOTAL
        $("#discountPercentageWholeSalerDeliveryNote_total").change(function() {
            {% if wholeSalerDeliveryNote.isClosed == false %}
                updateTotalWholeSalerDeliveryNote();
            {% endif %}
        });



        //SCANBAR CODE
        $("#wholeSalerDeliveryNotePaymentFormBasic_ammount").change(function() {
            console.log(" change wholeSalerDeliveryNotePaymentFormBasic_ammount");
        });

        $(document).ready(function () {
            //FIRST TAB ALWAYS
            $('[href="#tabArticles"]').tab('show');

            {% if wholeSalerDeliveryNote.id %}
                //LOADING STOCKS INTO DELIVERY NOTE
                showTableArticlesWholeSalerDeliveryNote();
                //LOADING PAYMENTS INTO DELIVERY NOTE
                showTablePaymentsWholeSalerDeliveryNote();
            {% endif %}


            {% for flash_message in app.session.flashBag.get('success') %}
                new PNotify({
                    text: "{{ flash_message }}",
                    type: "success"
                });
            {% endfor %}

            {% for flash_message in app.session.flashBag.get('danger') %}
            new PNotify({
                text: "{{ flash_message }}",
                type: "error"
            });
            {% endfor %}

        });

        // CREATE NEW WHOLESALER DELIVERY NOTE
        function createNewWholeSalerDeliveryNote(){
            if (!$("#btnSubmitNewWholeSalerDeliveryNote").hasClass('disabled')){
                event.preventDefault();
                $("#btnSubmitNewWholeSalerDeliveryNote").addClass('disabled');
                var isValid = $("form[name='wholeSalerDeliveryNoteFormBasic']").valid();
                if (isValid === false) {
                    $("#btnSubmitNewWholeSalerDeliveryNote").removeClass('disabled');
                }else{
                    $("form[name='wholeSalerDeliveryNoteFormBasic']").submit();
                }
            }
        }

        // ADD CUSTOMER TO DELIVERY NOTE
        $('#customer_whole_saler_delivery_note').typeahead({
            highlight: true,
            minLength: 3
        },{
            name: 'articles',
            display: function(value) {
                return value.name
            },
            source: function (query,sync, async) {

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

            $("#customer_whole_saler_delivery_note").typeahead('val',data.name);
            $("#customer_customer_whole_saler_delivery_note_name").html(data.name);

            $("#whole_saler_delivery_note_customer_id").val(data.id);

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

        // REMOVE CUSTOMER
        function removeCustomerFromWholeSalerDeliveryNote(){

            var wholeSalerDeliveryNoteId = '{{ wholeSalerDeliveryNote.id }}';

            showLoader();
            var path = Routing.generate('_ajax_delete-customer_whole-saler-delivery-note', {'id' : wholeSalerDeliveryNoteId });

            $.get(path, function (result) {
                new PNotify({
                    text: "Cliente eliminado correctamente del albarán.",
                    type: "success"
                });
                window.location.reload();
            }).fail(function (err) {
                console.log(err.responseText);
                new PNotify({
                    text: "Error borrando el cliente del albarán.",
                    type: "danger"
                });
            });
        }


        // ADD BUDGET TO DELIVERY NOTE
        $('#budget_whole_saler_delivery_note').typeahead({
            highlight: true,
            minLength: 3
        },{
            name: 'articles',
            display: function(value) {
                return value.name
            },
            source: function (query,sync, async) {
                var wholeSalerDeliveryNoteId = '{{ wholeSalerDeliveryNote.id }}';
                $.get(Routing.generate('_ajax_search_budget-whole-saler-delivery-note', {'text': query, 'wholeSalerDeliveryNoteId' : wholeSalerDeliveryNoteId}), function (data) {
                    async(data);
                })
            }
        }).bind("typeahead:select",function(e,data){

            $("#budget_whole_saler_delivery_note").typeahead('val',data.name);
            $("#budget_whole_saler_delivery_note_name").html(data.name);

            $("#whole_saler_delivery_note_budget_id").val(data.id);

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

        // REMOVE BUDGET
        function removeBudgetFromWholeSalerDeliveryNote(){

            var wholeSalerDeliveryNoteId = '{{ wholeSalerDeliveryNote.id }}';

            showLoader();
            var path = Routing.generate('_ajax_delete-budget_whole-saler-delivery-note', {'id' : wholeSalerDeliveryNoteId });

            $.get(path, function (result) {
                new PNotify({
                    text: "Presupuesto eliminado correctamente del albarán.",
                    type: "success"
                });
                window.location.reload();
            }).fail(function (err) {
                console.log(err.responseText);
                new PNotify({
                    text: "Error borrando el presupuesto del albarán.",
                    type: "danger"
                });
            });
        }

        // DELETE WHOLESALER DELIVERY NOTE
        function deleteWholeSalerDeliveryNote() {
            swal({
                    title: "ATENCIÓN",
                    text: "¿Está seguro que desea borrar este albarán?",
                    type: "warning",
                    showCancelButton: true,
                    confirmButtonColor: "#EF5350",
                    confirmButtonText: "Sí",
                    cancelButtonText: "No",
                    closeOnConfirm: true,
                    closeOnCancel: true
                },
                function (isConfirm) {
                    if(isConfirm){
                        var wholeSalerDeliveryNoteId = '{{ wholeSalerDeliveryNote.id }}';

                        showLoader();
                        var path = Routing.generate('_ajax_delete_whole-saler-delivery-note', {'id' : wholeSalerDeliveryNoteId, 'force' : false });

                        $.get(path, function(){
                        }).done(function (result) {
                            if(result.response === 401 ) {
                                swal(
                                    'OPPS!',
                                    result.message,
                                    'error'
                                )
                                hideLoader();
                            } else if(result.response === 402) {
                                hideLoader();
                                swal({
                                        title: "ATENCIÓN",
                                        text: result.message,
                                        type: "warning",
                                        showCancelButton: true,
                                        confirmButtonColor: "#ff5722"
                                    },
                                    function (isConfirm) {
                                        if(isConfirm) {
                                            // FORCE TO CANCEL DELIVERY NOTE
                                            showLoader();
                                            var path = Routing.generate('_ajax_delete_whole-saler-delivery-note', {'id' : wholeSalerDeliveryNoteId, 'force' : true });

                                            $.get(path, function(){
                                            }).done(function (result) {
                                                if(result.response === 401 ) {
                                                    swal(
                                                        'OPPS!',
                                                        result.message,
                                                        'error'
                                                    )
                                                    hideLoader();
                                                } else if(result.response === 200) {
                                                    new PNotify({
                                                        text: "Albarán borrado correctamente.",
                                                        type: "success"
                                                    });
                                                    window.location.href = '{{ path('whole-saler_delivery-note') }}';
                                                }
                                            }).fail(function (error) {
                                                console.log("error:"+error.responseText);
                                            })
                                        }
                                    }
                                );
                            } else if(result.response === 200) {
                                new PNotify({
                                    text: "Albarán borrado correctamente.",
                                    type: "success"
                                });
                                window.location.href = '{{ path('whole-saler_delivery-note') }}';
                            }
                        }).fail(function (error) {
                            console.log("error:"+error.responseText);
                        })

                    }
                }
            );
        }

        // RE OPEN WHOLESALER DELIVERY NOTE
        function reopenWholeSalerDeliveryNote() {
            swal({
                    title: "ATENCIÓN",
                    text: "¿Está seguro que desea reabrir este albarán?",
                    type: "warning",
                    showCancelButton: true,
                    confirmButtonColor: "#EF5350",
                    confirmButtonText: "Sí",
                    cancelButtonText: "No",
                    closeOnConfirm: true,
                    closeOnCancel: true
                },
                function (isConfirm) {
                    if(isConfirm){
                        var wholeSalerDeliveryNoteId = '{{ wholeSalerDeliveryNote.id }}';

                        showLoader();
                        var path = Routing.generate('_ajax_reopen_whole-saler-delivery-note', {'id' : wholeSalerDeliveryNoteId, 'force' : false });

                        $.get(path, function(){
                        }).done(function (result) {
                            if(result.response === 401 ) {
                                swal(
                                    'OPPS!',
                                    result.message,
                                    'error'
                                )
                                hideLoader();
                            } else if(result.response === 402) {
                                hideLoader();
                                swal({
                                        title: "ATENCIÓN",
                                        text: result.message,
                                        type: "warning",
                                        showCancelButton: true,
                                        confirmButtonColor: "#ff5722"
                                    },
                                    function (isConfirm) {
                                        if(isConfirm) {
                                            // FORCE TO CANCEL DELIVERY NOTE
                                            showLoader();
                                            var path = Routing.generate('_ajax_reopen_whole-saler-delivery-note', {'id' : wholeSalerDeliveryNoteId, 'force' : true });

                                            $.get(path, function(){
                                            }).done(function (result) {
                                                if(result.response === 401 ) {
                                                    swal(
                                                        'OPPS!',
                                                        result.message,
                                                        'error'
                                                    )
                                                    hideLoader();
                                                } else if(result.response === 200) {
                                                    new PNotify({
                                                        text: "Albarán reabierto correctamente.",
                                                        type: "success"
                                                    });
                                                    window.location.reload();
                                                }
                                            }).fail(function (error) {
                                                console.log("error:"+error.responseText);
                                            })
                                        }
                                    }
                                );
                            } else if(result.response === 200) {
                                new PNotify({
                                    text: "Albarán reabierto correctamente.",
                                    type: "success"
                                });
                                window.location.reload();
                            }
                        }).fail(function (error) {
                            console.log("error:"+error.responseText);
                        })
                    }
                }
            );
        }

        // CANCEL WHOLESALER DELIVERY NOTE
        function cancelWholeSalerDeliveryNote() {
            swal({
                    title: "ATENCIÓN",
                    text: "¿Está seguro que desea anular este albarán?",
                    type: "warning",
                    showCancelButton: true,
                    confirmButtonColor: "#EF5350",
                    confirmButtonText: "Sí",
                    cancelButtonText: "No",
                    closeOnConfirm: true,
                    closeOnCancel: true
                },
                function (isConfirm) {
                    if(isConfirm){
                        var wholeSalerDeliveryNoteId = '{{ wholeSalerDeliveryNote.id }}';

                        showLoader();
                        var path = Routing.generate('_ajax_cancel_whole-saler-delivery-note', {'id' : wholeSalerDeliveryNoteId, 'force' : false });

                        $.get(path, function(){
                        }).done(function (result) {
                            if(result.response === 401 ) {
                                swal(
                                    'OPPS!',
                                    result.message,
                                    'error'
                                )
                                hideLoader();
                            } else if(result.response === 402) {
                                hideLoader();
                                swal({
                                        title: "ATENCIÓN",
                                        text: result.message,
                                        type: "warning",
                                        showCancelButton: true,
                                        confirmButtonColor: "#ff5722"
                                    },
                                    function (isConfirm) {
                                        if(isConfirm) {
                                            // FORCE TO CANCEL DELIVERY NOTE
                                            showLoader();
                                            var path = Routing.generate('_ajax_cancel_whole-saler-delivery-note', {'id' : wholeSalerDeliveryNoteId, 'force' : true });

                                            $.get(path, function(){
                                            }).done(function (result) {
                                                if(result.response === 401 ) {
                                                    swal(
                                                        'OPPS!',
                                                        result.message,
                                                        'error'
                                                    )
                                                    hideLoader();
                                                } else if(result.response === 200) {
                                                    new PNotify({
                                                        text: "Albarán cancelado correctamente.",
                                                        type: "success"
                                                    });
                                                    window.location.reload();
                                                }
                                            }).fail(function (error) {
                                                console.log("error:"+error.responseText);
                                            })
                                        }
                                    }
                                );
                            } else if(result.response === 200) {
                                new PNotify({
                                    text: "Albarán cancelado correctamente.",
                                    type: "success"
                                });
                                window.location.reload();
                            }
                        }).fail(function (error) {
                            console.log("error:"+error.responseText);
                        })

                    }
                }
            );
        }

        // RECALCULATE TOTAL FOR WHOLESALER DELIVERY NOTE
        function updateTotalWholeSalerDeliveryNote(){

            var discountTotal = $("#discountPercentageWholeSalerDeliveryNote_total").val();
            var wholeSalerDeliveryNoteId = '{{ wholeSalerDeliveryNote.id }}';

            if (discountTotal === ""){
                discountTotal = "0";
            }

            // EMPTY DISCOUNTS
            var flag = false;
            $('.discountPercentageWholeSalerDeliveryNote_item').filter(function() {
                if (this.value != '' && this.value != '0') {
                    flag = true;
                    //no need to iterate further
                    return false;
                }
            });
            if (flag){
                new PNotify({
                    text: "Ya hay un descuento de artículo en el albarán.",
                    type: "error"
                });
                showTableArticlesWholeSalerDeliveryNote();
                return false;
            }

            {% if wholeSalerDeliveryNote.isClosed %}
                new PNotify({
                    text: "El alabarán ya está cerrado.",
                    type: "error"
                });
            {% else %}
                $.ajax({
                    type: "POST",
                    url: " {{path('ajax_whole_saler_delivery_note_update_refresh_totals')}}",
                    data: {deliveryNoteId : wholeSalerDeliveryNoteId, discountTotal: discountTotal},
                    success: function(result) {

                        $('#totalWholeSalerDeliveryNoteArticles').html(result["numArticles"]);
                        $('#totalWholeSalerDeliveryNoteUnits').html(result["numStocks"]);
                        $('#totalWholeSalerDeliveryNoteEuros').html(result["totalValoration"]+"€");

                        new PNotify({
                            text: "Descuengo total actualizado. Albarán actualizado correctamente.",
                            type: "success"
                        });

                    },
                    error: function(err) {
                        console.log(err.responseText);

                    }
                });
            {% endif %}

        }

        function refreshDeliveyNoteScreen(){

            var wholeSalerDeliveryNoteId = '{{ wholeSalerDeliveryNote.id }}';
            $.ajax({
                type: "POST",
                url: " {{path('ajax_whole_saler_delivery_note_refresh_totals')}}",
                data: {deliveryNoteId : wholeSalerDeliveryNoteId},
                success: function(result) {

                    $('#totalWholeSalerDeliveryNoteArticles').html(result["numArticles"]);
                    $('#totalWholeSalerDeliveryNoteUnits').html(result["numStocks"]);
                    $('#totalWholeSalerDeliveryNoteEuros').html(result["totalValoration"]+"€");

                },
                error: function(err) {
                    console.log(err.responseText);

                }
            });
        }

        //LIST OF ARTICLES INTO WHOLESALER
        function showTableArticlesWholeSalerDeliveryNote() {
            var wholeSalerDeliveryNoteId = '{{ wholeSalerDeliveryNote.id }}';
            var path = Routing.generate('show_table_of_stocks_whole_saler_delivery_note', { 'deliveryNoteId' : wholeSalerDeliveryNoteId });

            $.get(path).done(function (result) {

                // TABLE
                $("#articleWholeSalerDeliveryNoteList").html(result);

                // SORT TABLE
                $('#wholeSalerDeliveryNote_stock_list').DataTable({
                    retrieve: true
                }).order([6, "asc"], [3  , "asc"], [4, "asc"], [5, "asc"]).draw();

                refreshDeliveyNoteScreen();

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

        // RECALCULATE ITEM DISCOUNT FOR WHOLESALER DELIVERY NOTE
        function discountWholeSalerDeliveryNoteItem(id, discountItemId){
            var discount = $("#"+discountItemId).val();


            var discountDiscount = $("#discountPercentageWholeSalerDeliveryNote_total").val();

            if (discountDiscount !== "" && discountDiscount !== "0.00" && discountDiscount !== "0"){
                new PNotify({
                    text: "El alabarán ya está tiene un descuento global.",
                    type: "error"
                });
                $("#"+discountItemId).val("");
                showTableArticlesWholeSalerDeliveryNote();
                return false;
            }

            {% if wholeSalerDeliveryNote.isClosed %}
                new PNotify({
                    text: "El alabarán ya está cerrado.",
                    type: "error"
                });
            {% else %}
                $.ajax({
                    type: "POST",
                    url: " {{path('ajax_whole_saler_delivery_note_discount_item')}}",
                    data: {id : id, discount: discount},
                    success: function(result) {

                        new PNotify({
                            text: "Albarán actualizado correctamente.",
                            type: "success"
                        });

                        showTableArticlesWholeSalerDeliveryNote();
                        showTablePaymentsWholeSalerDeliveryNote();
                    },
                    error: function(err) {
                        console.log(err.responseText);

                    }
                });
            {% endif %}

        }


        //LIST OF PAYMENTS INTO WHOLESALER
        function showTablePaymentsWholeSalerDeliveryNote() {
            var wholeSalerDeliveryNoteId = '{{ wholeSalerDeliveryNote.id }}';
            var path = Routing.generate('show_table_of_payments_whole_saler_delivery_note', { 'deliveryNoteId' : wholeSalerDeliveryNoteId });

            $.get(path).done(function (result) {

                // TABLE
                $("#paymentsWholeSalerDeliveryNoteList").html(result);

                // SORT TABLE
                $('#wholeSalerDeliveryNote_payments_list').DataTable({
                    retrieve: true
                }).order([0, "asc"]).draw();

                //UPDATE TOTAL
                //updateTotalWholeSalerDeliveryNote();

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

        // CLOSE DELIVERY NOTE
        function questionCloseWholeSalerDeliverNote(){

            var wholeSalerDeliveryNoteId = '{{ wholeSalerDeliveryNote.id }}';
            showLoader();

            $.ajax({
                type: "POST",
                url: " {{path('ajax_whole_saler_delivery_note_check_before_close')}}",
                data: {wholeSalerDeliveryNoteId: wholeSalerDeliveryNoteId},
                statusCode: {
                    200: function (result) {
                        new PNotify({
                            text: "Albarán cerrado correctamente.",
                            type: "success"
                        });
                        window.location.reload();
                    }
                },
                error: function(err) {
                    console.log(err.responseText);
                    hideLoader();
                    new PNotify({
                        text: err.responseText,
                        type: "error"
                    });
                }
            });

        }


        // SHOW FORM WITH CUSTOMER
        function openCustomerSaleDialog(){

            var customerId ="";

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

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

        }

    </script>

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

    {% include 'CoreBundle:WholeSaler:whole_saler_dialog_massive_scanbar_delivery_note.html.twig' %}

{% endblock %}