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

    {% include '@Core/OrdersDraft/_load_file_order_draft.html.twig' %}


{% endblock %}
{% block sectionTitle %}Borrador{% endblock %}
{% block breadcrumbLinks %}
    <li><a href="{{ path("orders_draft") }}">Borradores</a></li>
    <li class="active">Editar borrador</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>
        #articleOrderDraftTable .form-control{
            height: auto !important;
            padding: 0px !important;;
            font-size: 12px !important;
        }
        .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: center;
        }
    </style>

    {% include "@Core/Article/_stock_modal_menu.html.twig" %}

    <!-- 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="totalDraftTable" 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="totalDraftArticles"></div></td>
                                            <td align="center" style="font-size: 18px !important; font-weight: bolder; "><div id="totalDraftUnits"></div></td>
                                            <td align="center" style="font-size: 18px !important; font-weight: bolder; "><div id="totalDraftEuros"></div></td>
                                        </tr>

                                    </tbody>
                                </table>

                            </div>

                        </div>

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


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

        <div class="">

            <div class="row">
                <div class="">
                    <div class="col-md-6">
                        <div class="">
                            <div class="">
                                <div class="">
                                    <div class="col-md-3" style=" ">
                                        COD - Borrador
                                    </div>

                                    <div class="col-md-7" style="font-weight: bold">
                                        {{ order.alias }}
                                    </div>
                                </div>
                                <div class="">
                                    <div class="col-md-3" style=" ">
                                        Proveedor
                                    </div>

                                    <div class="col-md-7" style="font-weight: bold">
                                        {% if not isShopManager %}
                                            <a href="{{ path('dealer',{objId:order.dealer.id}) }}">{{ order.dealer.name }}<i class="icon-new-tab position-right"></i></a>
                                        {% else %}
                                            {{ order.dealer.name }}
                                        {% endif %}
                                    </div>
                                </div>

                                <div class="">
                                    <div class="col-md-3" style=" ">
                                        F.Servicio
                                    </div>

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

                                <div class="">
                                    <div class="col-md-3" style=" ">
                                        Temporada
                                    </div>

                                    <div class="col-md-7" style="font-weight: bold">
                                        {{ order.season }}
                                    </div>
                                </div>

                                {% if orders | length > 0 %}
                                    <div class="">
                                        <div class="col-md-3" style=" ">
                                            Pedidos asociados
                                        </div>

                                        <div class="col-md-7" style="font-weight: bold">
                                            {% for order in orders %}
                                                <a href="{{ path('order_edit',{id:order.id}) }}">{{ order.alias }}<i class="icon-new-tab position-right"></i></a> &nbsp;
                                            {% endfor %}
                                        </div>
                                    </div>

                                {% endif %}

                                {% if order.typeCreateArticleImportDraft is not null %}
                                    <div class="">
                                        <div class="col-md-3" style=" ">
                                            Tipo importación
                                        </div>

                                        <div class="col-md-7" style="font-weight: bold">
                                            {% if order.typeCreateArticleImportDraft == 1 %} Marca, modelo y color {% endif %}
                                            {% if order.typeCreateArticleImportDraft == 2 %} Por referencia {% endif %}
                                        </div>
                                    </div>
                                {% endif %}

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

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

                        <div class="col-xs-2 pull-right "  style="width: 25%;">
                            <button type="button" class="btn bg-orange btn-block btn-float btn-float-lg" onclick="createOrderFromDraft()" id="pending_order_button">
                                <i class="icon-arrow-right16 position-left button_label_cc_icon_horizontal"></i>
                                <div class="button_label_cc_text">
                                    PENDIENTE  <br> CONFIRMAR
                                </div>
                            </button>
                        </div>

                        {% if orders | length == 0 %}
                        <div class="col-xs-2 pull-right "  style="width: 25%;">
                            <button type="button" class="btn bg-black btn-block btn-float btn-float-lg" onclick="deleteOrder()" id="delete_order_button">
                                <i class="icon-arrow-right16 position-left button_label_cc_icon_horizontal"></i>
                                <div class="button_label_cc_text">
                                    ELIMINAR  <br> BORRADOR
                                </div>
                            </button>
                        </div>
                        {% endif %}

                        <div class="col-xs-2 pull-right "  style="width: 25%;">
                            <a href="{{ path('orders_draft_print', {"id" : order.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> BORRADOR
                                </div>
                            </a>
                        </div>

                        <div class="col-xs-2 pull-right "  style="width: 25%;">
                            <button type="button" class="btn bg-purple-300 btn-block btn-float btn-float-lg" onclick="showDialogLoadFile()" id="pending_order_button">
                                <i class="icon-cloud-upload position-left button_label_cc_icon_horizontal"></i>
                                <div class="button_label_cc_text">
                                    IMPORTAR  <br> FICHERO
                                </div>
                            </button>
                        </div>

                    </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="#tabOrderDetails" data-toggle="tab">Información</a></li>
                        </ul>

                        <div class="tab-content">

                            <!-- ARTICLES -->
                            <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 ARTICLES -->
                                        <div id="articleOrderDraftList" class="col-xs-12 text-center">
                                            <i class="icon-spinner2 spinner mr-2"></i> Cargando ...
                                        </div>

                                        <div class="col-xs-12">
                                            <div class="col-xs-3" style="float:right">
                                                <button tabindex="-1" type="button" id="btnSaveOrderDraft" class="btn-rounded btn bg-green-800 float-right" style="margin-bottom:10px; width: 100%;font-size:10px;" value="" onclick="saveOrderDraftFull('{{ order.id }}')" title="Guardar cambios en el pedido.">
                                                    <i class="icon-cart-add2 ml-2"></i>
                                                    Guardar cambios en el borrador
                                                </button>
                                            </div>

                                            <div class="col-xs-3">
                                                <button tabindex="-1" type="button" id="btnAddArticleDraftToOrder" class="btn-rounded btn bg-danger-600 float-right" style="margin-bottom:10px; width: 100%;font-size:10px;" value="" onclick="addArticlesDraft()" title="Añadir artículo en el pedido.">
                                                    <i class="icon-add ml-2"></i>
                                                    Añadir artículo
                                                </button>
                                            </div>

                                        </div>

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

                            <!-- INFO -->
                            <div class="tab-pane" id="tabOrderDetails">
                                <div class="col-md-12">
                                    <div class="col-md-12">
                                        <div class="col-md-3" style=" ">
                                            Proveedor
                                        </div>

                                        <div class="col-md-7" style="font-weight: bold">
                                            {% if not isShopManager %}
                                                <a href="{{ path('dealer',{objId:order.dealer.id}) }}">{{ order.dealer.name }}<i class="icon-new-tab position-right"></i></a>
                                            {% else %}
                                                {{ order.dealer.name }}
                                            {% endif %}
                                        </div>
                                    </div>

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

                                        <div class="col-md-7" style="font-weight: bold">
                                            {{ order.createdAt | date("d/m/Y") }}
                                        </div>
                                    </div>

                                    <div class="col-md-12">
                                        <div class="col-md-3" style=" ">
                                            F.Última modificación
                                        </div>

                                        <div class="col-md-7" style="font-weight: bold">
                                            {{ order.modifiedAt | date("d/m/Y") }}
                                        </div>
                                    </div>

                                    <div class="col-md-12">
                                        <div class="col-md-3" style=" ">
                                            F.Servicio
                                        </div>

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

                                    <div class="col-md-12">
                                        <div class="col-md-3" style=" ">
                                            Temporada
                                        </div>

                                        <div class="col-md-7" style="font-weight: bold">
                                            {{ order.season }}
                                        </div>
                                    </div>
                                </div>
                                <div class="col-md-12">
                                    <hr>
                                </div>
                                {% include 'CoreBundle:OrdersDraft:_form.html.twig' %}
                            </div>
                            <!-- INFO -->

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

