{% extends '@Core/base.html.twig' %}
{% block sectionTitle %}Factura{% endblock %}

{% block breadcrumbLinks %}
    <li><a href={{ path('invoices') }}>Facturación</a></li>
    <li class="active">Editar</li>
{% endblock %}

{% block content %}

    {% form_theme form 'bootstrap_3_layout.html.twig' %}

    <div class="content">

        {% 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 %}

        <div class="panel panel-white">
            <div class="panel-body">
            <div class="media">
                <div class="media-left">
                    <a href="{{ invoice.dealer.getWebPath | imagine_filter('big_prop')}}" class="profile-thumb" data-popup="lightbox">
                        <img src="{{ invoice.dealer.getWebPath | imagine_filter('small_prop') }}" class="img-thumbnail" alt="">
                    </a>
                </div>

                <div class="media-body">
                    <div class="row">
                        <div class="col-md-6">
                            <h5 style="margin-top:0px;margin-bottom: 0px">Nº factura: {{ invoice.codeInvoice }}</h5>
                            <h6 style="margin-top:0px;">#Factura: {{ invoice.alias }}</h6>
                            {% if roleRight == true %}
                                <span><a href="{{ path('dealer',{objId:invoice.dealer.id}) }}">{{ invoice.dealer.name }}<i class="icon-new-tab position-right"></i></a> </span><br>
                            {% else %}
                                <span>{{ invoice.dealer.name }}</span><br>
                            {% endif %}
                            <span>Fecha de creación: {{ invoice.dateCreation | date('d-m-Y \\a \\l\\a\\s H:i:s') }}</span><br>
                            {% if invoice.dateInvoiced %}
                                <span>Fecha de factura: {{ invoice.dateInvoiced | date('d-m-Y') }}</span><br>
                            {% endif %}
                            {% if invoice.datePayed %}
                                <span>Fecha de pago: {{ invoice.datePayed | date('d-m-Y') }}</span><br>
                            {% endif %}
                            <span class="label {{ invoice.typeStatusinvoice.background }}">{{ invoice.typeStatusinvoice.description }}</span>
                        </div>
                        <div class="col-md-6 pull-left" >
                            <div class="row">
                                <div class="col-md-3">
                                    <div style="border-radius: 50%; width: 35px; height: 35px; text-align: center; line-height: 35px; margin-left: 13px" class="bg-green" id="totalStocksIntoInvoice">
                                        {{ invoice.stocks }}
                                    </div>
                                    <small class="title-ball">RECIBIDOS</small>
                                </div>
                                <div class="col-md-3">
                                    <div style="border-radius: 50%; width: 35px; height: 35px; text-align: center; line-height: 35px; margin-left: 13px" class="bg-blue" id="totalArticlesIntoInvoice">
                                        {{ invoice.articles }}
                                    </div>
                                    <small class="title-ball">ARTICULOS</small>
                                </div>
                                <!-- INVOICE FIELDS FORMAT -->
                                <div class="col-md-6 text-center">

                                    {% if invoice.isTotalManual == false %}
                                        <div class="row">
                                            <div class="col-md-7 text-left" style="border-radius: 5%; height: 35px; line-height: 35px;">
                                                TOTAL P. COSTE
                                            </div>
                                            <div class="col-md-5 text-left">
                                                <div style="border-radius: 5%; height: 35px; text-align: center; line-height: 35px;" class="bg-pink-300" id="">
                                                    {{ invoice.total }}
                                                </div>
                                            </div>
                                        </div>

                                        <div class="row">
                                            <div class="col-md-7 text-left" style="border-radius: 5%; height: 35px; line-height: 35px;">
                                                DTO. ADICIONAL (<span id="percentageDiscountInvoice"></span>%)
                                            </div>
                                            <div class="col-md-5 text-left">
                                                <div style="border-radius: 5%; height: 35px; text-align: center; line-height: 35px;" class="bg-white" id="discountInvoice">
                                                    {{ invoice.discount|number_format(2, ',', '.') }}€
                                                </div>
                                            </div>
                                        </div>

                                        <div class="row">
                                            <div class="col-md-7 text-left" style="border-radius: 5%; height: 35px; line-height: 35px;">
                                                BASE IMPONIBLE
                                            </div>
                                            <div class="col-md-5 text-left">
                                                <div style="border-radius: 5%; height: 35px; text-align: center; line-height: 35px;" class="bg-white" id="baseImponibleInvoice">
                                                    0.00€
                                                </div>
                                            </div>
                                        </div>

                                        <div class="row">
                                            <div class="col-md-7 text-left" style="border-radius: 5%; height: 35px; line-height: 35px;">
                                                IMPUESTOS <span id="percentageCompanyTaxInvoice">({{ totalTaxes }}%)</span>
                                            </div>
                                            <div class="col-md-5 text-left">
                                                <div style="border-radius: 5%; height: 35px; text-align: center; line-height: 35px;" class="bg-white" id="taxCompanyInvoice">
                                                    0.00€
                                                </div>
                                            </div>
                                        </div>

                                    {% endif %}

                                    <div class="row">
                                        <div class="col-md-7 text-left" style="border-radius: 5%; height: 35px; line-height: 35px;" class="bg-white" >
                                            TOTAL FACTURA
                                        </div>
                                        <div class="col-md-5 text-left">
                                            <div style="border-radius: 5%; height: 35px; text-align: center; line-height: 35px;" class="bg-purple-300" id="totalInvoiceDiv">
                                                {{ invoice.totalCustom|number_format(2, ',', '.') }}€
                                            </div>
                                        </div>
                                    </div>

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

                        <div class="col-md-12 mt-20">
                            {% if invoice.typeStatusInvoice.id == 1 %}

                                <div class="button_cc_width_horizontal col-xs-2 pull-right">
                                    <button class="btn bg-orange-400 btn-block btn-float btn-float-lg"
                                            type="button"
                                            id="do_invoice_receptions_btn">
                                        <i class="icon-checkbox-checked2 position-left button_label_cc_icon_horizontal"></i> <div class="button_label_cc_text">FACTURAR <br>ALBARANES</div>
                                    </button>
                                </div>

                            {% endif %}
                            {% if invoice.typeStatusInvoice.id == 5 %}

                                <div class="button_cc_width_horizontal col-xs-2 pull-right">
                                    <button class="btn bg-purple-400 btn-block btn-float btn-float-lg"
                                            type="button"
                                            id="do_complete_invoice_btn">
                                        <i class="icon-checkbox-checked2 position-left button_label_cc_icon_horizontal"></i> <div class="button_label_cc_text">FACTURA <br>PAGADA</div>
                                    </button>
                                </div>

                            {% endif %}


                            <!-- REMOVE INVOICE -->
                            <div class="button_cc_width_horizontal col-xs-2 pull-right">
                                <button class="btn bg-info-400 btn-block btn-float btn-float-lg"
                                        type="button"
                                        id="clean_invoice_btn">
                                    <i class="icon-database-refresh position-left button_label_cc_icon_horizontal"></i> <div class="button_label_cc_text">REINICIAR <br>FACTURA</div>
                                </button>
                            </div>

                            <!-- REMOVE INVOICE -->
                            <div class="button_cc_width_horizontal col-xs-2 pull-right">
                                <button class="btn bg-black btn-block btn-float btn-float-lg"
                                        type="button"
                                        id="remove_invoice_btn">
                                    <i class="icon-cancel-circle2 position-left button_label_cc_icon_horizontal"></i> <div class="button_label_cc_text">BORRAR <br>FACTURA</div>
                                </button>
                            </div>

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


            </div>
            </div>


            <div class="tabbable content">
                <ul class="nav nav-tabs nav-tabs-highlight text-left nav-justified">
                    <li><a href="#bottom-justified-tab1" data-toggle="tab">Albaranes</a></li>
                    <li><a href="#bottom-justified-tab2" data-toggle="tab">Detalle factura</a></li>
                    <li><a href="#bottom-justified-tab3" data-toggle="tab">Formas de pago</a></li>
                    <li><a href="#bottom-justified-tab5" data-toggle="tab">Documentación</a></li>
                </ul>

                <div class="tab-content">

                    <!-- RECEPTIONS -->
                    <div class="tab-pane" id="bottom-justified-tab1">
                        <div class="panel-body">
                            <div class="form-group">

                                <div class="row">
                                    <div class="text-right">
                                        <div class="button_cc_width_horizontal col-xs-2 pull-right">
                                            <button class="btn bg-green-400 btn-block btn-float btn-float-lg"
                                                    type="button"
                                                    onclick="searchReceptionsModal()">
                                                <i class="icon-file-plus position-left button_label_cc_icon_horizontal"></i> <div class="button_label_cc_text">AÑADIR <br>RECEPCIONES</div>
                                            </button>
                                        </div>
                                    </div>
                                </div>

                                <!-- LIST OF RECEPTIONS INTO INVOICE -->
                                <div class="row">
                                    <div id="dealeragentList">
                                    <div class="panel panel-flat mt-20">

                                        <div class="panel-heading">
                                            <h6 class="panel-title" style="margin-bottom: 0px;">RECEPCIONES EN ESTA FACTURA</h6>
                                        </div>

                                        <div class="panel-body">

                                            <table id="tableListOfReceptionsInsideInvoice" class="table datatable-basic" width="100%">

                                                <thead>
                                                <tr role="text-align: center">
                                                    <th>COD-Recepción</th>
                                                    <th>Usuario creación</th>
                                                    <th>Fecha</th>
                                                    <th>Estado</th>
                                                    <th>Proveedor</th>
                                                    <th>Tienda recepción</th>
                                                    <th class="col-sm-1 text-center">Albarán</th>
                                                    <th class="col-sm-1 text-center">Unidades</th>
                                                    <th class="col-sm-1 text-center">Artículos</th>
                                                    <th class="col-sm-1 text-center">Total P.Coste</th>
                                                    <th class="col-sm-1 text-center">Eliminar</th>
                                                </tr>

                                                </thead>

                                                <tbody>

                                                {% for obj in receptionsIntoInvoice %}

                                                    <tr>
                                                        <td>
                                                            <i title="Mostrar detalle de artículos incluidos" class="glyphicon glyphicon-new-window details-control" style="cursor:pointer;" onclick="articlesIntoReception('{{ obj[0].id }}','{{ obj[0].getAlias }}')"></i>
                                                            <a href="{{ path('reception_edit',{'id':obj[0].id}) }}"> {{ obj[0].getAlias }}</a>
                                                        </td>
                                                        <td>{% if obj[0].creator %}{{ obj[0].creator.name}}{% endif %}</td>
                                                        <td><span class='hide_dataTable_dates'>{{ obj[0].date | date('Ymd') }}</span>{{ obj[0].getDate | date('d/m/Y H:i:s')}}</td>
                                                        <td class="text-center">
                                                            {% if obj[0].threadReception | length > 0 %}
                                                                <div>
                                                                    <span class="text-semibold"> <i class="icon-sync spinner mr-2"></i> Actualizando</span>
                                                                </div>
                                                            {% endif %}
                                                            <span class="label {{ obj[0].typeStatusReception.background }}">{{ obj[0].typeStatusReception.description }}</span>
                                                        </td>
                                                        <td>{% if obj[0].getDealer %}{{ obj[0].getDealer.name }}{% endif %}</td>
                                                        <td>{% if obj[0].getShop %}{{ obj[0].getShop.name }}{% endif %}</td>
                                                        <td class="text-center">{{ obj[0].getNumDeliveryNote }}</td>
                                                        <td class="text-center">{{ obj["stocks"] }}</td>
                                                        <td class="text-center">{{ obj["articles"] }}</td>
                                                        <td class="text-center">{{ obj["costPriceWithDiscountTotal"]|number_format(2, ',', '.') }}€</td>
                                                        <td class="text-center">
                                                            <a href="{{ path('invoice_remove_reception',{'receptionId':obj[0].id, 'invoiceId':invoice.id }) }}" class="btn btn-rounded btn btn-flat text-danger border-danger">
                                                                <i class="icon-trash"></i> Eliminar</a>
                                                            </a>
                                                        </td>
                                                    </tr>

                                                {% endfor %}

                                                </tbody>

                                            </table>
                                        </div>

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

                    <!-- INVOICE FORM -->
                    <div class="tab-pane" id="bottom-justified-tab2">

                        <div class="panel-body">

                            {{ form_start(form) }}
                            {{ form_errors(form) }}

                            <div class="form-group">

                                <div class="hidden">
                                    {{ form_row(form.id) }}
                                    {{ form_row(form.group) }}
                                    {{ form_row(form.dealer) }}
                                </div>

                                <div class="row">
                                    <div class="col-lg-6 col-md-6 col-sm-12">
                                        {{ form_row(form.company) }}
                                    </div>
                                    <div class="col-lg-6 col-md-6 col-sm-12">
                                        {{ form_row(form.codeInvoice) }}
                                    </div>
                                </div>

                                <div class="row">
                                    <div class="col-lg-3 col-md-3 col-sm-12">
                                        {{ form_row(form.dateInvoiced) }}
                                    </div>
                                    <div class="col-lg-3 col-md-3 col-sm-12">
                                        {{ form_row(form.datePayed) }}
                                        {{ form_row(form.daysPayment) }}
                                    </div>
                                    <div class="col-lg-3 col-md-3 col-sm-12">
                                        {{ form_row(form.discount) }}
                                        <input value="{{ totalTaxes }}" type="text" class="hidden" id="discounttotalTaxes">
                                    </div>
                                    <div class="col-lg-3 col-md-3 col-sm-12">
                                        {{ form_row(form.totalCustom) }}
                                        <span id="checkTotalManual">
                                        {{ form_row(form.isTotalManual) }}
                                        </span>
                                    </div>
                                </div>

                                <div class="row mt-10">
                                    <div class="col-lg-12">
                                        {{ form_row(form.note) }}
                                    </div>
                                </div>

                            </div>
                            <div class="text-right">
                                <button type="submit" class="btn-rounded btn btn-primary"><i class="icon-download position-left"></i>Guardar factura</button>
                            </div>

                            {{ form_end(form) }}
                        </div>


                    </div>

                    <!-- PAYMENTS -->
                    <div class="tab-pane" id="bottom-justified-tab3">

                        <div class="panel-body">
                            <div class="form-group">

                                <div class="row">

                                    {{ form_start(formPayment) }}
                                    {{ form_errors(formPayment) }}

                                    <div class="">

                                        <div class="hidden">
                                            {{ form_row(formPayment.id) }}
                                            {{ form_row(formPayment.group) }}
                                            {{ form_row(formPayment.dealer) }}
                                            {{ form_row(formPayment.company) }}
                                        </div>


                                        <!-- PAYMENTS -->
                                        <div class="col-xs-12 col-md-4">
                                            <div class="">
                                                <div class="col-xs-12 pl-5 pr-5 pb-10">
                                                    <h5>Forma de pago</h5>
                                                    <hr>
                                                </div>

                                                <div class="">
                                                    <div class="col-xs-12">
                                                        {{ form_row(formPayment.paymentDescription) }}
                                                    </div>
                                                </div>
                                                <div class="">
                                                    <div class="col-xs-12">
                                                        {{ form_row(formPayment.typePayment) }}
                                                    </div>
                                                </div>
                                                <div class="">
                                                    <div class="col-xs-12">
                                                        {{ form_row(formPayment.daysPayment) }}<span style="font-size: 10px;">Modificar "Fecha de pago" en "Detalle factura"</span>
                                                    </div>
                                                </div>

                                            </div>
                                        </div>

                                        <!-- BANK ACCOUNT DEALER -->
                                        <div class="col-xs-12 col-md-4">
                                            <div class="">
                                                <div class="col-xs-12 pl-5 pr-5 pb-10">
                                                    <h5>Datos bancarios del proveedor</h5>
                                                    <hr>
                                                </div>

                                                <div class="">
                                                    <div class="col-xs-12">
                                                        {{ form_row(formPayment.bankAccountDescriptionDealer) }}
                                                    </div>
                                                </div>
                                                <div class="">
                                                    <div class="col-xs-12">
                                                        {{ form_row(formPayment.bankAccountNumberDealer) }}
                                                    </div>
                                                </div>

                                            </div>
                                        </div>


                                        <!-- BANK ACCOUNT COMPANY -->
                                        <div class="col-xs-12 col-md-4">
                                            <div class="">
                                                <div class="col-xs-12 pl-5 pr-5 pb-10">
                                                    <h5>Datos bancarios de la empresa</h5>
                                                    <hr>
                                                </div>

                                                <div class="">
                                                    <div class="col-xs-12">
                                                        {{ form_row(formPayment.bankAccountDescriptionCompany) }}
                                                    </div>
                                                </div>
                                                <div class="">
                                                    <div class="col-xs-12">
                                                        {{ form_row(formPayment.bankAccountNumberCompany) }}
                                                    </div>
                                                </div>

                                            </div>
                                        </div>


                                    </div>
                                    <div class="col-xs-12">
                                        <div class="text-right">
                                            <button type="submit" class="btn-rounded btn btn-primary"><i class="icon-download position-left"></i>Guardar datos de forma de pago</button>
                                        </div>
                                    </div>

                                    {{ form_end(formPayment) }}



                                </div>
                            </div>

                        </div>

                    </div>

                    <!-- DOCUMENTS -->
                    <div class="tab-pane" id="bottom-justified-tab5">

                        <div class="panel-body">
                            <div class="form-group">
                                <div class="button_cc_width_horizontal col-xs-2 pull-right">
                                    <button class="btn bg-green-400 btn-block btn-float btn-float-lg btnAddDocumentReceptionArticle"
                                            type="button"
                                            id="save_reception_btn"
                                            onclick="addDocumentation()">
                                        <i class="icon-files-empty2 position-left button_label_cc_icon_horizontal"></i> <div class="button_label_cc_text">AÑADIR <br>DOCUMENTO</div>
                                    </button>
                                </div>
                                {% include '@Core/Invoice/_invoice_documents.html.twig' %}
                            </div>
                        </div>

                    </div>

                </div>

            </div>


        </div>

    </div>

    <div id="modals">
        <!-- SEARCH RECEPTION TO ADD INTO INVOICE -->
        {% include '@Core/Invoice/_invoice_search_receptions.html.twig' %}
        <!-- SHOW ARTICLES INTO -->
        {% include '@Core/Invoice/_invoice_dialog_articles_into_reception.html.twig' %}
        <!-- DOCUMENTATION -->
        <div id="documentation_modal"></div>
    </div>

