{% extends '@Core/base.html.twig' %}
{% block sectionTitle %}Recepción {% endblock %}
{% block sectionActions %}

{% endblock %}

{% block breadcrumbLinks %}
    <li><a href="{{ path("receptions") }}">Recepciones</a></li>
    {% if reception is not defined %}
        <li class="active">Nuevo</li>
    {% else %}
        <li class="active">Editar</li>
    {% endif %}
{% endblock %}

{% block content %}

    {{ render (controller('CoreBundle:ReceptionLabel:_openModalReceptionLabel', {'receptionId' : reception.id}))}}

    <div class="panel-body">

        {% if threadsBackground %}
            <div class="alert alert-info alert-styled-left">
                <span class="text-semibold"> <i class="icon-sync spinner mr-2"></i> Recepcionando los artículos en segundo plano.</span>
            </div>
        {% endif %}

        {% if threads %}
            <div class="alert alert-info alert-styled-left">
                <span class="text-semibold"> <i class="icon-sync spinner mr-2"></i> Actualizando esta recepción en segundo plano.</span>
            </div>
        {% endif %}


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

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

        <!-- RESTART RECEPTION -->
        {% if reception.typeStatusReception.id == constant('CoreBundle\\Entity\\TypeStatusReception::ID_STATUS_TO_COMPLETED') %}
            {% if isPossibleResetReception["status"] == false %}
                <div class="alert alert-warning alert-styled-left">
                    <span class="text-semibold">{{ isPossibleResetReception["reason"] }}</span>
                </div>
            {% endif %}
        {% endif %}

    </div>

    <div class="panel panel-flat ml-20 mr-20">
        <div class="panel-body">

            {% if reception is defined and reception.id %}

                <div class="media">

                    <div class="row">
                        <div class="col-xs-6 col-md-6 col-sm-6 col-lg-6 pull-right" id="receptions_buttons">

                            {% if ( reception.transfer | length ) == 0 and reception.typeStatusReception.id == 10 and reception.shop.typeShop.id != 1 and reception.stockOptimization is null %}
                                {% if  isLite == false  %}
                                    <div class="button_cc_width_horizontal col-xs-2 pull-right">
                                        <button class="btn bg-pink-300 btn-block btn-float btn-float-lg btnCreateTransfers"
                                                type="button"
                                                id="create_transfer_reception_btn">
                                            <i class="icon-share position-left button_label_cc_icon_horizontal"></i> <div class="button_label_cc_text">CREAR ORDEN <BR> TRABAJO</div>
                                        </button>
                                    </div>
                                {% endif %}
                            {% endif %}

                            {% if reception.typeStatusReception.id == 1 %}

                                {% if  isLite == false  %}
                                    <div class="button_cc_width_horizontal col-xs-2 pull-right">
                                        <button class="btn bg-purple-300 btn-block btn-float btn-float-lg btnSearchArticle"
                                                type="button"
                                                id="search_article_reception_btn">
                                            <i class="icon-search4 position-left button_label_cc_icon_horizontal"></i> <div class="button_label_cc_text">BUSCAR <br>ARTÍCULO</div>
                                        </button>
                                    </div>

                                    <div class="button_cc_width_horizontal col-xs-2 pull-right">
                                        <button class="btn bg-green-300 btn-block btn-float btn-float-lg btnShowStocksIntoReceptionPending"
                                                type="button"
                                                id="search_article_reception_btn">
                                            <i class="icon-download10 position-left button_label_cc_icon_horizontal"></i> <div class="button_label_cc_text">RECEPCIONAR <br>CON ESCÁNER</div>
                                        </button>
                                    </div>
                                {% endif %}

                                {% if reception.stocks | length > 0 %}

                                    {% if modify != true and isLite == false %}

                                        <div class="button_cc_width_horizontal col-xs-2 pull-right">
                                            <a class="btn bg-warning-300 btn-block btn-float btn-float-lg"
                                               href="{{ path("reception_edit", { 'id' : reception.id , "modify" : true}) }}"
                                               type="button"
                                               id=""
                                            >
                                                <i class="icon-cogs position-left button_label_cc_icon_horizontal"></i>
                                                <div class="button_label_cc_text">MODIFICAR <br>RECEPCIÓN</div>
                                            </a>
                                        </div>

                                    {% endif %}

                                    {% if isLite == false %}
                                    <div class="button_cc_width_horizontal col-xs-2 pull-right">
                                        <button class="btn bg-danger-300 btn-block btn-float btn-float-lg"
                                                type="button"
                                                id=""
                                                onclick="{% if modify == true %}saveReception(){% else %}closeReceptionDirect(){% endif %}">
                                            <i class="icon-folder-download position-left button_label_cc_icon_horizontal"></i> <div class="button_label_cc_text">CERRAR <br>RECEPCIÓN</div>
                                        </button>
                                    </div>
                                    {% endif %}

                                {% endif %}

                            {% endif %}


                            {% if reception.typeStatusReception.id == 10 %}

                                <div class="button_cc_width_horizontal col-xs-2 pull-right">
                                    <button class="btn bg-orange-400 btn-block btn-float btn-float-lg btnGenerateLabels"
                                            type="button"
                                            id="new_print_label_reception_btn">
                                        <i class="icon-barcode2 position-left button_label_cc_icon_horizontal"></i> <div class="button_label_cc_text">IMPRIMIR <br>ETIQUETAS</div>
                                    </button>
                                </div>

                            {% endif %}

                            {% if reception.stocks | length > 0 %}
                                <div class="button_cc_width_horizontal col-xs-2 pull-right">
                                    <a role="button" class="btn bg-teal-400 btn-block btn-float btn-float-lg"
                                       href="{{ path('print_delivery_receipt', { 'id' : reception.id }) }}" target="_blank"
                                       id="new_print_delivery_receipt_btn">
                                        <i class=" icon-printer2 position-left button_label_cc_icon_horizontal"></i><div class="button_label_cc_text"> ALBARÁN DE<br> RECEPCIÓN</div>
                                    </a>
                                </div>
                            {% endif %}

                            {% if isPossibleResetReception["status"] == true and isLite == false %}
                                <div class="button_cc_width_horizontal col-xs-2 pull-right">
                                    <a role="button" class="btn bg-danger-400 btn-block btn-float btn-float-lg"
                                       onclick="askResetReception()"
                                       id="reset_reception_btn">
                                        <i class=" icon-reload-alt position-left button_label_cc_icon_horizontal"></i><div class="button_label_cc_text"> REINICIAR<br> RECEPCIÓN</div>
                                    </a>
                                </div>
                            {% endif %}

                            {% if reception.typeStatusReception.id == 10 %}

                                <div class="button_cc_width_horizontal col-xs-2 pull-right">
                                    <button class="btn bg-blue-300 btn-block btn-float btn-float-lg btnExportCSVStocks"
                                            type="button"
                                            id="export_csv_stocks_label_reception_btn">
                                        <i class="icon-database-export position-left button_label_cc_icon_horizontal"></i> <div class="button_label_cc_text">FICHERO CSV <br>DE STOCKS</div>
                                    </button>
                                </div>

                            {% endif %}

                        </div>

                        <div class="col-xs-6 col-md-6 col-sm-6 col-lg-6">
                            <div class="media-left">
                                <a href="{{ reception.dealer.getWebPath }}" class="profile-thumb" data-popup="lightbox">
                                    <img src="{{ reception.dealer.getWebPath }}" class="img-thumbnail" alt="" >
                                </a>
                            </div>

                            <div class="media-body">
                                <div class="row">
                                    <div class="col-md-7">
                                        <h5 style="margin-top:0px;">COD-Recepción: <br>{{ reception.getAlias }}</h5>
                                        {% if roleRight == true %}
                                            <span><a href="{{ path('dealer',{objId:reception.dealer.id}) }}">{{ reception.dealer.name }}<i class="icon-new-tab position-right"></i></a> </span><br>
                                        {% else %}
                                            <span>{{ reception.dealer.name }}</span><br>
                                        {% endif %}
                                        {% if reception.shop %}
                                            <span>Tienda de recepción: {{ reception.shop.name }}</span><br>
                                        {% endif %}
                                        {% if reception.orderEAN %}
                                            <span class="" style="">
                                                <a href="{{ path('orders_ean_edit',{id:reception.orderEAN.id}) }}">Pedido EAN {{ reception.orderEAN.alias }}<i class="icon-new-tab position-right"></i></a>
                                            </span>
                                            <br>
                                        {% endif %}
                                        {% if reception.invoiceElements | length > 0 %}
                                            <span class="" style="">
                                                {% for invoiceElement in reception.invoiceElements %}
                                                    <a href="{{ path('invoice',{objId: invoiceElement.invoice.id }) }}">Factura {{ invoiceElement.invoice.codeInvoice }}<i class="icon-new-tab position-right"></i></a>
                                                {% endfor %}
                                            </span>
                                            <br>
                                        {% endif %}
                                        <span>Fecha de creación: {{ reception.date | date('d-m-Y \\a \\l\\a\\s H:i:s') }}</span><br>
                                        <span class="label {{ reception.typeStatusReception.background }}">{{ reception.typeStatusReception.description }}</span>
                                    </div>
                                    <div class="col-md-5 pull-left" >
                                        <div class="row">
                                            <div class="col-md-6">
                                                <div style="cursor:pointer; border-radius: 50%; width: 35px; height: 35px; text-align: center; line-height: 35px; margin-left: 13px" class="bg-green show-stock" data-target="#modal_full" data-toggle="modal" data-reception="{{ reception.id }}">
                                                    {% if isLite %}
                                                        {% set received = 0 %}
                                                        {% for item in reception.stocksLite %}
                                                            {% set received = received + item.qty %}
                                                        {% endfor %}
                                                        {{ received }}
                                                    {% else %}
                                                        {{ reception.stocks | length }}
                                                    {% endif %}
                                                </div>
                                                <small class="title-ball">RECIBIDOS</small>
                                            </div>
                                            <div class="col-md-6">
                                                <div style="border-radius: 50%; width: 35px; height: 35px; text-align: center; line-height: 35px; margin-left: 13px" class="bg-blue">
                                                    {% if articles is defined %}
                                                        {{ articles | length }}
                                                    {% else %}
                                                        0
                                                    {% endif %}
                                                </div>
                                                <small class="title-ball">ARTICULOS</small>
                                            </div>
                                        </div>

                                        <div class="row" style="margin-top: 20px; text-align: left;">
                                            <div id="ammount_selected" class="label border-left-primary label-striped">
                                                0 artículos seleccionados.
                                            </div>
                                        </div>

                                        {% if reception.typeStatusReception.id == 1 %}
                                            <div class="row" style="margin-top: 20px; text-align: left;">
                                                <div id="ammount_hacking_final_selected" class="label border-left-primary label-striped">
                                                    No hay modificaciones para ejecutar en la recepción.
                                                </div>
                                            </div>
                                        {% endif %}

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

                    </div>
                </div>
            {% endif %}
            <!-- barcode scan -->

        <div class="tabbable mt-10" id="reception_tabs">
            <ul class="nav nav-tabs nav-tabs-highlight text-left nav-justified">

                {% if  isLite == false  %}

                    <li {% if reception.stocks | length == 0 %}class="active"{% endif %}><a class="tab" href="#addStockTab" data-toggle="tab" id="addStock">Añadir Stock</a></li>
                    <li><a class="tab" href="#informationTab" data-toggle="tab" id="information">Información</a></li>
                    <li><a class="tab" href="#ordersTab" data-toggle="tab" id="orders">Pedidos</a></li>
                    <li><a class="tab" href="#documentationTab" data-toggle="tab" id="documentation">Documentación</a></li>
                    <li {% if reception.stocks | length > 0 %}class="active"{% endif %} ><a class="tab" href="#stockIncludedTab" data-toggle="tab" id="stockIncluded">Stock incluido</a></li>
                    <li><a class="tab" href="#summaryArticlesTab" data-toggle="tab" id="summaryArticles">Resumen artículos</a></li>
                    {% if (reception.transfer | length ) > 0 %}
                        <li><a class="tab" href="#transfersTab" data-toggle="tab" id="transfers">Trapasos</a></li>
                    {% endif %}
                    {% if (reception.stockOptimization is not null ) %}
                        <li><a class="tab" href="#workingOrdersTab" data-toggle="tab" id="workingOrders">Orden de trabajo</a></li>
                    {% endif %}
                    <li><a class="tab" href="#binnacleTab" data-toggle="tab" id="binnacle">Bitacora</a></li>

                {% else %}

                    <li {% if reception.stocksLite | length == 0 %}class="active"{% endif %}><a class="tab" href="#informationTab" data-toggle="tab" id="information">Información</a></li>
                    <li><a class="tab" href="#ordersTab" data-toggle="tab" id="orders">Pedidos</a></li>
                    <li><a class="tab" href="#documentationTab" data-toggle="tab" id="documentation">Documentación</a></li>
                    <li {% if reception.stocksLite | length > 0 %}class="active"{% endif %}><a class="tab" href="#stockIncludedTab" data-toggle="tab" id="stockIncluded">Stock incluido</a></li>
                    <li><a class="tab" href="#summaryArticlesTab" data-toggle="tab" id="summaryArticles">Resumen artículos</a></li>
                    <li><a class="tab" href="#binnacleTab" data-toggle="tab" id="binnacle">Bitacora</a></li>

                {% endif %}

            </ul>


            <!-- tab contents decoupled -->
            <div class="tab-content">
                {% if  isLite == false  %}
                <div class="tab-pane {% if reception.stocks | length == 0 %}active{% endif %}" id="addStockTab">
                    {% if reception.typeStatusReception.id == 1 %}
                            <div class="button_cc_width_horizontal col-xs-2 pull-right">
                                <button class="btn bg-green-400 btn-block btn-float btn-float-lg btnAddToReceptionArticle"
                                        type="button"
                                        id="add_to_reception_btn"
                                        onclick="addStockIntoReception()">
                                    <i class="icon-box position-left button_label_cc_icon_horizontal"></i> <div class="button_label_cc_text">AÑADIR A <br>RECEPCIÓN</div>
                                </button>
                            </div>
                        {% include '@Core/Reception/reception_detail_add_stock_tab.html.twig' %}
                    {% endif %}
                </div>
                {% endif %}

                <div class="tab-pane" id="informationTab">

                    <div class="button_cc_width_horizontal col-xs-2 pull-right">
                        <button class="btn bg-green-400 btn-block btn-float btn-float-lg btnSaveReceptionArticle"
                                type="button"
                                id="save_reception_btn"
                                onclick="saveInformation()">
                            <i class="icon-floppy-disks position-left button_label_cc_icon_horizontal"></i> <div class="button_label_cc_text">GUARDAR <br>INFORMACIÓN</div>
                        </button>
                    </div>

                    {% include '@Core/Reception/reception_detail_information_tab.html.twig' %}
                </div>

                <div class="tab-pane" id="ordersTab">
                    {{ render(controller('CoreBundle:Orders:listOrderWidget',{'reception' : reception.id} )) }}
                </div>

                <div class="tab-pane" id="documentationTab">
                    {% if reception.typeStatusReception.id == 1 %}

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

                    {% endif %}
                    {% include '@Core/Reception/reception_detail_documentation_tab.html.twig' %}
                </div>

                <div class="tab-pane {% if reception.stocks | length > 0 or reception.stocksLite | length > 0 %}active{% endif %} " id="stockIncludedTab">
                    {% include '@Core/Reception/reception_detail_stock_included_tab.html.twig' %}
                </div>

                <div class="tab-pane" id="summaryArticlesTab">
                    {% include '@Core/Reception/reception_detail_summary_articles_tab.html.twig' %}
                </div>

                {% if  isLite == false  %}
                {% if (reception.transfer | length ) > 0 %}
                    <div class="tab-pane" id="transfersTab">
                        {% include '@Core/Reception/reception_detail_transfers_tab.html.twig' %}
                    </div>
                {% endif %}
                {% endif %}

                {% if  isLite == false  %}
                {% if (reception.stockOptimization is not null ) %}
                    <div class="tab-pane" id="workingOrdersTab">
                        {% include '@Core/Reception/reception_detail_working_orders_tab.html.twig' %}
                    </div>
                {% endif %}
                {% endif %}

                <div class="tab-pane" id="binnacleTab">
                    {% include '@Core/Reception/reception_detail_binnacle_tab.html.twig' %}
                </div>
            </div>
            </div>


        {% if reception.id is defined and reception.id  %}


            <div class="modal fade" id="stock_to_return_modal" tabindex="-1" role="dialog" aria-labelledby="stock_to_return_modal">
                <div class="modal-dialog modal-xs" role="document">

                    <div class="modal-content">
                        <div class="modal-header">
                            <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
                            <h4 class="modal-title" id="myModalLabel">Añadir tipo y razón de la devolución</h4>
                        </div>

                        <div class="modal-body">
                            {{ render(controller('CoreBundle:ReturnStock:showSelectsForReturn')) }}
                        </div>

                        <div class="modal-footer">
                            <button type="button" class="btn-rounded btn btn-flat text-color3 border-color3" data-dismiss="modal">Cancelar</button>
                        </div>
                    </div>

                </div>
            </div>

        {% endif %}

        <!-- DOCUMENTATION -->
        <div id="documentation_modal"></div>

        <!-- DIALOG FOR SEARCH ARTICLE MODALS -->
        {% include "@Core/Reception/_search_article_reception.html.twig" %}

        <!-- DIALOG FOR STOCK INTO RECEPTION MODALS -->
        {% include "@Core/Reception/_dialog_stock_into_reception.html.twig" %}

    </div>

