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

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

{% block content %}


    <div class="content">


        <!--- TRANSFER HEADER -->
        {% if transfer is defined and transfer.id %}

            <!-------------------------------- SCREEN MASSIVE BARCODE -------------------------------->
            <div id="dialogMassiveScanbar">
                {% include "@Core/Transfer/_dialog_Massive_Scanbar.html.twig" %}
            </div>


            <div class="panel panel-flat">
                <div class="panel-body">
                    <div class="media">

                            <div class="row">
                                <div class="col-xs-12 col-md-12 col-sm-12 col-lg-12">

                                    <div class="">
                                        <div class="row">

                                            <div class="col-md-12">
                                                <div class="col-md-3">
                                                    <h6 class="panel-title-no-sub">
                                                        COD-Traspaso {{ transfer.getAlias }}
                                                        <div class="">
                                                            <img src="{{ transfer.getWebPathBarcode }}" width="200px" height="30px">
                                                        </div>
                                                        <div class="">
                                                            <div class=" ">
                                                                <span class="label {{ status_transfer_stock_service.getStatusColor(transfer.getTypeTransferStatus.id) }}">{{ transfer.getTypeTransferStatus.description }}</span>
                                                            </div>
                                                        </div>
                                                    </h6>
                                                </div>

                                                <div class="col-md-2">

                                                    <div class="form-group" style="margin-top: 30px">
                                                        <div class=" ">Tienda salida
                                                        </div>
                                                        <div class=" "><strong>{% if transfer.getShopOut %}{{ transfer.getShopOut.name }}{% else %}&nbsp;{% endif %}</strong>
                                                        </div>
                                                    </div>

                                                </div>

                                                <div class="col-md-2">

                                                    <div class="form-group" style="margin-top: 30px">
                                                        <div class=" ">Tienda entrada
                                                        </div>
                                                        <div class=" "><strong>{% if transfer.getShopIn %}{{ transfer.getShopIn.name }}{% else %}&nbsp;{% endif %}</strong>
                                                        </div>
                                                    </div>

                                                </div>

                                                <div class="col-md-2">

                                                    <div class="form-group" style="margin-top: 30px">
                                                        <div class=" ">Tipo traspaso
                                                        </div>
                                                        <div class=""><strong>{% if transfer.getTypeTransfer %}{{ transfer.getTypeTransfer.description }}{% else %}&nbsp;{% endif %}</strong>
                                                        </div>
                                                    </div>

                                                </div>

                                                <div class="col-md-3" style="text-align: right">
                                                    <!-- STOCK OPTIMIZATION -->
                                                    {% if transfer.stockOptimization is not null %}
                                                        <a class="btn btn-rounded btn btn-flat text-color3 border-color3" style="margin-top: 20px;" href="{{ path('optimization_stock_edit',{'id': transfer.stockOptimization.getId}) }}"><i class=" icon-arrow-right5"></i> Ir a la orden de trabajo</a>
                                                    {% endif %}
                                                    <!-- RECEPTION -->
                                                    {% if transfer.reception is not null %}
                                                        <a class="btn btn-rounded btn btn-flat text-color3 border-color3" style="margin-top: 20px;" href="{{ path('reception_edit',{'id': transfer.reception.getId}) }}"><i class=" icon-arrow-right5"></i> Ir a la recepción</a>
                                                    {% endif %}
                                                    <!-- SALE ASSISTANT -->
                                                    {% if transfer.sale is not null %}
                                                        <a class="btn btn-rounded btn btn-flat text-color3 border-color3" style="margin-top: 20px;" href="{{ path('sales_edit',{'id': transfer.sale.getId}) }}"><i class=" icon-arrow-right5"></i> Ir a la venta</a>
                                                    {% endif %}
                                                    <!-- CUSTOMER -->
                                                    {% if transfer.customer is not null %}
                                                        <a class="btn btn-rounded btn btn-flat text-color3 border-color3" style="margin-top: 20px;" href="{{ path('customer_edit',{'id': transfer.customer.getId}) }}"><i class=" icon-arrow-right5"></i> {{ transfer.customer.name }}</a>
                                                    {% endif %}
                                                </div>

                                            </div>



                                        </div>
                                    </div>

                                </div>

                            </div>
                    </div>
                </div>
            </div>
        {% endif %}

        <div class="" style="padding-top: 0px;">
            {% if transfer is defined and transfer.observations %}
                <div class="alert alert-info alert-styled-left">
                    <span class="text-semibold">{{ transfer.observations }}</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 %}

            <!-------------------------------- SCREEN -------------------------------->
            <div id="screenWorkingOrder">
                {% include "@Core/Transfer/_screenDualWorkingOrder.html.twig" %}
            </div>
        </div>

        <!-- Basic modal -->
        <div id="modal_type_printer_transfer" class="modal fade" tabindex="-1">
            <div class="modal-dialog">
                <div class="modal-content" style="text-align: center;">
                    <div class="modal-header">
                        <h5 class="modal-title">Tipo de impresión</h5>
                        <button type="button" class="close" data-dismiss="modal">&times;</button>
                    </div>

                    <div class="modal-body">
                        <p>
                            ¿Qué tipo de formato desea imprimir para esta orden de trabajo?
                        </p>
                        <div style="margin-left: 45%; text-align: left !important;">
                            <div class="radio">
                                <label>
                                    <input name="format_print_type" type="radio" id="A4_radio">
                                    A4
                                </label>
                            </div>
                            <div class="radio">
                                <label>
                                    <input name="format_print_type" type="radio" id="ticket_radio">
                                    Ticket
                                </label>
                            </div>
                        </div>
                        <div hidden="true" id="div_group">
                            <p>
                                ¿Tipo de agrupación?
                            </p>
                            <div style="margin-left: 42%; text-align: left !important;" >
                                <div class="radio">
                                    <label>
                                        <input name="format_print_group" type="radio" id="article_radio">
                                        Artículo
                                    </label>
                                </div>
                                <div class="radio">
                                    <label>
                                        <input name="format_print_group" type="radio" id="article_size_radio">
                                        Artículo/Talla
                                    </label>
                                </div>
                            </div>
                        </div>
                    </div>

                    <div class="modal-footer">
                        <button type="button" class="btn btn-danger rounded-round" data-dismiss="modal"><i class="icon-close2 position-left"></i>Cerrar</button>
                        <button class="btn-rounded btn bg-danger-300 valoration_buttons" onclick="printDocument(true)" disabled="true" id="no_valoration_button"><i class="icon-cash position-left"></i>Con valoración</button>
                        <button class="btn-rounded btn bg-danger-300 valoration_buttons" onclick="printDocument(false)" disabled="true" id="valoration_button"><i class="icon-cash2 position-left"></i>Sin valoración</button>
                    </div>
                </div>
            </div>
        </div>
        <!-- /basic modal -->


    </div>

