{% extends '@Core/base.html.twig' %}
{% block javascript %}
    {{ parent() }}
    <script src="{{ asset('assets/js/orderarticle8.js') }}?v={{ "now"|date("d-m-Y") }}&r=1"></script>
    <script src="{{ asset('assets/js/article.image.js') }}?v={{ "now"|date("d-m-Y") }}"></script>
{% endblock %}


{% block sectionTitle %}Artículo {% endblock %}
{% block sectionActions %}

{% endblock %}
{% block breadcrumbLinks %}
    <li><a href="{{ path("articles") }}">Artículos</a></li>
    <li class="active">Nuevo</li>

{% endblock %}

{% block content %}

    <div class="panel-flat">

        <div class="panel-body">

            <div class="panel panel-white">
                <div class="panel-body">

                    {% if article.id is null %}
                    <h6 class="panel-title" style="margin-bottom: 0px;">NUEVO ARTÍCULO</h6>
                    {% else %}
                        <h6 class="panel-title" style="margin-bottom: 0px;">AÑADIR STOCK A ARTÍCULO</h6>
                    {% endif %}

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

                    {{ form_start(formArticle, {'attr': {'id': 'articleFormBasic'}}) }}
                    {{ form_errors(formArticle) }}
                    <div class="tabbable">
                        <ul class="nav nav-tabs nav-tabs-highlight text-left nav-justified">
                            <li class="active"><a href="#tabArticle" data-toggle="tab">Artículo</a></li>
                            <li class="{% if isLite == false %}hidden{% endif %}"><a href="#tabDistribution" id="distribution-tab" data-toggle="tab">Distribución</a></li>
                            <li><a href="#tabPrice" id="price-tab" data-toggle="tab">Precio del artículo</a></li>
                        </ul>

                        <div class="tab-content">
                            <div class="tab-pane active" id="tabArticle">
                                {% include 'CoreBundle:Orders:_article_form.html.twig' %}
                            </div>

                            <div class="tab-pane {% if isLite == false %}hidden{% endif %}" id="tabDistribution">
                                <div class="panel-body">

                                    {#NUEVA TABLA DE DISTRIBUCIÓN#}
                                    <div id="new_article_table_distribution"></div>

                                    {#AVAILABLE STOCK#}
                                    <div id="article_table_available_distribution"></div>

                                    {#TABLA DE HISTORICAL ORDERS#}
                                    <div id="article_table_historical_order"></div>

                                </div>
                            </div>

                            <div class="tab-pane" id="tabPrice">
                                <div class="table-responsive">

                                    <!-- PRICES INPUTS -->
                                    <div class="panel panel-white" id="inputsPriceArticleByPrices1">
                                        <div class="panel-heading">
                                            <h6 class="panel-title">
                                                <a data-toggle="collapse" href="#collapsible-control-right-group1" aria-expanded="true" class="">Establecer precio de compra y de venta</a>
                                            </h6>
                                        </div>
                                        <div id="collapsible-control-right-group1" class="panel-collapse collapse in" aria-expanded="true" style="">
                                            <div class="panel-body">

                                                <div class="row">
                                                    <div class="col-md-7 text-center">
                                                        <!--
                                                            <a href="#" id="submit_values_to_fill_table" class="btn-rounded btn bg-color3" value="">
                                                                <i class="glyphicon glyphicon-thumbs-up"></i> Aplicar precios
                                                            </a>
                                                        -->
                                                        <div class="form-group text-align">

                                                            {{ render(url("dialogprofit")) }}

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

                                                <!-- COST PRICE AND PVP PRICES -->
                                                <div class="row">
                                                    <div class="col-md-7 text-center">
                                                        <div style="display: inline-block;padding: 10px;" class="form-group">
                                                            <label for="costPrice">Precio de coste sin impuestos </label>
                                                            <input id="costPrice" value="0.00" style="width: 250px;" class="form-control input-circle typeahead money-box " type="text" onchange="fillPricesCellFull()">
                                                        </div>
                                                        <div style="display: inline-block;padding: 10px;" class="form-group">
                                                            <label for="pvp">Precio de venta </label>
                                                            <input id="pvp" value="0.00" style="width: 250px;" class="form-control input-circle typeahead money-box  form-control" type="text" onchange="fillPricesCellFull()">
                                                        </div>
                                                    </div>

                                                    <div class="col-md-5 text-center" style="padding-right: 15px">
                                                        <table class="table" id="taxTable">
                                                            <thead>
                                                            <tr>
                                                                <th style="text-align: center">Impuesto</th>
                                                                <th style="text-align: center">%</th>
                                                                <th style="text-align: center">Cantidad</th>
                                                                <th style="text-align: center">Costo con impuestos</th>
                                                            </tr>
                                                            </thead>
                                                            <tbody id="tax_tbody">
                                                            {% for key, tax in taxes %}
                                                                <tr id="{{ key }}">
                                                                    <td>{{ tax.acronym }}</td>
                                                                    <td id="percentage">{{ tax.percentage }}</td>
                                                                    <td id="taxQuantity">0.00</td>
                                                                    <td id="costPricePlusTaxes">0.00</td>
                                                                </tr>
                                                            {% endfor %}
                                                            </tbody>
                                                            <tfoot>
                                                            <tfoot>
                                                            <tr style="background-color: gainsboro">
                                                                <td><strong>Total</strong></td>
                                                                <td id="totalPercentage">0.00</td>
                                                                <td id="totalQuantity">0.00</td>
                                                                <td id="total" style="font-size: x-large">0.00</td>
                                                            </tr>
                                                            </tfoot>
                                                            </tfoot>
                                                        </table>
                                                    </div>
                                                </div>

                                                <!-- ARTICLE PRICES -->
                                                {% if groupConfiguration.articleExtraPricesSectionEnabled %}
                                                    {% if article.isWhiteLabel == false %}
                                                        <!-- FORM ARTICLE PRICE -->
                                                        <div class="" id="article_price">
                                                            <div class="">
                                                                {{ include('@Core/Article/_article_form_price_no_form.html.twig') }}
                                                            </div>
                                                        </div>
                                                        <!-- FORM ARTICLE PRICES -->
                                                    {% endif %}
                                                {% endif %}



                                            </div>
                                        </div>
                                    </div>
                                    <!-- PRICES INPUTS -->

                                    {#TABLA DE ASIGNACIÓN DE PRECIOS#}
                                    <div id="new_article_table_price"></div>
                                </div>
                            </div>

                        </div>
                    </div>

                    {{ form_end(formArticle) }}

                    <button type="button" class="btn-rounded btn bg-color3 pull-right" onclick="checkDifferentPriceForSameArticle()">
                        <i class="glyphicon glyphicon-save"></i>
                        Guardar
                    </button>
                </div>
            </div>

        </div>

    </div>

{% endblock %}

{% block script %}
    <script>

        var distribution = [];

        $( document ).ready(function() {
            generateSerieTable();
            generatePriceTable();

            //Autocomplete article, avoid model suggestions.
            orderarticle.getArticleSuggestionsNoModel();

            //orderarticle.getArticleSuggestions();
            {% if article.id is not null %}
                $('#costPrice').val('{{ costPrice }}');
                $('#pvp').val('{{ pvp }}');
                paintTaxTable('{{ costPrice }}');

            {% else %}
                $('#barcode_scan_article').remove();
            {% endif %}

            getTaxes();
        });

        function generateSerieTable(){
            var serie = $('#articleFormBasic_serie').val();

            if (serie) {
                $.get(Routing.generate('new_article_get_sizes_by_shops', {'serie' : serie }), function (result) {
                    $('#new_article_table_distribution').html(result);
                }).fail(function (error) {
                    console.log(error.responseText);
                });
            }
        }

        function generatePriceTable() {
            var articleId = $("#articleFormBasic_id").val();
            var pvp = $('#articleFormBasic_defaultPVP').val();
            var cost = $('#articleFormBasic_defaultCostPrice').val();
            var serie = $('#articleFormBasic_serie').val();

            if (serie) {
                $.get(Routing.generate('new_article_get_prices_by_shops', { 'articleId' : articleId, 'pvp' : pvp, 'cost' : cost, 'serie' : serie}), function (result) {
                    $('#new_article_table_price').html(result);
                }).fail(function (error) {
                    console.log(error.responseText);
                });
            }
        }


        $( "#articleFormBasic_serie" ).change(function() {
            generateSerieTable();
            generatePriceTable();
        });

        //get distribution cells with stock
        $('a[data-toggle="tab"]').on('shown.bs.tab', function (e){
            distribution = $('.tdistribution input').filter(function () {
                return $(this).val() != 0
            }).map(function () {
                return this.id
            }).get();

            //EACH TIME I PRESS A TAP I PLOT THIS TABLE FOR DISTRIBUTION TAB
            plotAvailableDistributionForThisArticle();
            plotHistoricalOrderForThisArticle();

            //PLOT LAST PRICES ORDERED
            plotLastPricesOrderedForThisArticle();

        });

        function saveNewArticle() {

            var formData = new FormData($('#articleFormBasic')[0]);

            {% if groupConfiguration.articleExtraPricesSectionEnabled %}
                {% if article.isWhiteLabel == false %}
                    // ARTICLE PRICES
                    formData.append("price1", $("#articlePriceFormBasic_price1").val());
                    formData.append("price2", $("#articlePriceFormBasic_price2").val());
                    formData.append("price3", $("#articlePriceFormBasic_price3").val());
                    formData.append("price4", $("#articlePriceFormBasic_price4").val());
                    formData.append("price5", $("#articlePriceFormBasic_price5").val());
                {% endif %}
            {% endif %}

            var form = $('#articleFormBasic');
            form.validate();

            if (form.valid()) {

                //CHECK AUTO INCREMENT DEDUPLICATION
                var autoIncrement = $("#articleFormBasic_autoIncrement").val();
                var ref = $("#articleFormBasic_ref").val();
                var brandId = $("#articleFormBasic_brand").val();
                var articleId = $("#articleFormBasic_id").val();
                var url = Routing.generate('ajax_new_article_check_autoincrement', {'autoIncrement' : autoIncrement,'reference' : ref,'brandId' : brandId,'articleId' : articleId});

                $.post(url, function(){

                }).done(function (result) {
                    if(result.response === 201 ) {
                        swal(
                            'OPPS!',
                            "Error. El Nº ordenación de artículo ya existe en su base de datos.",
                            'error'
                        )
                    }else if(result.response === 202 ) {
                        swal(
                            'OPPS!',
                            "Error. La referencia de artículo ya existe en su base de datos para la marca seleccionada.",
                            'error'
                        )
                    } else if(result.response === 200) {

                        //CREATING ARTICLE
                        showLoader();
                        var url = Routing.generate('post_new_article');
                        $.ajax({
                            type: 'POST',
                            url: url,
                            data: formData,
                            processData: false,
                            contentType: false,
                            cache: false,
                            dataType: 'json',

                            success: function (result) {
                                idArticle = result['idArticle'];
                                parseTableForNewArticle(idArticle);
                            }, error: function (result, desc, err) {
                                if (result.status == 400) {
                                    errorNotity(result.responseJSON.message);
                                    hideLoader();
                                }
                                else if (result.status == 500) {
                                    console.log(result.responseText);
                                    errorNotity("Error guardando el artículo.");
                                    hideLoader();
                                }
                            }
                        });


                    }
                }).fail(function (error) {
                    errorNotity("Error guardando el artículo.");
                    console.log(error.responseText);
                })

            }else{
                errorNotity("Faltan campos por rellenar o los datos introducidos no son válidos. Por favor, revise los datos introducidos.");
            }
        }

        function parseTableForNewArticle(idArticle)
        {
            var dataTableJson = {
                idArticle: idArticle,
                items: [],
                typeActon: "add"
            };

            var i = 1;var j = 1;
            while ($('#tdi-'+i+'-'+j).length > 0){
                var shop = $('#tdi-'+i+'-'+j).data("shop");

                while ($('#tdi-'+i+'-'+j).length > 0){
                    var num;
                    if ($('#tdi-'+i+'-'+j).val()== undefined){
                        num = 0;
                    } else {
                        num = $('#tdi-'+i+'-'+j).val();
                    }
                    var size = $('#tdi-'+i+'-'+j).data("size");
                    var pvp = $('#tpi-pvp-'+i+'-'+j).val();
                    var cost = $('#tp-cost-'+i+'-'+j).val();
                    var tdJson = {shop: shop, size: size, num: num, pvp: pvp, cost: cost};
                    var tdJsonString = JSON.stringify(tdJson);
                    dataTableJson.items.push(tdJson);

                    j = j + 1;
                }
                j = 1;
                i = i + 1;
            }
            var dataTableString = 'data='+JSON.stringify(dataTableJson);

            var route = Routing.generate('ajax_new_article_stock_save');
            $.post(route, dataTableString, function (result) {
                window.location.href = Routing.generate('articles');
            }).fail(function(error) {
                console.log(error.responseText);
            });
        }


        function doWeHaveStockToInsert()
        {
            var dataTableJson = {
                items: []
            };

            var createThisStocks = 0;
            var priceCreateThisStocks = false;
            var i = 1;var j = 1;
            while ($('#tdi-'+i+'-'+j).length > 0){
                var shop = $('#tdi-'+i+'-'+j).data("shop");

                while ($('#tdi-'+i+'-'+j).length > 0){
                    var num;
                    if ($('#tdi-'+i+'-'+j).val()== undefined){
                        num = 0;
                    } else {
                        num = $('#tdi-'+i+'-'+j).val();
                    }
                    var size = $('#tdi-'+i+'-'+j).data("size");
                    var pvp = $('#tpi-pvp-'+i+'-'+j).val();
                    var cost = $('#tp-cost-'+i+'-'+j).val();
                    var tdJson = {shop: shop, size: size, num: num, pvp: pvp, cost: cost};
                    dataTableJson.items.push(tdJson);

                    //at least one stock ordered
                    createThisStocks = createThisStocks + num * 1;
                    //at least one with price
                    if ( (pvp*1) > 0){
                        priceCreateThisStocks = true;
                    }

                    j = j + 1;
                }
                j = 1;
                i = i + 1;
            }
            if (createThisStocks > 0 && priceCreateThisStocks){
                return 1;
            }else{
                return 0;
            }

        }


        function getPricesFromTable()
        {
            var dataTableJson = [];
            var createThisStocks = 0;
            var priceCreateThisStocks = false;

            var i = 1;var j = 1;
            while ($('#tdi-'+i+'-'+j).length > 0){
                var shop = $('#tdi-'+i+'-'+j).data("shop");

                while ($('#tdi-'+i+'-'+j).length > 0){
                    var num;
                    if ($('#tdi-'+i+'-'+j).val()== undefined){
                        num = 0;
                    } else {
                        num = $('#tdi-'+i+'-'+j).val();
                    }
                    var size = $('#tdi-'+i+'-'+j).data("size");
                    var pvp = $('#tpi-pvp-'+i+'-'+j).val();
                    var cost = $('#tp-cost-'+i+'-'+j).val();
                    if (pvp != 0){
                        dataTableJson.push(pvp);
                    }

                    j = j + 1;
                }
                j = 1;
                i = i + 1;
            }

            return dataTableJson;

        }

        function checkNewTableCostPriceBiggerFromTable()
        {
            var i = 1;var j = 1;
            while ($('#tdi-'+i+'-'+j).length > 0){
                var shop = $('#tdi-'+i+'-'+j).data("shop");

                while ($('#tdi-'+i+'-'+j).length > 0){
                    var num;
                    if ($('#tdi-'+i+'-'+j).val()== undefined){
                        num = 0;
                    } else {
                        num = $('#tdi-'+i+'-'+j).val();
                    }
                    var size = $('#tdi-'+i+'-'+j).data("size");
                    var pvp = $('#tpi-pvp-'+i+'-'+j).val();
                    var cost = $('#tp-cost-'+i+'-'+j).val();

                    if ( (cost*1) > (pvp*1)){
                        return true;
                    }

                    j = j + 1;
                }
                j = 1;
                i = i + 1;
            }
            return false;

        }


        // CHECKING IF THIS ARTICLE HAS DIFFERENT PRICES FOR ALL STOCKS - WE SHOW AN ICON WITH AN ALERT
        function checkDifferentPriceForSameArticleOnLoad(){

            //CHECK PRICES
            var idArticleHere = $('#articleFormBasic_id').val();
            if (idArticleHere) {

                //COST PRICES BIGGER THAN SALE PRICES
                var route = Routing.generate('_ajax_article_check_cost_bigger_for_stock', {'articleId': idArticleHere});

                $.get(route, function (response) {

                    if (response == "true" || checkNewTableCostPriceBiggerFromTable()) {

                        var sw = swal({
                                title: "ATENCIÓN",
                                text: "Está creando stock para un artículo que posee un precio de compra mayor al precio de venta. ¿Es correcto?",
                                type: "warning",
                                showCancelButton: true,
                                confirmButtonColor: "#EF5350",
                                confirmButtonText: "Si, continuar creando",
                                cancelButtonText: "No, cancelar el proceso",
                                closeOnConfirm: false,
                                closeOnCancel: false
                            },
                            function(isConfirm){
                                if (isConfirm) {
                                    createStockMainTask();
                                }
                                else {
                                    swal({
                                        title: "CANCELADO",
                                        text: "La creación ha sido cancelada.",
                                        confirmButtonColor: "#EF5350",
                                        type: "error"
                                    });
                                }
                            });

                    }else{
                        createStockMainTask();
                    }

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

        //CREATING STOCKS MAIN PROCESS
        function checkDifferentPriceForSameArticle() {

            //UNITS AND PRICES. AVOID THIS FOR WHITE LABELS
            if ($("#articleFormBasic_isWhiteLabel").is(':checked') == false){
                var status = doWeHaveStockToInsert();
                if (status == 0) {
                    //warningNotity("Atención. No ha introducido al menos algún stock con precio de venta para este artículo.");
                    //return;
                }
            }

            var idArticleHere = $('#articleFormBasic_id').val();

            if (idArticleHere) {
                //CHECKING COST PRICE BIGGER THAN SALE
                checkDifferentPriceForSameArticleOnLoad();
            }else{
                if (checkNewTableCostPriceBiggerFromTable()) {

                    var sw = swal({
                            title: "ATENCIÓN",
                            text: "Está creando stock para un artículo que posee un precio de compra mayor al precio de venta. ¿Es correcto?",
                            type: "warning",
                            showCancelButton: true,
                            confirmButtonColor: "#EF5350",
                            confirmButtonText: "Si, continuar creando",
                            cancelButtonText: "No, cancelar el proceso",
                            closeOnConfirm: false,
                            closeOnCancel: false
                        },
                        function(isConfirm){
                            if (isConfirm) {
                                //JUST NEW ARTICLE
                                saveNewArticle();
                            }
                            else {
                                swal({
                                    title: "CANCELADO",
                                    text: "La creación ha sido cancelada.",
                                    confirmButtonColor: "#EF5350",
                                    type: "error"
                                });
                            }
                        });

                } else {
                    saveNewArticle();
                }
            }
        }

        function createStockMainTask(){

            //CHECK PRICES
            var idArticleHere = $('#articleFormBasic_id').val();
            var route = Routing.generate('_ajax_article_check_prices_for_stock', {'articleId': idArticleHere});

            $.get(route, function (response) {

                var responseArray = JSON.parse(response);

                var sizesFound=0;
                var keyUnique = 0;
                $.each(responseArray, function(key, value){
                    sizesFound = sizesFound +1;
                    keyUnique = key;
                });

                if ( sizesFound > 1){

                    var sw = swal({
                            title: "ATENCIÓN",
                            text: "Está creando stock para un artículo que posee un stock con precio diferente. Debe actualizar el precio de los stock ya disponibles de este artículo.",
                            type: "warning",
                            showCancelButton: true,
                            confirmButtonColor: "#EF5350",
                            confirmButtonText: "Si, continuar creando",
                            cancelButtonText: "No, cancelar el proceso",
                            closeOnConfirm: false,
                            closeOnCancel: false
                        },
                        function(isConfirm){
                            if (isConfirm) {
                                saveNewArticle();
                            }
                            else {
                                swal({
                                    title: "CANCELADO",
                                    text: "La creación ha sido cancelada.",
                                    confirmButtonColor: "#EF5350",
                                    type: "error"
                                });
                            }
                        });

                }else{
                    if ( sizesFound == 1) {
                        var arrayTablePrices = getPricesFromTable();

                        var uniques = arrayTablePrices.unique();

                        if ( uniques.length = 1 && Number(keyUnique) === Number(uniques[0])){
                            saveNewArticle();
                        }else {

                            var sw = swal({
                                    title: "ATENCIÓN",
                                    text: "Está creando stock para un artículo que posee un stock con precio diferente. Debe actualizar el precio de los stock ya disponibles de este artículo.",
                                    type: "warning",
                                    showCancelButton: true,
                                    confirmButtonColor: "#EF5350",
                                    confirmButtonText: "Si, continuar creando",
                                    cancelButtonText: "No, cancelar el proceso",
                                    closeOnConfirm: false,
                                    closeOnCancel: false
                                },
                                function(isConfirm){
                                    if (isConfirm) {
                                        saveNewArticle();
                                    }
                                    else {
                                        swal({
                                            title: "CANCELADO",
                                            text: "La creación ha sido cancelada.",
                                            confirmButtonColor: "#EF5350",
                                            type: "error"
                                        });
                                    }
                                });
                        }
                    }else{
                        saveNewArticle();
                    }

                }

            });
        }

        //LOADING AVAILABLE DISTRIBUTION FOR THIS ARTICLE, WHEN SELECTED OF COURSE
        function plotAvailableDistributionForThisArticle(){

            //CHECK HISTORICAL ORDER
            var idArticleHere = $('#articleFormBasic_id').val();
            var route = Routing.generate('ajax_plot_available_distribution_for_acticle', {'articleId': idArticleHere});
            $.get(route, function (result) {
                $('#article_table_available_distribution').html(result);
            }).fail(function (error) {
                console.log(error.responseText);
            });

        }

        //LOADING HISTORICAL ORDER FOR THIS ARTICLE, WHEN SELECTED OF COURSE
        function plotHistoricalOrderForThisArticle(){

            //CHECK HISTORICAL ORDER
            var idArticleHere = $('#articleFormBasic_id').val();
            if (idArticleHere) {
                var route = Routing.generate('ajax_plot_historical_order_for_acticle', {
                    'articleId': idArticleHere,
                    'showButtonsCopyAndPaste': true
                });
                $.get(route, function (result) {
                    $('#article_table_historical_order').html(result);
                }).fail(function (error) {
                    console.log(error.responseText);
                });
            }

        }

        //LOADING LAST PRICES ORDERED
        function plotLastPricesOrderedForThisArticle(){

            //CHECK HISTORICAL ORDER
            var idArticleHere = $('#articleFormBasic_id').val();
            var idSerieHere = $('#articleFormBasic_serie').val();
            if (idArticleHere && idSerieHere) {
                var route = Routing.generate('ajax_plot_last_prices_ordered_for_acticle', {
                    'articleId': idArticleHere,
                    'serieId': idSerieHere
                });
                $.get(route, function (result) {

                    var costArray = result["cost"];
                    var pvpArray = result["pvp"];

                    //COST PRICE
                    $.each(costArray, function(key, price){
                        $("#tp-cost-header-"+key).val(price);
                    });

                    //PVP PRICE
                    $.each(pvpArray, function(key, price){
                        $("#tp-pvp-header-"+key).val(price);
                    });


                    //$('#article_table_historical_order').html(result);
                }).fail(function (error) {
                    console.log(error.responseText);
                });
            }

        }

        $('#costPrice').change(function () {
            paintTaxTable($(this).val());
        });

        function paintTaxTable(lastCommondCostPrice) {
            var totalPercentage = 0;
            var totalQuantity = 0;
            var totalTaxes = 0;

            $("#taxTable tr").each(function () {
                var key = $(this).attr('id');
                $(this).find('td').each(function(){
                    if($(this).attr('id') == 'percentage') {
                        var percentage = $(this).text();
                        var quantity = Number(lastCommondCostPrice * percentage / 100).toFixed(2);
                        var total = (Number(lastCommondCostPrice) + Number(quantity)).toFixed(2);

                        $('#' + key + ' td[id=taxQuantity]').text(quantity+'€');
                        $('#' + key + ' td[id=costPricePlusTaxes]').text(total+'€');
                        totalTaxes += Number(quantity);
                        totalPercentage += Number(percentage);
                        totalQuantity += Number(quantity);
                    }
                });
            });

            $('#totalPercentage').text(Number(totalPercentage));
            $('#totalQuantity').text(Number(totalQuantity).toFixed(2)+'€');
            $('#total').text((Number(totalTaxes) + Number(lastCommondCostPrice)).toFixed(2)+'€');
        }

        //PROTOTIPE FUNCTIONS TO GET UNIQUE ELEMENTS INTO ARRAY
        Array.prototype.contains = function(v) {
            for(var i = 0; i < this.length; i++) {
                if(this[i] === v) return true;
            }
            return false;
        };

        Array.prototype.unique = function() {
            var arr = [];
            for(var i = 0; i < this.length; i++) {
                if(!arr.includes(this[i])) {
                    arr.push(this[i]);
                }
            }
            return arr;
        }
        //END OF PROTOPIPE FUNCTIONS


        //HIDDEN TABS WHEN WHITE LABEL
        $(".nav-tabs a[data-toggle=tab]").on("click", function(e) {
            if ($("#articleFormBasic_isWhiteLabel").is(':checked') == true) {
                //RETURN AVOID TAB
                e.preventDefault();
                return false;
            }
        });

        //CLEAN TABLES
        $('#articleFormBasic_isWhiteLabel').change(function () {
            generateSerieTable();
            generatePriceTable();

        });

        function getTaxes() {
            var taxes = $('#articleFormBasic_taxSupported').val();
            var route = Routing.generate('get_taxes', {'taxes':taxes});

            $.get(route, function () {

            }).done(function(result){
                $('#tax_tbody').html(result);
                paintTaxTable($('#costPrice').val());
            }).fail(function (error) {
                console.log(error.responseText);
            })
        }

        $('#articleFormBasic_taxSupported').change(function(){
            getTaxes();
        });


    </script>
{% endblock %}