</div>

    <script>

        /* SHOW MODAL LABELS */
        $('.btnGenerateLabels').click(function(){
            $("#dialog-label-searcher").removeClass("hidden");
            $("#labels-discount-containter").addClass("hidden");
            searchCriteria();
            $('#label-Modal').modal({
               show: true
            });
        });

        /* EXPORT CSV STOCKS FILE */
        $('.btnExportCSVStocks').click(function(){
            $.ajax({
                type: "POST",
                url: " {{path('generate_CSV_for_reception')}}",
                data: {receptionId: '{{ reception.id }}' },
                success: function (result){
                    var blob=new Blob([result]);
                    var link=document.createElement('a');
                    link.href=window.URL.createObjectURL(blob);
                    link.download="clacclac-stocks-para-recepcion.txt";
                    link.click();
                },
                error: function(err) {
                    hideLoader();
                    console.log(err.responseText);
                    new PNotify({
                        text: "Error generando CSV para la recepción.",
                        type: "error"
                    });
                }
            });
        });

        /* SHOW MODAL LABELS */
        $('.btnGenerateLabels_stocks').click(function(){

            $("#dialog-label-searcher").addClass("hidden");
            $("#labels-discount-containter").removeClass("hidden");

            //COLLECTING STOCKS
            var data = { 'articleId' : [] };
            $("input[id=articleIdAvailable]:checked").each(function() {
                data['articleId'].push($(this).val());
            });

            //CHECK STOCK IS SELECTED
            if (data['articleId'].length === 0) {
                new PNotify({
                    text: "Debe seleccionar al menos algún artículo para etiquetar su stock.",
                    type: "warning"
                });
                return ;
            }

            searchCriteriaForArticles(data['articleId']);
            $('#label-Modal').modal({
                show: true
            });
        });

        /* SEARCH ARTICLE */
        $('.btnSearchArticle').click(function(){

            //GETTING TABLE
            getStockListSearchArticleForReception();

            //OPEN DIALOG
            $('#searchArticleReceptionDialog').modal({
                show: true
            });

        });

        /* SHOW STOCKS INTO RECEPTION */
        $('.btnShowStocksIntoReceptionPending').click(function(){

            //GETTING TABLE
            getStockListIntoReception();

            //OPEN DIALOG
            $('#stockIntoReceptionDialog').modal({
                show: true
            });

        });

        /* CREATE TRANSFERS */
        $('.btnCreateTransfers').click(function(){

            showLoader();
            var route = Routing.generate('_ajax_create_stock_optimization_from_reception',{'receptionId' : receptionId });

            $.get(route, function(result){
                window.location.reload();
            }).fail(function(data){
                hideLoader();
                console.log(data.responseText);
            });

        });
    </script>