{% endblock%}



{% block script %}

    <script>

        var tableRight = null;
        var tableLeft = null;
        var stockChecked = [];

        $( document ).ready(function() {

            setlLogincShopsDependigTheTypeTransfer();

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

            //APPLY PLUGINS DATATABLE
            applyDatatablePluginTableLeft();
            applyDatatablePluginTableRight();

        });

        function applyDatatablePluginTableLeft(){

            tableLeft = $('#data-table-detail-transfer-stock').dataTable({
                "bPaginate": false,//Dont want paging
                "scrollX": false,
                "info": false,
                "columnDefs": [ {
                    "targets": ["sorting"], // column or columns numbers
                    "orderable": false,  // set orderable for selected columns
                }]
            });

            //STOCK INCLUDED
            var rowCount = tableLeft.fnGetData().length;
            $("#tableLeftNumOfElements").html(rowCount);

            //PLOT TOTAL CHECKED AND MISSING
            $("#tableLeftNumOfElementsChecked").html(stockChecked.length);
            var rowCountMissing = tableLeft.fnGetData().length - stockChecked.length;
            $("#tableLeftNumOfElementsMissingChecked").html(rowCount);
        }
        function applyDatatablePluginTableRight(){
            tableRight = $('#article_list_table_movements').dataTable({
                "bPaginate": false,//Dont want paging
                "scrollX": false,
                "info": false,
                "columnDefs": [ {
                    "targets": ["sorting"], // column or columns numbers
                    "orderable": false,  // set orderable for selected columns
                }]
            });
            var sum = 0;
            $('.total_basket').each(function(){
                sum += parseFloat(this.value);
                console.log(sum);
            });
            $("#tableRightNumOfElements").html(sum);
        }

        function setlLogincShopsDependigTheTypeTransfer(){

            {% if shopId is defined %}
                var shopID = "{{ shopId }}";
                var type = $("#transferFormBasic_typeTransfer").val();
                if (type == 1 || type == 5) {
                    $("#transferFormBasic_shopIn").select2("val", "");
                    $("#transferFormBasic_shopOut").select2("val", shopID);
                }else{
                    $("#transferFormBasic_shopOut").select2("val", "");
                    $("#transferFormBasic_shopIn").select2("val", shopID);
                }
            {% endif %}
         }


        $("#transferFormBasic_typeTransfer").change(function() {
                setlLogincShopsDependigTheTypeTransfer();
         });

        $('#checkAllDetail').change(function() {
            var checkboxes = $(this).closest('#formDetail').find(':checkbox');
            if ($(this).is(':checked')) {
                checkboxes.prop('checked', true);
            } else {
                checkboxes.prop('checked', false);
            }
        });

        {% if transfer is defined %}

            $("#code-scan-transfer").change(function() {
                doScanBar();
            });

            $('form input').keydown(function (e) {

                if (e.keyCode == 13) {
                    doScanBar();
                    return false;
                }
            });
            function doScanBar(){
                var valor = $("#code-scan-transfer").val().trim();
                if (valor) {
                    scanBarCodeTransfer();
                }
            }

            function scanBarCodeTransfer(){
                //REPLACE WRONG CHARS
                var scanCode = $("#code-scan-transfer").val();
                scanCode=replaceWrongCharsOnScanbar(scanCode);
                $("#code-scan-transfer").val(scanCode);

                var alias = { 'alias' : $("#code-scan-transfer").val().replace('-', '') };

                {% if transfer.typeTransfer.id == constant('CoreBundle\\Entity\\TypeTransfer::ID_STATUS_BY_RETURN_OR_REPAIR') %}
                    $.ajax({
                        type: "POST",
                        url: "{{ path('check_status_stock_for_return_or_reparation') }}",
                        data: { alias : alias },
                        success: function(result) {
                            if(result['message'] === 'false') {
                                $("#code-scan-transfer").val("");
                                $("#code-scan-transfer").focus();
                                new PNotify({
                                    text: 'El stock introducido no está VENDIDO, EN DEVOLUCIÓN O DISPONIBLE',
                                    type: "error"
                                });
                            } else {
                                postStockToTransferScan(result['stock']);
                            }
                        },
                        error: function (error) {
                            $("#code-scan-transfer").val("");
                            $("#code-scan-transfer").focus();
                            console.log(err.responseText);
                            new PNotify({
                                text: "Error añadiendo los artículos al traspaso.",
                                type: "error"
                            });
                        }
                    });
                {% else %}
                var transfer = { 'transfer' : '{{ transfer.id }}' };

                $.ajax({
                    type: "POST",
                    url: " {{path('ajax_transfer_search_scan')}}",
                    data: {alias: alias, transfer: transfer},
                    success: function(result) {

                        {% if transfer.typeTransferStatus.id == 1 %}
                        if(result['isInTransfer']) {
                            $("#code-scan-transfer").val("");
                            swal(
                                'Oops...',
                                'El stock ya está en el traspaso',
                                'error'
                            )
                        } else {
                            if(result['stock']) {
                                {% if (arrayMovementsFromStockOptimization | length) > 0 %}
                                checkStockInTransferBasket(result['stock']);
                                {% else %}
                                postStockToTransferScan(result['stock']);
                                {% endif %}
                            } else {
                                $("#code-scan-transfer").val("");
                                swal(
                                    'Oops...',
                                    'Este stock no existe en su empresa',
                                    'error'
                                )
                            }

                        }
                        {% else %}
                        if(result['isInTransfer']) {
                            postStockToTransferScan(result['stock'])
                        } else {
                            $("#code-scan-transfer").val("");
                            swal({
                                title: 'Oops...',
                                text: 'Este stock no está en el traspaso',
                                type: 'error',
                                closeOnConfirm: true
                            });
                        }
                        {% endif %}
                    },
                    error: function(err) {
                        $("#code-scan-transfer").val("");
                        $("#code-scan-transfer").focus();
                        console.log(err.responseText);
                        new PNotify({
                            text: "Error añadiendo a los artículos al traspaso.",
                            type: "error"
                        });
                    }
                });
                {% endif %}
            }

        function checkStockInTransferBasket(stockId) {
            var transfer = '{{ transfer.id }}';

            $.get(Routing.generate('check_articles_in_transfer_basket', {'stock' : stockId, 'transfer' : transfer}), function(){

            }).done(function (result) {
               if(result['isPossibleAddStock']){
                    postStockToTransferScan(stockId);
                } else {
                    swal({
                        title: "Ops!",
                        text: "Este stock no esta incluido en la orden de trabajo, ¿está seguro de que desea agregarlo?",
                        type: "warning",
                        showCancelButton: true,
                        confirmButtonColor: "#EF5350",
                        confirmButtonText: "Sí",
                        cancelButtonText: "No",
                        closeOnConfirm: true
                    },
                    function (isConfirm) {
                        if (isConfirm) {
                            postStockToTransferScan(stockId);
                        } else {
                            $("#code-scan-transfer").val("");
                            $("#code-scan-transfer").focus();
                        }
                    });
                }

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

        function animateRow(stockId){

            $.get(Routing.generate('get_right_table_working_order', {'stock' : stockId, 'transfer' : '{{ transfer.id}}' } ), function(){
            }).done(function (response) {

                $("#tableRightStockTransferContainer").html("");
                $("#tableRightStockTransferContainer").append(response);
                tableRight = $('#article_list_table_movements').dataTable({
                    "bPaginate": false,//Dont want paging
                    "scrollX": false,
                    "info": false,
                    "columnDefs": [ {
                        "targets": ["sorting"], // column or columns numbers
                        "orderable": false,  // set orderable for selected columns
                    }]
                });

                var rowCount = tableLeft.fnGetData().length;
                $("#tableLeftNumOfElements").html(rowCount);

                //LEFT TABLE
                //ANIMATE STOCK INCLUDED TABLE
                var myRow = $("#row_"+stockId);
                myRow.addClass('row_animated_transfer');
                setTimeout(function() {
                    myRow.removeClass('row_animated_transfer');
                }, 1000);

                //RIGHT TABLE
                $.get(Routing.generate('get_row_key_for_this_stock_added', {'stock' : stockId}), function(){
                }).done(function (result) {

                    //ANIMATE WORKING ORDER TABLE
                    var myRowWO = $("#"+result+"_value").closest('tr');
                    myRowWO.addClass('row_animated_transfer');
                    setTimeout(function() {
                        myRowWO.removeClass('row_animated_transfer');
                    }, 1000);

                    //RELOAD WHEN RIGHT TABLE IS EMPTY
                    {% if transfer.stockOptimization is not null %}
                        var rowCount = tableRight.fnGetData().length;

                        var sum = 0;
                        $('.total_basket').each(function(){
                            sum += parseFloat(this.value);
                        });
                        $("#tableRightNumOfElements").html(sum);
                        console.log(rowCount);
                        if (rowCount==0){
                            window.location.reload();
                        }
                    {% endif %}

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



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

        }

        function animateRowChecked(stock, key){

            stockChecked = [];
            $("input:checked").each(function() {
                stockChecked.push($(this).val());
            });

            //LEFT TABLE
            $.get(Routing.generate('get_left_table_working_order', { 'stock' : stock, 'transfer' : '{{ transfer.id}}' , 'checked' : stockChecked}), function(){
            }).done(function (response) {

                // CLEAN AND UPDATE TABLE
                $("#tableStockTransferWorkingOrderContainer").html("");
                $("#tableStockTransferWorkingOrderContainer").append(response);
                //APPLY PLUGINS DATATABLE
                tableLeft = $('#data-table-detail-transfer-stock').dataTable({
                    "bPaginate": false,//Dont want paging
                    "info": false,
                    "scrollX": false,
                    "ordering": false
                });
                //LEFT TABLE
                //ANIMATE STOCK INCLUDED TABLE
                var myRow = $("#row_"+stock);
                myRow.addClass('row_animated_transfer');
                setTimeout(function() {
                    myRow.removeClass('row_animated_transfer');
                }, 1000);
                //CHECK ROW

                //ADDING NEW ELEMENT CHECKED
                var found = false;
                $.each( stockChecked, function( keyIn, value ) {
                    if (value == key){
                        found = true;
                    }
                });
                //AVOID DOUBLE KEY INSIDE
                if (found==false){
                    stockChecked.push(key);
                }

                $.each( stockChecked, function( key, value ) {
                    $("input[name=stockIdDetail][value=" + value + "]").prop('checked', true);
                });

                //PLOT TOTAL CHECKED AND MISSING
                $("#tableLeftNumOfElementsChecked").html(stockChecked.length);
                var rowCountMissing = tableLeft.fnGetData().length - stockChecked.length;
                $("#tableLeftNumOfElementsMissingChecked").html(rowCountMissing);

                //HIDE CHECK ALL
                $('#checkAllDetail').addClass("hidden");

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

        }

        function postStockToTransferScan(stockId){
            var transferId = { 'transferId' : '{{ transfer.id }}' };
            var data = { 'stockId' : [] };

            data['stockId'].push(stockId);

            $.ajax({
                type: "POST",
                url: " {{path('ajax_addStocks_To_Transfer_by_alias')}}",
                data: {list:data, transferId: transferId},
                statusCode: {

                    200: function (response) {
                        // CLEAN AND UPDATE TABLE
                        $("#tableStockTransferWorkingOrderContainer").html("");
                        $("#tableStockTransferWorkingOrderContainer").append(response);
                        //APPLY PLUGINS DATATABLE
                        tableLeft = $('#data-table-detail-transfer-stock').dataTable({
                            "bPaginate": false,//Dont want paging
                            "info": false,
                            "scrollX": false,
                            "columnDefs": [ {
                                "targets": ["sorting"], // column or columns numbers
                                "orderable": false,  // set orderable for selected columns
                            }]
                        });
                        //ANIMATE ROW
                        animateRow(stockId);
                        //CLEAN SCANBAR AND FOCUS
                        $("#code-scan-transfer").val("");
                        $("#code-scan-transfer").focus();
                    },
                    201: function (response) {
                        // check if checkbox of stock is previously checked
                        if($("input[name=stockIdDetail][value="+response["result"]+"]:checked").length > 0) {
                            $("#code-scan-transfer").val("");
                            $("#code-scan-transfer").focus();
                            swal(
                                'Oops...',
                                'Este stock ya ha sido marcado',
                                'error'
                            )
                        } else {
                            animateRowChecked(stockId,response["result"]);
                        }
                        $("#code-scan-transfer").val("");
                        $("#code-scan-transfer").focus();
                    },
                    202: function(result) {
                        $("#code-scan-transfer").val("");
                        swal(
                            'Oops...',
                            result,
                            'error'
                        )
                    },
                    203: function(result) {
                        $("#code-scan-transfer").val("");
                        swal(
                          'Oops...',
                          'Este stock no está en el traspaso',
                          'error'
                        );
                    }

                },
                success: function(data) {
                    // use for check result when we need to add new funcionality to ajax_addStocks_To_Transfer_by_alias
                    //console.log(data);
                },
                error: function(err) {
                    $("#code-scan-transfer").val("");
                    $("#code-scan-transfer").focus();
                    console.log(err.responseText);
                    new PNotify({
                        text: "Error añadiendo a los artículos al traspaso.",
                        type: "error"
                    });
                }
            });
        }

        function showDialogTypePrinterTransfer(){
            $("#modal_type_printer_transfer").modal("show");
        }

        function printWorkorder(type) {
            if(type === 'TICKET') {
                checkSeriesLessThanSizes(type);
            } else {
                $("#modal_type_printer_transfer").modal("toggle");
                $("#modal_type_economic_valoration").modal("show");
            }

        }

        function doPrint(type, valoration, lessThanQty) {
            var transfer = '{{ transfer.id }}';
            var url = Routing.generate('print_workorder', { 'id' : transfer, 'type' : type, 'valoration' : valoration, 'lessThanQty' : lessThanQty } );

            $.get(url, function(response){

            }).done(function(response){
                var myWindow = window.open();

                if(!myWindow || myWindow.closed || typeof myWindow.closed=='undefined') {
                    swal(
                        'OPPS!',
                        'Su navegador tiene las ventanas emergentes bloquedas. ' +
                        'Pulse en la i rodeada de un círculo en la barra de navegación de su navegador. ' +
                        'En el desplegable que le saldrá pulse sobre "Confuración del sitio web". ' +
                        'En la nueva ventana que se le abrira busque "Ventanas emergentes y redirecciones". ' +
                        'En el selector a su derecha selecciones "Permitir".',
                        'warning'
                    );
                } else {
                    myWindow.document.open('text/plain');
                    myWindow.document.writeln(response);
                    myWindow.document.close();
                }
            }).fail(function (error) {
                console.log(error.responseText);
            });
            $("#modal_type_economic_valoration").modal("hide");
            $("#modal_type_printer_transfer").modal("hide");
        }

        function checkSeriesLessThanSizes(type) {
            var transferId = '{{ transfer.id }}';
            var url = Routing.generate('check_series_less_than_qty', {'transfer' : transferId });

            $.get(url, function(response){

            }).done(function(response){
                doPrint(type, null, response['isLessThanQty']);
            }).fail(function (error) {
                console.log(error.responseText);
            });
        }

        $('input:radio[name=format_print_type]').change(function(){
            if($(this).is(':checked') && $(this).attr('id') == 'A4_radio') {
                $('#div_group').prop('hidden', false);
                $('.valoration_buttons').prop('disabled', true);
            } else if($(this).is(':checked') && $(this).attr('id') == 'ticket_radio') {
                $('#div_group').prop('hidden', true);
                $("input:radio[name=format_print_group]").removeAttr("checked");
                $("#valoration_button").prop('disabled', false);
                $("#no_valoration_button").prop('disabled', true);
            }
        });

        $('input:radio[name=format_print_group]').change(function(){
            if($(this).is(':checked')) {
                $('.valoration_buttons').prop('disabled', false);
            }
        });

        function printDocument(valoration) {
            var radioFormat = $('input:radio[name=format_print_type]:checked').attr('id');

            if(radioFormat == 'A4_radio') {
                var groupFormat = $('input:radio[name=format_print_group]:checked').attr('id');

                if(groupFormat == "article_radio") {
                    doPrint('A4', valoration, false)
                } else if(groupFormat == "article_size_radio") {
                    doPrint('A4_article_size', valoration, false)
                }
            } else if(radioFormat == 'ticket_radio'){
                checkSeriesLessThanSizes('TICKET')
            }
        }

        {% endif %}


        function downloadStockIncludedInTransfer() {
            var filename = "Stocks-Transfer-{% if transfer is defined %}{{ transfer.alias }}{% endif %}.txt";
            var elHtml = document.getElementById("stocksFoundToExport").innerHTML;
            var link = document.createElement('a');

            link.setAttribute('download', filename);
            link.setAttribute('href', 'data:' + 'text/plain'  +  ';charset=utf-8,' + encodeURIComponent(elHtml.trim().replace(/\;/g, '\n')));
            link.click();
        }

    </script>
{% endblock %}