{% endblock %}
{% block script %}


    <script>

        var itemsLoop = 0;
        var itemsArrayLoop = [];

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

            //LOADING ARTICLES INTO DRAFT
            showTableArticlesDraft();

            {% for label, flashes in app.session.flashbag.all %}
                {% for flash in flashes %}
                        new PNotify({
                            text: "{{ flash }}",
                            type: "success"
                        });
                {% endfor %}
            {% endfor %}

        });

        function deleteOrder() {
            swal({
                    title: "ATENCIÓN",
                    text: "¿Está seguro que desea borrar este borrador?",
                    type: "warning",
                    showCancelButton: true,
                    confirmButtonColor: "#EF5350",
                    confirmButtonText: "Sí",
                    cancelButtonText: "No",
                    closeOnConfirm: true,
                    closeOnCancel: true
                },
                function (isConfirm) {
                    if(isConfirm){
                        var orderId = '{{ order.id }}';

                        showLoader();
                        var path = Routing.generate('_ajax_delete_order_draft', {'orderId' : orderId });

                        $.get(path, function (result) {
                            window.location.href = '{{ path('orders_draft') }}';
                        }).fail(function (err) {
                            console.log(err.responseText);
                        });
                    }
                }
            );
        }

        ///////// FORM ARTICLES /////////

        // RECALCULATE ARTICLE INTO ORDER
        function recalculateTotalArticleDraft(loop){
            var pc = $('#articleDraftFormBasic_'+loop+'_defaultCostPrice').val();
            var units = $('#articleDraftFormBasic_'+loop+'_unitsOrdered').val();
            var discount = $('#discountPercentage_'+loop).val();
            var total = units * pc;
            var withDiscount = ( (total * discount) / 100 );
            total = total - withDiscount;
            $('#totalArticleDraft_'+loop+'_hidden').html(total);
            $('#totalArticleDraft_'+loop).html(Number(total.toFixed(2)).toLocaleString(undefined, {minimumFractionDigits: 2})+"€");

            updateTotalOrderDraft();
        }
        function updateTotalOrderDraft(){
            var totalUnitsOrder = 0;
            $('.totalUnitsOrderItem').each(function(i, obj) {
                var totalUnitsOrderItem = $(obj).val();
                totalUnitsOrder = parseFloat(totalUnitsOrder) + parseFloat(totalUnitsOrderItem);
                $('#totalUnitsOrderDiv').html(totalUnitsOrder);
            });
            var totalOrder = 0;
            $('.totalItem').each(function(i, obj) {
                var totalItem = $(obj).html();
                totalOrder = parseFloat(totalOrder) + parseFloat(totalItem);
            });

            //TOTAL DISCOUNT
            var discount = $('#discountPercentage_total').val();
            var withDiscount = ( (totalOrder * discount) / 100 );
            totalOrder = totalOrder - withDiscount;

            $('#totalOrderDiv').html(Number(totalOrder.toFixed(2)).toLocaleString(undefined, {minimumFractionDigits: 2})+"€");

            $('#totalDraftArticles').html(itemsArrayLoop.length);
            $('#totalDraftUnits').html($('#totalUnitsOrderDiv').html());
            $('#totalDraftEuros').html($('#totalOrderDiv').html());
        }

        //LIST OF ARTICLES INTO DRAFT
        function showTableArticlesDraft() {
            var orderId = '{{ order.id }}';
            var path = Routing.generate('show_table_of_articles_draft', { 'order' : orderId });

            $.get(path).done(function (result) {
                $("#articleOrderDraftList").html(result);

                //INIT COUNTER
                itemsLoop = $("#articleOrderDraftTable td").closest("tr").length / 2;
                itemsArrayLoop = [];
                var i;
                for (i = 1; i <= itemsLoop; i++) {
                    itemsArrayLoop.push(i);
                }

                //UPDATE TOTAL
                updateTotalOrderDraft();

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

        //LOAD FORM TO ADD A NEW ARTICLE DRAFT
        function addArticlesDraft() {
            var orderId = '{{ order.id }}';
            var path = Routing.generate('add_articles_draft', { 'order' : orderId, 'itemsLoop' : itemsLoop });

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

                //NEW LINE
                $("#articleOrderDraftTable > tbody").append(result);

                //COUNTER LINES
                itemsLoop = itemsLoop + 1;
                itemsArrayLoop.push(itemsLoop);

                $('#totalDraftArticles').html(itemsArrayLoop.length);

                //FOCUS NEW ARTICLE
                $('#articleDraftFormBasic_' + itemsLoop + '_articleModel').focus();

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

        //REMOVE ARTICLE INTO DRAFT
        function removeArticleFromDraft(articleId, orderId, loop){

            var sw = swal({
                    title: "ATENCIÓN",
                    text: "¿ Está seguro de eliminar este artículo de este borrador permanentemente?",
                    type: "info",
                    showCancelButton: true,
                    confirmButtonColor: "#167dbe",
                    confirmButtonText: "Si, borrarlo",
                    closeOnConfirm: true
                },
                function (isConfirm) {

                    if (isConfirm) {
                        var path = Routing.generate('remove_article_from_draft', {
                            'order': orderId,
                            'articleId': articleId
                        });

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

                            //REMOVE FILE FROM DOM
                            var fileItem = document.getElementById('articleDraftFormBasic_' + loop + '_file').files;
                            if (fileItem.length > 0) {
                                fileItem[0].remove();
                            }

                            $('#draft_list_article_' + loop).remove();
                            $('#distribution_row_' + loop).remove();

                            //REMOVE KEY
                            itemsArrayLoop = jQuery.grep(itemsArrayLoop, function (value) {
                                return value != loop;
                            });

                            // RECALCULATING TOTALS
                            recalculateTotalArticleDraft(loop);

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

                });



        }

        //DUPLICATE ARTICLE INTO DRAFT
        function duplicateArticleIntoDraft(articleId, orderId, loop){

            $(".btn-duplicate-article-draft").addClass("hidden");

            //SAVE ARTICLE NEW FIRST
            saveArticleIntoDraft(articleId, orderId, loop, true);

        }

        //SAVING FULL DRAFT
        function saveOrderDraftFull(orderId){

            var form_data = new FormData();

            //EMPTY BASKET
            if (itemsArrayLoop.length == 0){
                var sw = swal({
                        title: "ATENCIÓN",
                        text: "Imposible guardar un borrador vacío.",
                        type: "warning",
                        showCancelButton: false,
                        confirmButtonColor: "#EF5350",
                        confirmButtonText: "Entendido",
                        closeOnConfirm: true
                    },
                    function (isConfirm) {

                    });

                return ;
            }

            //ITEM ROW OF A DRAFT
            var doWeContinue = true;
            //------------ checking all goods -----------------
            for (i = 0; i < itemsArrayLoop.length; i++) {

                //ROW
                loop = itemsArrayLoop[i];

                //VARS
                var articleModel = $('#articleDraftFormBasic_' + loop + '_articleModel').val();
                var articleColor = $('#articleDraftFormBasic_' + loop + '_articleColor').val();
                var brand = $('#articleDraftFormBasic_' + loop + '_brand').val();
                var serie = $('#articleDraftFormBasic_' + loop + '_serie').val();

                if (articleModel == "" || articleColor == "" || brand == "" || brand == null || serie == "") {
                    doWeContinue = false;
                    var sw = swal({
                            title: "ATENCIÓN",
                            text: "Debe introducir obligatoriamente el modelo, color, marca y serie de un artículo del pedido. Por favor revise todos los artículos.",
                            type: "warning",
                            showCancelButton: false,
                            confirmButtonColor: "#EF5350",
                            confirmButtonText: "Entendido",
                            closeOnConfirm: true
                        },
                        function (isConfirm) {

                        });

                }
            }//for

            if (doWeContinue == false){
                return false;
            }

            //GLOBAL DISCOUNT
            var discountPercentageTotal = $('#discountPercentage_total').val();

            var orderDraft = { articles : [] };
            var i;
            for (i = 0; i < itemsArrayLoop.length; i++) {

                //ITEM ROW OF A DRAFT
                var orderDraftItem = {};

                //ROW
                loop = itemsArrayLoop[i];

                //VARS
                var articleId = $('#articleDraftFormBasic_'+loop+'_id').val();
                var articleModel = $('#articleDraftFormBasic_'+loop+'_articleModel').val();
                var articleColor = $('#articleDraftFormBasic_'+loop+'_articleColor').val();
                var brand = $('#articleDraftFormBasic_'+loop+'_brand').val();
                var serie = $('#articleDraftFormBasic_'+loop+'_serie').val();
                var section = $('#articleDraftFormBasic_'+loop+'_section').val();

                var shoeLast = $('#articleDraftFormBasic_'+loop+'_shoeLast').val();
                var shoeHeel = $('#articleDraftFormBasic_'+loop+'_shoeHeel').val();
                var shoeSole = $('#articleDraftFormBasic_'+loop+'_shoeSole').val();
                var shoeLining = $('#articleDraftFormBasic_'+loop+'_shoeLining').val();

                var ref = $('#articleDraftFormBasic_'+loop+'_ref').val();

                var cost = $('#articleDraftFormBasic_'+loop+'_defaultCostPrice').val();
                var pvp = $('#articleDraftFormBasic_'+loop+'_defaultPVP').val();
                var units = $('#articleDraftFormBasic_'+loop+'_unitsOrdered').val();
                var discountPercentage = $('#discountPercentage_'+loop).val();

                var fileItemFile = document.getElementById('articleDraftFormBasic_'+loop+'_file');

                if (fileItemFile){
                    var fileItem = document.getElementById('articleDraftFormBasic_'+loop+'_file').files;
                    if (fileItem.length > 0) {
                        var fileItemIntern = document.getElementById('articleDraftFormBasic_'+loop+'_file').files[0];
                        form_data.append("file_"+loop, fileItemIntern );
                    }
                }

                var distribution = $('#distribution_'+loop).val();

                if  (articleModel == "" || articleColor == "" || brand == ""  || brand == null || serie == ""){
                    var sw = swal({
                            title: "ATENCIÓN",
                            text: "Debe introducir obligatoriamente el modelo, color, marca y serie de un artículo del pedido. Por favor revise todos los artículos.",
                            type: "warning",
                            showCancelButton: false,
                            confirmButtonColor: "#EF5350",
                            confirmButtonText: "Entendido",
                            closeOnConfirm: true
                        },
                        function (isConfirm) {

                        });

                }else{
                    orderDraftItem["articleId"] = articleId;
                    orderDraftItem["articleModel"] = articleModel;
                    orderDraftItem["articleColor"] = articleColor;
                    orderDraftItem["brand"] = brand;
                    orderDraftItem["serie"] = serie;
                    orderDraftItem["section"] = section;

                    orderDraftItem["shoeLast"] = shoeLast;
                    orderDraftItem["shoeHeel"] = shoeHeel;
                    orderDraftItem["shoeSole"] = shoeSole;
                    orderDraftItem["shoeLining"] = shoeLining;

                    orderDraftItem["ref"] = ref;

                    orderDraftItem["cost"] = cost;
                    orderDraftItem["pvp"] = pvp;
                    orderDraftItem["units"] = units;
                    orderDraftItem["discountPercentage"] = discountPercentage;

                    orderDraftItem["distribution"] = distribution;
                }

                orderDraft['articles'].push(orderDraftItem);

            }//for

            showLoader();
            //SAVE ARTICLE INTO DRAFT
            $.ajax({
                url: "{{path('save_article_into_draft_full')}}",
                data: {order: orderId, orderDraft : JSON.stringify(orderDraft), discountPercentageTotal: discountPercentageTotal},
                type:"post",
                async: false,
                error:function(err){
                    console.error("error:"+err);
                    var sw = swal({
                            title: "ATENCIÓN",
                            text: "Encontrado un error guardando los artículos en el borrador.",
                            type: "warning",
                            showCancelButton: false,
                            confirmButtonColor: "#EF5350",
                            confirmButtonText: "Entendido",
                            closeOnConfirm: true
                        },
                        function (isConfirm) {

                        });
                    hideLoader();
                },
                success:function(data){
                    submitFormsUploadImages();
                    hideLoader();
                    return true;
                },
                complete:function(){
                    console.log("Request finished.");
                    hideLoader();
                }
            });


            function submitFormsUploadImages(){

                var form = document.getElementById("formOrder");

                $.ajax({
                    url: "{{path('save_article_into_draft_full_images', {"id" : order.id} ) }}",
                    data: new FormData(form),// the formData function is available in almost all new browsers.
                    type:"post",
                    contentType:false,
                    processData:false,
                    cache:false,
                    dataType:"json", // Change this according to your response from the server.
                    error:function(err){
                        console.error(err);
                        var sw = swal({
                                title: "ATENCIÓN",
                                text: "Encontrado un error guardando las imágenes de los artículos en el borrador.",
                                type: "warning",
                                showCancelButton: false,
                                confirmButtonColor: "#EF5350",
                                confirmButtonText: "Entendido",
                                closeOnConfirm: true
                            },
                            function (isConfirm) {
                                window.location.reload();
                            });
                    },
                    success:function(data){
                        new PNotify({
                            text: "Borrador guardado correctamente.",
                            type: "success"
                        });
                        showTableArticlesDraft();
                    },
                    complete:function(){
                        console.log("Request finished.");
                    }
                });


            }


        }//end function





        /********** USED TO DUPLICATE ********** JUST TO SAVE ONE ARTICLE INTO DRAFT */
        //SAVE ARTICLE INTO DRAFT
        function saveArticleIntoDraft(articleId, orderId, loop, cloning){

            //VARS
            var articleModel = $('#articleDraftFormBasic_'+loop+'_articleModel').val();
            var articleColor = $('#articleDraftFormBasic_'+loop+'_articleColor').val();
            var brand = $('#articleDraftFormBasic_'+loop+'_brand').val();
            var serie = $('#articleDraftFormBasic_'+loop+'_serie').val();
            var section = $('#articleDraftFormBasic_'+loop+'_section').val();

            var shoeLast = $('#articleDraftFormBasic_'+loop+'_shoeLast').val();
            var shoeHeel = $('#articleDraftFormBasic_'+loop+'_shoeHeel').val();
            var shoeSole = $('#articleDraftFormBasic_'+loop+'_shoeSole').val();
            var shoeLining = $('#articleDraftFormBasic_'+loop+'_shoeLining').val();

            var cost = $('#articleDraftFormBasic_'+loop+'_defaultCostPrice').val();
            var pvp = $('#articleDraftFormBasic_'+loop+'_defaultPVP').val();
            var units = $('#articleDraftFormBasic_'+loop+'_unitsOrdered').val();
            var discountPercentage = $('#discountPercentage_'+loop).val();

            var distribution = $('#distribution_'+loop).val();

            if  (articleModel == "" || articleColor == "" || brand == "" || brand == null || serie == ""){
                var sw = swal({
                        title: "ATENCIÓN",
                        text: "Debe introducir obligatoriamente el modelo, color, marca y serie del artículo.",
                        type: "warning",
                        showCancelButton: false,
                        confirmButtonColor: "#EF5350",
                        confirmButtonText: "Entendido",
                        closeOnConfirm: true
                    },
                    function (isConfirm) {

                    });
                $(".btn-duplicate-article-draft").removeClass("hidden");

            }else{
                //SAVE ARTICLE INTO DRAFT
                var path = Routing.generate('save_article_into_draft', { 'order' : orderId, 'articleModel' : articleModel,'articleColor' : articleColor,'brand' : brand,'section' : section,'serie' : serie,'shoeLast' : shoeLast,'shoeHeel' : shoeHeel,'shoeSole' : shoeSole,'shoeLining' : shoeLining,'cost' : cost,'pvp' : pvp,'units' : units,'distribution' : distribution, 'discountPercentage': discountPercentage });

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

                    //DUPLICATE ARTICLE
                    if (cloning){

                        var path = Routing.generate('duplicate_article_into_draft', { 'order' : orderId, 'articleId' : result, 'itemsLoop' : itemsLoop  });
                        $.get(path).done(function (result) {

                            //NEW LINE
                            $("#articleOrderDraftTable > tbody").append(result);

                            //COUNTER LINES
                            itemsLoop = itemsLoop + 1;
                            itemsArrayLoop.push(itemsLoop);

                            //COPY DISTRIBUTION
                            cloneDistributionTable(loop,itemsLoop);
                            //CLONE DISCOUNT
                            cloneDiscountTable(loop,itemsLoop);

                            $('#totalDraftArticles').html(itemsArrayLoop.length);

                            $(".btn-duplicate-article-draft").removeClass("hidden");

                        }).fail(function (err) {
                            console.log(err.responseText);
                            $(".btn-duplicate-article-draft").removeClass("hidden");
                        });
                    }

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

        }

        function showDialogLoadFile(){
            $('#order_load_file_modal').modal('show');
        }


    </script>

{% endblock %}