{% endblock%}



{% block script %}



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

    <script>

        var myIntervalForReception =  null;
        var freeAmount_SUB_Process = 0;
        var freeAmount_ADD_Process = 0;
        var freeAmount_SUB_Goal = 0;
        var freeAmount_ADD_Goal = 0;
        var freeLaunched = false;


        $( document ).ready(function() {

            //DATABLE PLUGIN
            $('#data-table-included-stock').dataTable({
                "paging": false,//Dont want paging
                "bPaginate": false //Dont want paging
            });

            //LOGIC TO RENDER BUTTONS - FORCE
             var lastTab = localStorage.getItem('lastTab');
            $('[href="' + lastTab + '"]').tab('show');

            $('#label-table').DataTable().order([2, 'desc']).draw();


            // ========================================
            //
            // TABLE ACCORDION
            //
            // ========================================
            {% if modify != true %}
                $('.collaptable_into_reception').aCollapTable({

                // the table is collapased at start
                startCollapsed: true,

                // the plus/minus button will be added like a column
                addColumn: true,

                // The expand button ("plus" +)
                plusButton: '<span class="i" style="font-size: 20px; margin: 20px;">+</span>',

                // The collapse button ("minus" -)
                minusButton: '<span class="i" style="font-size: 20px; margin: 20px;">-</span>'

            });
            {% endif %}

        });

        // ADD STOCKS INTO RECEPTION
        function addStockIntoReception(){
            //GET ALL THE CHECKBOXES SELECTED INTO TABLE
            var checkedValues = $('.stockSelected:checkbox:checked').map(function () {
                return this.value;
            }).get();

            var data = { 'articleId' : checkedValues };
            var receptionId = '{{ reception.id }}';
            var shopId = $('#shop_filter').val();

            if(data['articleId'].length > 0) {
                showLoader();
                $.ajax({
                    type: "POST",
                    url: " {{path('add_stock_into_reception')}}",
                    data: {list: data, receptionId: receptionId, shopId: shopId},
                    success: function (result){
                        //SETUP FIRST TAB FOR RECEPTIONS
                        localStorage.setItem('lastTab', "stockIncluded");
                        window.location.href = Routing.generate('reception_edit', { 'id' : result, 'skipIdentification' : true });
                    },
                    error: function(err) {
                        hideLoader();
                        console.log(err.responseText);
                    }
                });
            } else {
                swal({
                    title: "WHOPS!",
                    text: "No ha seleccionado stock.",
                    confirmButtonColor: "#EF5350",
                    type: "error"
                });
            }
        }

        function saveInformation()
        {
            showLoader();
            $.ajax({
                type: 'POST',
                url: '{{ path('save_reception') }}',
                data: {
                    form : $('form[name=receptionFormBasic]').serialize(),
                    receptionId : receptionId
                },
                dataType: 'json',

                success: function(result) {
                    window.location.href = Routing.generate('reception_edit', { 'id' : result, 'skipIdentification' : true });
                },
                error: function (result){
                    hideLoader();
                    console.log(result.responseText);
                }
            });
        }

        function addDocumentation() {
            var route = Routing.generate('edit_document_into_reception',{'receptionId' : receptionId, 'documentId' : null });

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

        function addToReturn() {

            //read all selected values
            var checkedValues = $('.included_checkboxes_reception:checkbox:checked').map(function () {
                return this.value;
            }).get();

            var data = { 'stockId' : checkedValues };

            {% if reception.dealer is not null %}
            dealer = '{{ reception.dealer.id }}';
            {% endif %}

            if (data['stockId'].length <= 0) {
                swal({
                    title: "WHOPS!",
                    text: "No ha seleccionado stock.",
                    confirmButtonColor: "#EF5350",
                    type: "error"
                });
            } else {
                $('#stock_to_return_modal').modal('show');
            }
        }



        function saveReception(){

            var stockToSub = [];
            var stockToAdd = [];

            showLoader();

            var freeAmount_SUB = 0;
            var freeAmount_ADD = 0;
            //GET ALL THE INPUTS TO HACK RECEPTIONS
            var checkedValues = $('.input_hacking_reception_full').map(function () {

                var received = parseInt($(this).attr("data-received"));
                var valued = parseInt($(this).val());

                //SUB STOCK
                if (received > valued){
                    stockToSub.push(this);
                    var orderId = $(this).attr("data-order");
                    var receptionId = $(this).attr("data-reception");
                    var articleId = $(this).attr("data-article");
                    var sizeId = $(this).attr("data-size");
                    var shopId = $(this).attr("data-shop");
                    freeAmount_SUB = freeAmount_SUB + (received - valued);
                    freeAmount_SUB_Goal = freeAmount_SUB_Goal + 1;
                }

                //CREATE STOCK
                if (received < valued){
                    stockToAdd.push(this);
                    freeAmount_ADD = freeAmount_ADD + (valued - received);
                    freeAmount_ADD_Goal = freeAmount_ADD_Goal + 1;
                }

                return this;
            }).get();



            // DIALOG WHEN WE ARE CREATING STOCKS
            var messageBox = "Este proceso es irreversible, la recepción quedará cerrada. Va a recepcionar " + {{ articles | length }} + " artículo/s con " + {{ reception.stocks | length }} + " stock/s. ¿Desea continuar?";
            if (stockToAdd.length > 0 || stockToSub.length > 0) {
                messageBox = "Este proceso es irreversible, la recepción quedará cerrada. Va a recepcionar " + {{ articles | length }} + " artículo/s con " + ( {{ ( reception.stocks | length ) }}  - ( freeAmount_SUB) + ( freeAmount_ADD ) ) + " stock/s. ¿Desea continuar?";
            }

            hideLoader();

            var sw = swal({
                    title: "ATENCIÓN",
                    text: messageBox,
                    type: "warning",
                    showCancelButton: true,
                    confirmButtonColor: "#EF5350",
                    confirmButtonText: "Sí",
                    cancelButtonText: "No",
                    closeOnConfirm: false,
                    closeOnCancel: true
                },
                function (isConfirm) {
                    if(isConfirm){
                        showLoader();


                        //GET ALL THE INPUTS TO HACK RECEPTIONS
                        var checkedValues = $('.input_hacking_reception_full').map(function () {

                            var received = parseInt($(this).attr("data-received"));
                            var valued = parseInt($(this).val());

                            //SUB STOCK
                            if (received > valued){

                                var orderId = $(this).attr("data-order");
                                var receptionId = $(this).attr("data-reception");
                                var articleId = $(this).attr("data-article");
                                var sizeId = $(this).attr("data-size");
                                var freeAmount = received - valued;

                                //SETTING FREE STOCK FROM THIS RECEPTION
                                var url = Routing.generate('remove_item_from_reception_hacking', { 'orderId' : orderId, 'receptionId' : receptionId, 'articleId' : articleId, 'sizeId' : sizeId, 'freeAmount' : freeAmount });
                                $.get(url, function (result) {
                                    freeAmount_SUB_Process = freeAmount_SUB_Process + 1;
                                    console.log("hacking out");
                                }).fail(function (err) {
                                    console.log(err.responseText);
                                })

                            }

                            return this;
                        }).get();

                        //INTERVAL TO CHECK ADDS AND REMOVES
                        myIntervalForReception = setInterval(checkHackingReceptionProcess, 1000);
                        console.log("init timer");

                    }
                }
            );
        }

        function nowAddStocksHackingReception(){

            //GET ALL THE INPUTS TO HACK RECEPTIONS
            var checkedValues = $('.input_hacking_reception_full').map(function () {

                var received = parseInt($(this).attr("data-received"));
                var valued = parseInt($(this).val());

                //CREATE STOCK
                if (received < valued){

                    var orderId = $(this).attr("data-order");
                    var receptionId = $(this).attr("data-reception");
                    var articleId = $(this).attr("data-article");
                    var sizeId = $(this).attr("data-size");
                    var shopId = $(this).attr("data-shop");
                    var createAmount = valued - received;

                    //SETTING FREE STOCK FROM THIS RECEPTION
                    var url = Routing.generate('adding_item_from_reception_hacking', { 'orderId' : orderId, 'receptionId' : receptionId, 'articleId' : articleId, 'sizeId' : sizeId, 'shopId' : shopId, 'createAmount' : createAmount });
                    $.get(url, function (result) {
                        freeAmount_ADD_Process =  freeAmount_ADD_Process + 1;
                        console.log("hacking add");
                    }).fail(function (err) {
                        console.log(err.responseText);
                    })

                }

                return this;
            }).get();
        }

        function checkHackingReceptionProcess(){
            console.log(freeAmount_ADD_Process + " == " + freeAmount_ADD_Goal  + " ----- " +   freeAmount_SUB_Process  + " == " +  freeAmount_SUB_Goal);

            if (freeAmount_SUB_Process >= freeAmount_SUB_Goal && freeLaunched == false){
                freeLaunched = true;
                nowAddStocksHackingReception();
            }



            if (freeAmount_ADD_Process >= freeAmount_ADD_Goal && freeAmount_SUB_Process >= freeAmount_SUB_Goal){

                //SETTING RECEPTION LIKE CLOSED
                var url = Routing.generate('close_reception_after_hacking', { 'receptionId' : receptionId });
                $.get(url, function (result) {
                    console.log("reception closed");
                    //CLOSING RECEPTION
                    myStopFunctionIntervalForReception();
                    //RELOAD
                    window.location.reload();
                }).fail(function (err) {
                    console.log(err.responseText);
                    window.location.reload();
                })
            }
        }


        function myStopFunctionIntervalForReception() {
            clearInterval(myIntervalForReception);
            window.location.reload();
        }


        function closeReceptionDirect(){
            //SETTING RECEPTION LIKE CLOSED
            var url = Routing.generate('close_reception_after_hacking', { 'receptionId' : receptionId });
            $.get(url, function (result) {
                console.log("reception closed");
                //CLOSING RECEPTION
                myStopFunctionIntervalForReception();
                //RELOAD
                window.location.reload();
            }).fail(function (err) {
                console.log(err.responseText);
                window.location.reload();
            })
        }


        function getStockListIntoReception()
        {
            $('#bodyStockIntoReceptionDialog').html('');
            showLoader();
            var path = Routing.generate('_ajax_get_stock_into_reception_pending', {'receptionId' : receptionId, 'shopId' : shop, 'seasonId' : season });

            $.post(path, function (result) {
                hideLoader();
                $('#bodyStockIntoReceptionDialog').html(result);
                //APPLY PLUGIN TABLE AND SORTED
                $('#data_table_stock_into_reception').DataTable({
                    scrollY:        '50vh',
                    scrollCollapse: true,
                    paging:         false
                }).order([1, 'asc']).draw();

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

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


        function addStockSelectedToReception(){


            var data = { 'stockId' : [] };
            var receptionId = { 'receptionId' : '{{ reception.id }}' };

            $("input[name=stockIdDialog]:checked").each(function() {
                data['stockId'].push($(this).val());
            });

            showLoader();
            $.ajax({
                type: "POST",
                url: " {{path('add_selected_stock_to_reception')}}",
                data: {list:data, receptionId: receptionId},
                success: function(result) {
                    new PNotify({
                        text: "Stocks añadidos a la recepción correctamente.",
                        type: "success"
                    });

                    window.location.href = '{{ path("reception_edit", { 'id' : reception.id , "modify" : true}) }}';

                },
                error: function(err) {
                    console.log(err.responseText);
                    new PNotify({
                        text: "Error añadiendo stock a la recepción.",
                        type: "error"
                    });
                }
            });

        }

        function askResetReception(){
            var sw = swal({
                    title: "Atención !!",
                    text: "¿Desea eliminar todo el stock incluido en la recepción y reiniciar la recepción?",
                    type: "info",
                    confirmButtonColor: "#2196f3",
                    confirmButtonText: "Si, quiero reiniciar la recepción",
                    showCancelButton: true,
                    cancelButtonText: "No, continuar aquí",
                    closeOnConfirm: true,
                    closeOnCancel: true
                },
                function (isConfirm) {
                    if (isConfirm) {
                        doResetReception();
                    }
                });
        }

        function doResetReception(){
            window.location.href = "{{ path('restart_reception', { 'id' : reception.id }) }}";
        }

    </script>
{% endblock %}