{% endblock%}

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

        $(document).ready(function(){
            $('[href=#bottom-justified-tab1]').tab('show');
            checkDiscountAmountToDisableInputs();
            // DAYS ALWAYS READ ONLY
            $('#invoiceDetailPaymentFormBasic_daysPayment').prop("readonly",true);
        });

        function searchReceptionsModal() {
            $('#searchReceptionsModal').modal('show');
            // SEARCH RECEPTIONS TO INCLUDE INTO INVOICE
            searchReceptions();
        }


        $('#add_to_directory').click(function () {
            $('#add_to_directory_modal').modal('toggle');
        })

        $('#invoiceDetailFormBasic_discount').change(function () {
            checkDiscountAmountToDisableInputs();
        });

        $('#invoiceDetailFormBasic_datePayed').change(function () {
            updateDaysPayment();
        });

        function parseDate(str) {
            var mdy = str.split('-');
            console.log(mdy);
            console.log(new Date(mdy[2], mdy[1], mdy[0]-1));
            return new Date(mdy[2], mdy[1], mdy[0]-1);
        }

        function datediff(first, second) {
            // Take the difference between the dates and divide by milliseconds per day.
            // Round to nearest whole number to deal with DST.
            return Math.round((second-first)/(1000*60*60*24));
        }

        function updateDaysPayment(){
            var dateInvoiced = $('#invoiceDetailFormBasic_dateInvoiced').val();
            var datePayed = $('#invoiceDetailFormBasic_datePayed').val();
            console.log(dateInvoiced);
            console.log(datePayed);
            $('#invoiceDetailPaymentFormBasic_daysPayment').val(datediff(parseDate(dateInvoiced), parseDate(datePayed)));
            $('#invoiceDetailFormBasic_daysPayment').val(datediff(parseDate(dateInvoiced), parseDate(datePayed)));
            console.log($('#invoiceDetailPaymentFormBasic_daysPayment').val());
        }

        $('#invoiceDetailFormBasic_isTotalManual').click(function () {
            checkDiscountAmountToDisableInputs();
        })

        $("#invoiceDetailFormBasic_discount").on("input", function(evt) {
            var self = $(this);
            self.val(self.val().replace(/[^0-9\.]/g, ''));
            if ((evt.which != 46 || self.val().indexOf('.') != -1) && (evt.which < 48 || evt.which > 57))
            {
                evt.preventDefault();
            }
        });
        function checkDiscountAmountToDisableInputs(){

            var totalBase = {{ invoice.total }};
            var discountPercentage = 0;
            var discountAmount = 0;
            var discountAmountToShow = 0;
            var discountPercentageVal = $('#invoiceDetailFormBasic_discount').val();
            $("#percentageDiscountInvoice").html(discountPercentageVal);

            if (discountPercentageVal === "" || discountPercentageVal === "0" || discountPercentageVal === 0){
                $('#invoiceDetailFormBasic_totalCustom').prop("readonly",false);
                $("#checkTotalManual").removeClass("hidden");
            }else{
                $('#invoiceDetailFormBasic_totalCustom').prop("readonly",true);
                $('#invoiceDetailFormBasic_isTotalManual').prop("checked",false);
                $("#checkTotalManual").addClass("hidden");
                discountPercentage = parseFloat($('#invoiceDetailFormBasic_discount').val()).toFixed(2);
                discountAmount = ((totalBase * discountPercentage) / 100);
                discountAmountToShow = Number(((totalBase * discountPercentage) / 100).toFixed(2)).toLocaleString(undefined, {minimumFractionDigits: 2})
                //$('#invoiceDetailFormBasic_totalCustom').val(Number(discountBase.toFixed(2)).toLocaleString(undefined, {minimumFractionDigits: 2}));
            }
            $("#discountInvoice").html(discountAmountToShow);


            var totalTaxesPercentage = $('#discounttotalTaxes').val();
            $("#percentageCompanyTaxInvoice").html("("+totalTaxesPercentage+"%)");
            var totalBaseWithDiscount = totalBase - discountAmount;

            $("#baseImponibleInvoice").html(totalBaseWithDiscount.toFixed(2));

            var totalTaxesAmount = totalBaseWithDiscount + ( (totalBaseWithDiscount * totalTaxesPercentage)/ 100);
            $("#taxCompanyInvoice").html(( (totalBaseWithDiscount * totalTaxesPercentage)/ 100).toFixed(2));

            var totalInvoice = totalBaseWithDiscount + ( (totalBaseWithDiscount * totalTaxesPercentage)/ 100);

            //MANUAL TOTAL
            // IS MANUAL TOTAL
            checkBox = document.getElementById('invoiceDetailFormBasic_isTotalManual');
            if(!checkBox.checked) {
                $("#totalInvoiceDiv").html(totalInvoice.toFixed(2));
                $("#invoiceDetailFormBasic_totalCustom").val(totalInvoice.toFixed(2));
                $('#invoiceDetailFormBasic_totalCustom').prop("readonly",true);
            }else{
                $("#totalInvoiceDiv").html($("#invoiceDetailFormBasic_totalCustom").val());
                if (discountPercentageVal === "" || discountPercentageVal === "0" || discountPercentageVal === 0){
                    $('#invoiceDetailFormBasic_totalCustom').prop("readonly",false);
                }
            }

        }

        function addDocumentation() {
            var invoiceId = '{{ invoice.id }}';
            var route = Routing.generate('edit_document_into_invoice',{'invoiceId' : invoiceId, 'documentId' : null });

            $.get(route, function(result){
                $("#documentation_modal").html(result);
                $('#documentInvoiceModal').modal('show');
            }).fail(function(data){
                console.log(data.responseText);
            });
        }



        // GO TO STATUS PENDIENTE DE PAGO
        $('#do_invoice_receptions_btn').click(function () {

            var invoiceId = '{{ invoice.id }}';
            swal({
                    title: "ATENCIÓN",
                    text: "¿Está seguro de pasar esta factura al estado 'Pendiente de pago'?",
                    type: "warning",
                    showCancelButton: true,
                    confirmButtonColor: "#EF5350",
                    confirmButtonText: "Sí",
                    cancelButtonText: "No",
                    closeOnConfirm: true
                },
                function (isConfirm) {
                    if(isConfirm) {
                        var route = Routing.generate('invoice_goto_pendiente_pago', {'invoiceId' : invoiceId});

                        $.get(route, function () {

                        }).done(function (result) {
                            window.location.reload();
                            new PNotify({
                                text: "Cambio realizado correctamente",
                                type: "success"
                            });
                        }).fail(function (error) {
                            console.log(error.responseText);
                        })
                    }
                }
            );
        })

        // GO TO STATUS FACTURA PAGADA
        $('#do_complete_invoice_btn').click(function () {
            var invoiceId = '{{ invoice.id }}';
            swal({
                    title: "ATENCIÓN",
                    text: "¿Está seguro de pasar esta factura al estado 'Factura pagada'?",
                    type: "warning",
                    showCancelButton: true,
                    confirmButtonColor: "#EF5350",
                    confirmButtonText: "Sí",
                    cancelButtonText: "No",
                    closeOnConfirm: true
                },
                function (isConfirm) {
                    if(isConfirm) {
                        var route = Routing.generate('invoice_goto_factura_pagada', {'invoiceId' : invoiceId});

                        $.get(route, function () {

                        }).done(function (result) {
                            window.location.reload();
                            new PNotify({
                                text: "Cambio realizado correctamente",
                                type: "success"
                            });
                        }).fail(function (error) {
                            console.log(error.responseText);
                        })
                    }
                }
            );
        })

        // REMOVE INVOICE
        $('#remove_invoice_btn').click(function () {
            var invoiceId = '{{ invoice.id }}';
            swal({
                    title: "ATENCIÓN",
                    text: "¿Está seguro de borrar esta factura?",
                    type: "warning",
                    showCancelButton: true,
                    confirmButtonColor: "#EF5350",
                    confirmButtonText: "Sí",
                    cancelButtonText: "No",
                    closeOnConfirm: true
                },
                function (isConfirm) {
                    if(isConfirm) {
                        var route = Routing.generate('remove_invoice', {'invoiceId' : invoiceId});

                        showLoader();
                        $.get(route, function () {

                        }).done(function (result) {
                            new PNotify({
                                text: "Factura borrada correctamente.",
                                type: "success"
                            });
                            window.location.href = '{{ path('invoices') }}';
                        }).fail(function (error) {
                            hideLoader();
                            console.log(error.responseText);
                        })
                    }
                }
            );
        })

        // CLEAN INVOICE
        $('#clean_invoice_btn').click(function () {
            var invoiceId = '{{ invoice.id }}';
            swal({
                    title: "ATENCIÓN",
                    text: "¿Está seguro de reiniciar esta factura?",
                    type: "warning",
                    showCancelButton: true,
                    confirmButtonColor: "#EF5350",
                    confirmButtonText: "Sí",
                    cancelButtonText: "No",
                    closeOnConfirm: true
                },
                function (isConfirm) {
                    if(isConfirm) {
                        var route = Routing.generate('clean_invoice', {'invoiceId' : invoiceId});

                        showLoader();
                        $.get(route, function () {

                        }).done(function (result) {
                            new PNotify({
                                text: "Factura reiniciada correctamente.",
                                type: "success"
                            });
                            window.location.reload();
                        }).fail(function (error) {
                            hideLoader();
                            console.log(error.responseText);
                        })
                    }
                }
            );
        })


    </script>

    
{% endblock %}