{{-- @include('bibliotecas.maskReal') --}}
<script>
    let linhasAtuais, contador, total;
    $(document).ready(function () {

        $(".select2-container").addClass('display-none')
        
        // Ativar tooltip Bootstrap no carregamento da página
        $(".tooltipSpan").tooltip({
            container: 'body'
        });

        // Após atualizações do Livewire, reativar tooltip Bootstrap
        if (typeof window.Livewire !== 'undefined') {
            window.Livewire.hook('message.processed', (message, component) => {
                $(".tooltipSpan").tooltip({
                    container: 'body'
                });
            });
        }

        $(function () {
            $(".packageChange").keydown(function () {
                if (!$(this).val() || (parseInt($(this).val()) <= 210000000 && parseInt($(this).val()) >= 0))
                $(this).data("old", $(this).val());
            });
            $(".packageChange").keyup(function () {
                if (!$(this).val() || (parseInt($(this).val()) <= 210000000 && parseInt($(this).val()) >= 0))
                ;
                else
                $(this).val($(this).data("old"));
            });
        });

        // ------------------------------------ Box Company ------------------------------------
        $("#shipper").on("change keyup keydown paste propertychange bind mouseover", function (e) {
            linhasAtuais = $(this).val().split("\n").length;
            contador = $('#countEnterShipper');
            total = 0;
            if (e.keyCode == 13 && linhasAtuais >= 6) {
                contador.text(0 + " rows left");
                return false;
            } else {
                total = (6 - linhasAtuais);
                if(total == 1){
                    contador.text(total + " row left");
                } else{
                    contador.text(total + " rows left");
                }
            }

            // countChar(this, $('#counterShipper'));
        });

        $("#consignee").on("change keyup keydown paste propertychange bind mouseover", function (e) {
            linhasAtuais = $(this).val().split("\n").length;
            contador = $('#countEnterConsignee');
            total = 0;
            if (e.keyCode == 13 && linhasAtuais >= 6) {
                contador.text(0 + " rows left");
                return false;
            } else {
                total = (6 - linhasAtuais);
                if(total == 1){
                    contador.text(total + " row left");
                } else{
                    contador.text(total + " rows left");
                }
            }
            // countChar(this, $('#counterConsignee'));
        });

        $("#notify").on("change keyup keydown paste propertychange bind mouseover", function (e) {
            linhasAtuais = $(this).val().split("\n").length;
            contador = $('#countEnterNotify');
            total = 0;
            if (e.keyCode == 13 && linhasAtuais >= 6) {
                contador.text(0 + " rows left");
                return false;
            } else {
                total = (6 - linhasAtuais);
                if(total == 1){
                    contador.text(total + " row left");
                } else{
                    contador.text(total + " rows left");
                }
            }
            // countChar(this, $('#counterNotify'));
        });

        $("#freightPayer").on("change keyup keydown paste propertychange bind mouseover", function (e) {
            linhasAtuais = $(this).val().split("\n").length;
            contador = $('#countEnterfreightPayer');
            total = 0;
            if (e.keyCode == 13 && linhasAtuais >= 6) {
                contador.text(0 + " rows left");
                return false;
            } else {
                total = (6 - linhasAtuais);
                if(total == 1){
                    contador.text(total + " row left");
                } else{
                    contador.text(total + " rows left");
                }
            }
            // countChar(this, $('#counterFreightPayer'));
        });

        // Inputs Opcionais 
        $("#notify2").on("change keyup keydown paste propertychange bind mouseover", function (e) {
            linhasAtuais = $(this).val().split("\n").length;
            contador = $('#countEnterNotify2');
            total = 0;
            if (e.keyCode == 13 && linhasAtuais >= 6) {
                contador.text(0 + " rows left");
                return false;
            } else {
                total = (6 - linhasAtuais);
                if(total == 1){
                    contador.text(total + " row left");
                } else{
                    contador.text(total + " rows left");
                }
            }
            // countChar(this, $('#counterNotify2'));
        });

        $("#notify3").on("change keyup keydown paste propertychange bind mouseover", function (e) {
            linhasAtuais = $(this).val().split("\n").length;
            contador = $('#countEnterNotify3');
            total = 0;
            if (e.keyCode == 13 && linhasAtuais >= 6) {
                contador.text(0 + " rows left");
                return false;
            } else {
                total = (6 - linhasAtuais);
                if(total == 1){
                    contador.text(total + " row left");
                } else{
                    contador.text(total + " rows left");
                }
            }
            // countChar(this, $('#counterNotify3'));
        });

        $("#contractor").on("change keyup keydown paste propertychange bind mouseover", function (e) {
            linhasAtuais = $(this).val().split("\n").length;
            contador = $('#countEnterContractor');
            total = 0;
            if (e.keyCode == 13 && linhasAtuais >= 6) {
                contador.text(0 + " rows left");
                return false;
            } else {
                total = (6 - linhasAtuais);
                if(total == 1){
                    contador.text(total + " row left");
                } else{
                    contador.text(total + " rows left");
                }
            }
            // countChar(this, $('#counterContractor'));
        });

        // Textarea grande
        $("#cargoDescription0").on("change keyup keydown paste propertychange bind mouseover",
            function (e) {
                linhasAtuais = $(this).val().split("\n").length;
                contador = $('#countEnterCargoDescription0');
                total = 0;

                if (e.keyCode == 13 && linhasAtuais >= 99) {
                    contador.text(0 + " rows left");
                    return false;
                } else {
                    total = (99 - linhasAtuais);
                    if(total == 1){
                    contador.text(total + " row left");
                } else{
                    contador.text(total + " rows left");
                }
                }

                maxCountChar(this, $('#counterCargoDescription0'));
            });

        $("#marksAndNumbers0").on("change keyup keydown paste propertychange bind mouseover",
            function (e) {
                linhasAtuais = $(this).val().split("\n").length;
                contador = $('#countEntermarksAndNumbers0');
                total = 0;

                if (e.keyCode == 13 && linhasAtuais >= 99) {
                    contador.text(0 + " rows left");
                    return false;
                } else {
                    total = (99 - linhasAtuais);
                    if(total == 1){
                    contador.text(total + " row left");
                } else{
                    contador.text(total + " rows left");
                }
                }

                maxCountChar(this, $('#countermarksAndNumbers0'));
            });

        $("#cargoDescription").on("change keyup keydown paste propertychange bind mouseover", function (e) {
            linhasAtuais = $(this).val().split("\n").length;
            contador = $('#countEnterCargoDescription');
            total = 0;

            if (e.keyCode == 13 && linhasAtuais >= 99) {
                contador.text(0 + " rows left");
                return false;
            } else {
                total = (99 - linhasAtuais);
                if(total == 1){
                    contador.text(total + " row left");
                } else{
                    contador.text(total + " rows left");
                }
            }

            maxCountChar(this, $('#counterCargoDescription'));
        });

        $("#marksAndNumbers").on("change keyup keydown paste propertychange bind mouseover", function (e) {
            linhasAtuais = $(this).val().split("\n").length;
            contador = $('#countEnterMarksAndNumbers');
            total = 0;

            if (e.keyCode == 13 && linhasAtuais >= 99) {
                contador.text(0 + " rows left");
                return false;
            } else {
                total = (99 - linhasAtuais);
                if(total == 1){
                    contador.text(total + " row left");
                } else{
                    contador.text(total + " rows left");
                }
            }

            maxCountChar(this, $('#counterMarksAndNumbers'));
        });

        $("#blClauses1").on("change keyup keydown paste propertychange bind mouseover", function () {
            maxCountChar(this, $('#counterBlClauses1'));
        });

        $("#bl_comments_not_printed").on("change keyup keydown paste propertychange bind mouseover", function (e) {
            linhasAtuais = $(this).val().split("\n").length;
            contador = $('#countEnterblCommentsNotPrinted');
            total = 0;

            if (e.keyCode == 13 && linhasAtuais >= 99) {
                contador.text(0 + " rows left");
                return false;
            } else {
                total = (99 - linhasAtuais);
                if(total == 1){
                    contador.text(total + " row left");
                } else{
                    contador.text(total + " rows left");
                }
            }

            maxCountChar(this, $('#counterblCommentsNotPrinted'));
        });

        $("#bl_clauses").on("change keyup keydown paste propertychange bind mouseover", function (e) {
            linhasAtuais = $(this).val().split("\n").length;
            contador = $('#countEnterBlClauses');
            total = 0;

            var openCharacters = document.getElementById('openCharacters');
            openCharacters.style.marginBottom = "17px";

            if (e.keyCode == 13 && linhasAtuais >= 99) {
                contador.text(0 + " rows left");
                return false;
            } else {
                total = (99 - linhasAtuais);
                if(total == 1){
                    contador.text(total + " row left");
                } else{
                    contador.text(total + " rows left");
                }
            }

            maxCountChar(this, $('#counterBlClauses'));
        });

        // ======================================================================================================================================================

        // Enter pula uma linha no comments 
        $('.enterNewLine').keypress(function (e) {
            if (e.keyCode == 13) {
                e.preventDefault();
                this.value = this.value.substring(0, this.selectionStart) + "" + "\n" + this.value
                    .substring(this
                        .selectionEnd, this.value.length);
            }
        });

        window.livewire.on('alert_remove', () => {
            setTimeout(function () {
                $(".alert-danger").fadeOut('fast');
            }, 5000); // 3 secs
            $('#sendWithouRucDue').modal('hide');

        });
        window.livewire.on('closeModal', () => {})
    });

    // Girar setinha dos collapse boxes
    function collapseOn(id_box, id_seta) {
        var box = id_box;
        var setinha = id_seta;

        if (!box.hasClass('collapsed')) {
            setinha.css("transform", "rotate(180deg)");
        } else {
            setinha.css("transform", "rotate(0deg)");
        }
    }

    function collapseOnContainer(id_box, id_seta) {
        var box = id_box;
        var setinha = id_seta;

        if (box.hasClass('in')) {
            setinha.css("transform", "rotate(180deg)");
        } else {
            setinha.css("transform", "rotate(0deg)");
        }
    }

    // Textarea vai aumentando conforme o usuário digita
    function auto_grow(element) {
        element.style.height = "5px";
        element.style.height = (element.scrollHeight) + "px";
    }

    $("#ruc").on("change keyup keydown paste propertychange bind mouseover", function (e) {
        var valor = document.getElementById('ruc');
        valor.value = valor.value.replace(/[^A-Za-z0-9]/g, "");
        valor.value = valor.value.toUpperCase()
    });
    $("#due").on("change keyup keydown paste propertychange bind mouseover", function (e) {
        var valor = document.getElementById('due');
        valor.value = valor.value.replace(/[^A-Za-z0-9-]/g, "");
        valor.value = valor.value.toUpperCase()
    });


    // function updateContNumber(key){
    //     var valor = document.getElementById('equipmentNumber'+key);
    //     var update = document.getElementById('containerNumberShow'+key); 
    //     valor.value = valor.value.replace(/[^A-Za-z0-9]/g, "");
    //     update.value = valor.value; 

    //     update.dispatchEvent(new Event('input'));
    // }

    function calcularTotalGW() {
        var somaGW = 0;

        $(".somaGW").each(function (indice, item) {
            var numberGW = $(item).val();
            var valorGW = (numberGW);
            valorGW = +valorGW;

            if (!isNaN(valorGW)) {
                somaGW += valorGW;
                somaGW = parseFloat(somaGW.toFixed(2));
            }
        });

        $("#gross_weight_total").val(somaGW);
        var element = document.getElementById('gross_weight_total');
        element.dispatchEvent(new Event('input'));
    }

    function calcularTotalVolume() {
        var somaVolume = 0;

        $(".somaVol").each(function (indice, item) {
            var numberVol = $(item).val();

            var valorVol = (numberVol);
            valorVol = +valorVol;

            if (!isNaN(valorVol)) {
                somaVolume += valorVol;
                somaVolume = parseFloat(somaVolume.toFixed(2));
            }
        });

        $("#volume_total").val(somaVolume);
        var element = document.getElementById('volume_total');
        element.dispatchEvent(new Event('input'));
    }

    function calcularTotalPackages() {
        var somaPackage = 0;
        
        $(".packageChange").each(function (indice, item) {
            var numberPackage = $(item).val();
            numberPackage = +numberPackage;

            if (!isNaN(numberPackage)) {
                somaPackage += numberPackage;
            }
        });

        $("#packages_total").val(somaPackage);
        var element = document.getElementById('packages_total');
        element.dispatchEvent(new Event('input'));
    }

    // ---- Conta caracteres do textarea ------------------------------------------------------

    function countChar(val, id) {
        var len = val.value.length;
        var contador = id;

        if (len > 205) {
            contador.css({
                "color": "red"
            });
        } else {
            contador.css({
                "color": "#8c8c8c"
            });
        }

        if (len >= 214) {
            if (len == 210) {
                contador.text(0 + " characters left");
            } else {
                contador.text((215 - len) + " character left");
            }
        } else {
            contador.text((215 - len) + " characters left");
        }
    };

    function maxCountChar(val, id) {
        var len = val.value.length;
        var contador = id;

        if (len > 49588) {
            contador.css({
                "color": "red"
            });
        } else {
            contador.css({
                "color": "#8c8c8c"
            });
        }

        if (len >= 49597) {
            if (len == 49593) {
                contador.text(0 + " characters left");
            } else {
                contador.text((49598 - len) + " character left");
            }
        } else {
            contador.text((49598 - len) + " characters left");
        }
    };
</script>