@extends('adminlte::page')

@section('title', 'Cadastro de Lançamento de Estoque')

@section('content_header')
    <div class="row">
        <div class="col-12">
            <h3>Inclusão de Lançamento</h3>
        </div>
    </div>
@stop

@section('content')
    <div class="row">
        <div class="col-md-12">
            <x-adminlte-alert theme="info" title="Info" id="alertInformacao" style="display: none;">
            </x-adminlte-alert>
            <form id="formEnvioDados" method="POST" action="{{ route('lancamentodeestoques.store') }}">
                @method('POST')
                @csrf
                <div class="card">
                    <div class="card-header">
                        <div class="row mb-0">
                            <div class="col-md-12 col-12 text-right" style="text-align: right;">
                                <button type="button" class="btn btn-primary" id="salvarLancamento">
                                    {{ __('Salvar') }}
                                </button>
                            </div>
                        </div>
                    </div>
                    <div class="card-body">
                        <div class="row mb-3">
                            <div class="col-md-3 col-12 col-sm-4">
                                <label for="documento" class="col-form-label text-md-end">{{ __('Documento') }}</label>
                                <input id="documento" type="text" class="form-control @error('documento') is-invalid @enderror" name="documento" value="{{ old('documento') }}" autocomplete="documento" autofocus>

                                @error('documento')
                                    <span class="invalid-feedback" role="alert">
                                        <strong>{{ $message }}</strong>
                                    </span>
                                @enderror
                            </div>
                            <div class="col-md-4 col-12 col-sm-4">
                                <label for="data_documento" class="col-form-label text-md-end">{{ __('Data Documento') }}</label>
                                <input id="data_documento" type="date" class="form-control @error('data_documento') is-invalid @enderror" name="data_documento" value="{{ old('data_documento') }}" required autocomplete="data_documento" autofocus>

                                @error('data_documento')
                                    <span class="invalid-feedback" role="alert">
                                        <strong>{{ $message }}</strong>
                                    </span>
                                @enderror
                            </div>
                            <div class="col-md-5 col-12 col-sm-4">
                                <label for="movimento_id" class="col-form-label text-md-end">{{ __('Movimento') }}</label>
                                <select id="movimento_id" type="text" class="custom-select @error('movimento_id') is-invalid @enderror" name="movimento_id" value="{{ old('movimento_id') }}" required autocomplete="movimento_id" autofocus>
                                    <option value="0" >Entrada por Compra</option>
                                    <option value="1" >Entrada Consignado</option>
                                </select>

                                @error('movimento_id')
                                    <span class="invalid-feedback" role="alert">
                                        <strong>{{ $message }}</strong>
                                    </span>
                                @enderror
                            </div>
                            
                            <div class="col-md-12 col-12 col-sm-12">
                                <label for="supplier_id" class="col-form-label text-md-end">{{ __('Fornecedor') }}</label>
                            </div>
                            <div class="col-md-2 col-12 col-sm-12">
                                <div class="d-flex">
                                    <input id="codigo_supplier" type="text" class="form-control @error('codigo_supplier') is-invalid @enderror ms-2" name="codigo_supplier" value="{{ old('codigo_supplier')}}" required autocomplete="codigo_supplier" autofocus>
                                    <button class="btn btn-primary mb-1" id="btnConsulta_supplier" type="button" style="border-radius: 0rem;">
                                        <i class="fa fa-search" aria-hidden="true"></i>
                                    </button>
                                </div>
                            </div>
                            <div class="col-md-10 col-12 col-sm-12">
                                <select id="supplier_id" type="text" class="custom-select @error('supplier_id') is-invalid @enderror" name="supplier_id" value="{{ old('supplier_id') }}" required autocomplete="supplier_id" autofocus>
                                </select>
                                @error('supplier_id')
                                    <span class="invalid-feedback" role="alert">
                                        <strong>{{ $message }}</strong>
                                    </span>
                                @enderror
                            </div>

                            <div class="col-md-2 col-12 col-sm-2">
                                <label for="margem_lucro" class="col-form-label text-md-end">{{ __('Margem Lucro') }}</label>
                                <input id="margem_lucro" type="text" class="form-control @error('margem_lucro') is-invalid @enderror" name="margem_lucro" value="{{ old('margem_lucro','0,00') }}" required autocomplete="margem_lucro" oninput="formatarValor(this)" autofocus>

                                @error('margem_lucro')
                                    <span class="invalid-feedback" role="alert">
                                        <strong>{{ $message }}</strong>
                                    </span>
                                @enderror
                            </div>
                            <div class="col-md-10 col-12 col-sm-10">
                                <label for="observacao" class="col-form-label text-md-end">{{ __('Observação') }}</label>
                                <input id="observacao" type="text" class="form-control @error('observacao') is-invalid @enderror" name="observacao" value="{{ old('observacao') }}" autocomplete="observacao" autofocus>

                                @error('observacao')
                                    <span class="invalid-feedback" role="alert">
                                        <strong>{{ $message }}</strong>
                                    </span>
                                @enderror
                            </div>
                            <div class="col-md-12 col-12 row mt-3" id="muda_conforme_movimento">
                            </div>
                        </div>
                    </div>
                </div>
                <div class="card">
                    <div class="card-body">
                        <div class="row mb-3">
                            <div class="col-md-3 col-12 col-sm-3">
                                <label for="referencia" class="col-form-label text-md-end">{{ __('Ref./Cod. barra') }}</label>
                                <input id="referencia" type="text" class="form-control @error('referencia') is-invalid @enderror" name="referencia" value="{{ old('referencia') }}" autocomplete="referencia" autofocus>
                            </div>
                            <div class="col-md-6 col-12 col-sm-9">
                                <label for="select_produto" class="col-form-label text-md-end">{{ __('Produto') }}</label>
                                <select id="select_produto" type="text" class="custom-select @error('select_produto') is-invalid @enderror" name="select_produto" value="{{ old('select_produto') }}" autocomplete="select_produto" autofocus>
                                </select>
                            </div>
                            <div class="col-md-3 col-12 col-sm-9">
                                <label for="select_edicao" class="col-form-label text-md-end">{{ __('Edição') }}</label>
                                <select id="select_edicao" type="text" class="custom-select @error('select_edicao') is-invalid @enderror" name="select_edicao" value="{{ old('select_edicao') }}" autocomplete="select_edicao" autofocus>
                                </select>
                            </div>
                        </div>
                        <div class="row mb-3">
                            <div class="col-md-2 col-12 col-sm-3">
                                <label for="quantidade" class="col-form-label text-md-end">{{ __('Qtde') }}</label>
                                <input id="quantidade" type="number" class="form-control" name="quantidade">
                            </div>
                            <div class="col-md-3 col-12 col-sm-3">
                                <label for="valor_venda" class="col-form-label text-md-end">{{ __('Vlr. Venda') }}</label>
                                <input id="valor_venda" type="text" class="form-control" name="valor_venda">
                            </div>
                            <div class="col-md-3 col-12 col-sm-3">
                                <label for="valor_custo" class="col-form-label text-md-end">{{ __('Vlr. Custo') }}</label>
                                <input id="valor_custo" type="text" class="form-control" name="valor_custo" >
                            </div>
                            <div class="col-md-2 col-12 col-sm-3">
                                <label for="valor_total" class="col-form-label text-md-end">{{ __('Custo') }}</label>
                                <input id="valor_total" type="text" class="form-control" name="valor_total" readonly>
                            </div>
                            <div class="col-md-2 col-12 col-sm-3">
                                <label>&nbsp;</label> <!-- Label vazio para criar espaço -->
                                <div class="d-flex align-items-end mt-1">
                                    <button type="button" class="btn btn-primary" id="addProduto">
                                        Adicionar
                                    </button>
                                </div>
                            </div>
                        </div>
                        <div class="col-md-12 col-12">
                            <div class="table-responsive-sm" >
                                <table class="table table-bordered" id="tableItem">
                                    <thead>
                                        <tr>
                                            <th scope="col">Itens</th>
                                            <th scope="col">Edição</th>
                                            <th scope="col">Produto</th>
                                            <th scope="col">Qtde</th>
                                            <th scope="col">Vlr. Venda</th>
                                            <th scope="col">Vlr. Custo</th>
                                            <th scope="col">Total Custo</th>
                                            <th scope="col">Data de Devolução</th>
                                            <th scope="col">Ação</th>
                                        </tr>
                                    </thead>
                                    <tbody>
                                        <tr style="display: none;">
                                            <td></td>
                                            <td></td>
                                            <td></td>
                                            <td></td>
                                            <td></td>
                                            <td></td>
                                            <td></td>
                                            <td></td>
                                            <td></td>
                                        </tr>
                                    </tbody>
                                </table>
                                <div class="clearfix"></div>
                                <div class="float-right text-center mt-3"> 
                                    <label for="valor_total_custo" class="col-form-label">{{ __('Valor Total') }}</label>
                                    <input id="valor_total_custo" type="text" class="form-control form-control-sm text-center @error('referencia') is-invalid @enderror" name="valor_total_custo" value="{{ old('valor_total_custo') }}" autocomplete="valor_total_custo" autofocus readonly>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </form>
        </div>
    </div>           
@stop

@section('css')
    <link rel="stylesheet" href="/css/admin_custom.css">
    <link href="https://cdnjs.cloudflare.com/ajax/libs/select2-bootstrap-theme/0.1.0-beta.10/select2-bootstrap.min.css" rel="stylesheet" />

    <style>
        .select2-container {
            width: 100% !important;
        }

        .select2-selection--single {
            border: 1px solid #ced4da;
            border-radius: 4px;
            padding: 10px;
            height: 40px !important;
            box-sizing: border-box; 
        }

        .select2-selection__arrow {
            height: 38px; 
        }

        .select2-selection__rendered {
            color: #495057; 
            line-height: 40px; 
        }

        .select2-container--default .select2-selection--single .select2-selection__placeholder {
            position: absolute;
            top: 50%;
            transform: translateY(-50%);
            left: 14px;
            color: #6c757d;
            white-space: nowrap;
            overflow: hidden;
            text-overflow: ellipsis;
        }

        .select2-container--default.select2-container--focus .select2-selection--single {
            border-color: #80bdff; 
        }

        .campo-obrigatorio-faltando {
            border: 2px solid red; /* Estilo de borda para destacar */
        }
  
    </style>
@stop

@section('js')
    <script src="https://cdnjs.cloudflare.com/ajax/libs/select2/4.0.13/js/i18n/pt-BR.js"></script>
    <script>
        $(document).ready(function () {
            $('#btnConsulta_supplier').on('click', function () {
                var codigoSupplier = $('#codigo_supplier').val();

                // Verifica se o código do cliente está vazio
                if (!codigoSupplier) {
                    Swal.fire("Nenhum código foi selecionado.");
                    $('#codigo_supplier').val('');
                    $.ajax({
                         url: '/buscar-codsupplier?q=',
                        type: 'GET',
                        dataType: 'json',
                        success: function (data) {
                            $('#supplier_id').empty();

                            if (data.results.length > 0) {
                                $.each(data.results, function (index, supplier) {
                                    var razaosocial = supplier.razaosocial || 'Nome não disponível';
                                    $('#supplier_id').append(`<option value="${supplier.id}">${razaosocial}</option>`);
                                });
                            } else {
                                $('#supplier_id').append('<option value="">Nenhum Fornecedor encontrado</option>');
                                    Swal.fire("Cliente não Fornecedor ou deletado.").then(function() {
                                });
                            }
                        },
                        error: function () {
                            Swal.fire('Erro ao buscar o Fornecedor. Por favor, tente novamente.');
                        }
                    });
        
                }

                $.ajax({
                    url: '/buscar-codsupplier?q=' + codigoSupplier,
                    type: 'GET',
                    dataType: 'json',
                    success: function (data) {
                        $('#supplier_id').empty();

                        if (data.results.length > 0) {
                            $.each(data.results, function (index, supplier) {
                                var razaosocial = supplier.razaosocial || 'Nome não disponível';
                                $('#supplier_id').append(`<option value="${supplier.id}">${razaosocial}</option>`);
                            });
                        } else {
                            $('#supplier_id').append('<option value="">Nenhum Fornecedor encontrado</option>');
                                Swal.fire("Fornecedor não cadastrado ou deletado.").then(function() {
                            });
                        }
                    },
                    error: function () {
                        Swal.fire('Erro ao buscar o Fornecedor. Por favor, tente novamente.');
                    }
                });
            });

            $('#codigo_supplier').on('change', function () {
                var codigoSupplier = $('#codigo_supplier').val();

                // Verifica se o código do cliente está vazio
                if (!codigoSupplier) {
                    Swal.fire("Nenhum código foi selecionado.");
                    $('#codigo_supplier').val('');
                     $.ajax({
                        url: '/buscar-codsupplier?q=',
                        type: 'GET',
                        dataType: 'json',
                        success: function (data) {
                            $('#supplier_id').empty();

                            if (data.results.length > 0) {
                                $.each(data.results, function (index, supplier) {
                                    var razaosocial = supplier.razaosocial || 'Nome não disponível';
                                    $('#supplier_id').append(`<option value="${supplier.id}">${razaosocial}</option>`);
                                });
                            } else {
                                $('#supplier_id').append('<option value="">Nenhum Fornecedor encontrado</option>');
                                Swal.fire("Fornecedor não cadastrado ou deletado.").then(function() {
                                });
                            }
                        },
                        error: function () {
                            Swal.fire('Erro ao buscar o Fornecedor. Por favor, tente novamente.');
                        }
                    });
                }

                $.ajax({
                    url: '/buscar-codsupplier?q=' + codigoSupplier,
                    type: 'GET',
                    dataType: 'json',
                    success: function (data) {
                        $('#supplier_id').empty();

                        if (data.results.length > 0) {
                            $.each(data.results, function (index, supplier) {
                                var razaosocial = supplier.razaosocial || 'Nome não disponível';
                                $('#supplier_id').append(`<option value="${supplier.id}">${razaosocial}</option>`);
                            });
                        } else {
                            $('#supplier_id').append('<option value="">Nenhum Fornecedor encontrado</option>');
                                Swal.fire("Fornecedor não cadastrado ou deletado.").then(function() {
                            });
                        }
                    },
                    error: function () {
                        Swal.fire('Erro ao buscar o Fornecedor. Por favor, tente novamente.');
                    }
                });
            });
        });

        $(document).ready(function() {
            $('#supplier_id').select2({
                theme: 'default',
                language: "pt-BR",
                width: '100%',
                ajax: {
                    url: '/buscar-supplier',
                    dataType: 'json',
                    delay: 250,
                    data: function (params) {
                        return {
                            q: params.term
                        };
                    },
                    processResults: function (data) {
                        return {
                            results: data.results
                        };
                    },
                    cache: true
                },
                minimumInputLength: 1,
                placeholder: 'Digite o nome do fornecedor'
            }).on('select2:select', function (e) {
                $('#codigo_supplier').val(e.params.data.codigo_supplier);
            });
            
            $('#select_produto').select2({
                theme: 'default',
                language: "pt-BR",
                width: '100%',
                ajax: {
                    url: '/buscar-productname',
                    dataType: 'json',
                    delay: 250,
                    data: function (params) {
                        return {
                            q: params.term
                        };
                    },
                    processResults: function (data) {
                        return {
                            results: data.results
                        };
                    },
                    cache: true
                },
                minimumInputLength: 1,
                placeholder: 'Digite o nome do produto'
            }).on('select2:select', function (e) {
                var produtoSelecionado = e.params.data;

                // Limpar as edições anteriores
                $('#select_edicao').empty();

                // Verificar se o produto tem edições associadas
                if (produtoSelecionado.edicoes && produtoSelecionado.edicoes.length > 0) {
                    var edicoes = produtoSelecionado.edicoes;

                    // Preencher o select com as edições recebidas
                    edicoes.forEach(function (edicao) {
                        $('#select_edicao').append(new Option(edicao.edicao, edicao.id));
                    });
                } else {
                    // Caso não haja edições, você pode adicionar uma opção "Sem edições"
                    $('#select_edicao').append(new Option('S/E', ''));
                }
                var codigoProduto = e.params.data.id;
                $('#referencia').val(codigoProduto);
                $('#valor_venda').val(formatarVlr(e.params.data.vlr_unitario.toFixed(2)));
                $('#valor_custo').val(formatarVlr(e.params.data.vlr_custo.toFixed(2)));
                $('#quantidade').val('1');

                var qtde = parseFloat($('#quantidade').val().replace(",", ".")) || 0;
                var valor_custo = parseFloat($('#valor_custo').val().replace(",", ".")) || 0;
                var valor_total = qtde * valor_custo;
                $('#valor_total').val(formatarVlr(valor_total.toFixed(2)));

                
            });

            
            $('#referencia').on('change', function() {
                var codigo = $(this).val();

                // Consulte o código do produto
                $.ajax({
                    url: '/buscar-codproduct',
                    data: {
                        referencia: codigo
                    },
                    success: function(data) {
                        console.log(data);
                        // Supondo que seu backend retorne o ID e o nome do produto
                        var produto = data.results[0];
                        if (produto) {
                            // Crie uma nova opção no Select2 e selecione-a
                            var novaOpcao = new Option(produto.nome, produto.id, true, true);
                            $('#select_produto').append(novaOpcao).trigger('change');
                            var qtde = '1';
                            $('#quantidade').val(qtde);
                            $('#valor_venda').val(formatarVlr(produto.vlr_unitario.toFixed(2)));
                            $('#valor_custo').val(formatarVlr(produto.vlr_custo.toFixed(2)));

                            qtde = parseFloat($('#quantidade').val().replace(",", ".")) || 0;
                            var valor_custo = parseFloat($('#valor_custo').val().replace(",", ".")) || 0;
                            var valor_total = qtde * valor_custo;
                            $('#valor_total').val(formatarVlr(valor_total.toFixed(2)));

                            // Preencher o select de edições
                            $('#select_edicao').empty(); // Limpar opções anteriores

                            if (produto.edicao && produto.edicao.length > 0) {
                                produto.edicao.forEach(function(edicao) {
                                    $('#select_edicao').append(new Option(edicao.edicao, edicao.id));
                                });
                            } else {
                                $('#select_edicao').append(new Option('S/E', ''));
                            }
                        }
                    }
                });
            });

            $(document).on('select2:open', (e) => {
                const selectId = e.target.id;
                $(".select2-search__field[aria-controls='select2-" + selectId + "-results']").each(function (key, value) {
                    value.focus();
                });
            })

            $('body').on('change', '#dias_devolucao', function(){

                var dias = parseInt($(this).val(), 10); // Obtém a quantidade de dias
                var dataAtual = new Date();
                dataAtual.setDate(dataAtual.getDate() + dias);
                var ano = dataAtual.getFullYear();
                var mes = dataAtual.getMonth() + 1;
                var dia = dataAtual.getDate();
                var dataFormatada = [ano, mes.toString().padStart(2, '0'), dia.toString().padStart(2, '0')].join('-');

                $('body').find('#data_devolucao').val(dataFormatada); // Atualiza o valor
            });
        });
        $('#movimento_id').on('input', function() {
            var valorSelecionado = $(this).val();
            var div_movimento = $('#muda_conforme_movimento');
            
            if(valorSelecionado == '0') {
                div_movimento.html(`<div class="col-md-12 col-12">
                                    </div>`);
            } else if(valorSelecionado == '1') {
                div_movimento.html(`<div class="col-md-2 col-12 col-sm-3">
                                        <label for="dias_devolucao" class="col-form-label text-md-end">{{ __('Dias Devol.') }}</label>
                                        <input id="dias_devolucao" type="number" class="form-control @error('dias_devolucao') is-invalid @enderror" name="dias_devolucao" value="{{ old('dias_devolucao') }}" autocomplete="dias_devolucao" autofocus>
    
                                        @error('dias_devolucao')
                                        <span class="invalid-feedback" role="alert">
                                                <strong>{{ $message }}</strong>
                                            </span>
                                        @enderror
                                    </div>
                                    <div class="col-md-5 col-12 col-sm-4">
                                        <label for="data_devolucao" class="col-form-label text-md-end">{{ __('Data Devolução') }}</label>
                                        <input id="data_devolucao" type="date" class="form-control" name="data_devolucao" value="{{ old('data_devolucao') }}" autocomplete="data_devolucao" autofocus>
    
                                    </div>`);
            } 
        });

        $('#numero_parcelas').on('change', function() {
            var qtdeParcelas = $(this).val();

            // Limpa as linhas existentes
            $('#tableParcelas tbody').empty();

            // Adiciona novas linhas com base na quantidade de parcelas
            for (let i = 1; i <= qtdeParcelas; i++) {
                let novaLinha = `<tr>
                                    <td scope="row" class="parcela">${i}</td>
                                    <td class="vencimento"><input id="vcto_parcela_${i}" type="date" class="form-control" name="vcto_parcela_${i}" ></td>
                                    <td class="valorParcela"><input id="valor_parcela_${i}" type="number" class="form-control" name="valor_parcela_${i}" ></td>
                                    <td class="pagamento"><input id="pagamento_parcela_${i}" type="date" class="form-control" name="pagamento_parcela_${i}" ></td>
                                    <td><a href="#" class="deletarLinha">Deletar</a></td>
                                </tr>`;
                $('#tableParcelas tbody').append(novaLinha);
            }
        });

    
        $('#quantidade').on('input', calcularVlrTotal);
        $('#valor_custo').on('input', calcularVlrTotal);

        function calcularVlrTotal() {
            var qtde = parseFloat($('#quantidade').val().replace(",", ".")) || 0;
            var valor_custo = parseFloat($('#valor_custo').val().replace(",", ".")) || 0;
            var valor_total = qtde * valor_custo;
            $('#valor_total').val(formatarVlr(valor_total.toFixed(2)));
        }

        function atualizarSomatorio() {
            var soma = 0;

            // Itera sobre todas as células da coluna "valor_total"
            $('#tableItem tbody .valor_total').each(function() {
                var valorTotal = parseFloat($(this).text().replace(",", ".")) || 0;
                soma += valorTotal;
            });

            // Exibe a soma no campo de input "valor_total_custo"
            $('#valor_total_custo').val(formatarVlr(soma.toFixed(2)));
        }

        $('#addProduto').on('click', function() {
            
            if (validaAddProduto()) {
            let data_Devolucao = $('#data_devolucao').val();
        
            // Adiciona a linha à tabela
            let novaLinha = `<tr class="">
                                <td scope="row">${$('#referencia').val()}</td>
                                <td scope="row">${$("#select_edicao option:selected").text()}</td>
                                <td class="descricao">${$("#select_produto option:selected").text()}</td>
                                <td class="valor">${$('#quantidade').val()}</td>
                                <td class="valor_venda">${$('#valor_venda').val()}</td>
                                <td class="valor_custo">${$('#valor_custo').val()}</td>
                                <td class="valor_total">${$('#valor_total').val()}</td>
                                <td class="dt_devolucao">${data_Devolucao ? data_Devolucao : ''}</td>
                                <td><a class="deletarLinha btn btn-danger btn-sm"><i class="fa fa-trash"></i>Deletar</a></td>
                            </tr>`;
            $('#tableItem tbody').append(novaLinha);
            atualizarSomatorio();   
            LimparDados();
        }
    });
    
        $(document).ready(function() {
            function moveToNextField(currentField, nextField) {
                if (currentField.val() !== "") {
                    nextField.focus();
                } else {
                    currentField.focus();
                }
            }
    
            $('#referencia').keypress(function(e) {
                if (e.which === 13) {
                    e.preventDefault();
                    moveToNextField($('#referencia'), $('#quantidade'));

                    $('#quantidade').select();
                }
            });

            $('#select_produto').keypress(function(e) {
                if (e.which === 13) {
                    e.preventDefault();
                    moveToNextField($('#select_produto'), $('#quantidade'));

                    $('#quantidade').select();
                }
            });

            $('#quantidade').keypress(function(e) {
                if (e.which === 13) {
                    e.preventDefault();
                    moveToNextField($('#quantidade'), $('#valor_venda'));

                    $('#valor_venda').select();
                }
            });
    
            $('#valor_venda').keypress(function(e) {
                if (e.which === 13) {
                    e.preventDefault();
                    moveToNextField($('#valor_venda'), $('#valor_custo'));

                    $('#valor_custo').select();
                }
            });

            $('#valor_custo').keypress(function(e) {
                if (e.which === 13) {
                    e.preventDefault();
                    moveToNextField($('#ivalor_custo'), $('#addProduto'));

                }
            });
    
            $('#addProduto').click(function() {
                moveToNextField($('#referencia'), $('#referencia'));
            });
    
        });

        function LimparDados() {
            document.getElementById('referencia').value = '';
            document.getElementById('quantidade').value = '';
            var produtoSelect = document.getElementById('select_produto');
            var edicaoSelect = document.getElementById('select_edicao');
            produtoSelect.options.length = 0;
            edicaoSelect.options.length = 0;

            var placeholderOption = document.createElement('option');
            var placeholderOptionEdicao = document.createElement('option');
            placeholderOption.value = '';
            placeholderOption.text = 'Digite a descrição do produto';
            placeholderOptionEdicao.value = '';
            placeholderOptionEdicao.text = '';
            produtoSelect.add(placeholderOption);
            edicaoSelect.add(placeholderOptionEdicao);
            document.getElementById('valor_venda').value = '';
            document.getElementById('valor_custo').value = '';
            document.getElementById('valor_total').value = '';
        }

        $('#tableItem').on('click', '.deletarLinha', function(e) {
            e.preventDefault();

            var $linha = $(this).closest('tr');
            var valorDeletado = parseFloat($linha.find('.valor_total').text().replace(",", ".")) || 0;
      
            var somaAtual = parseFloat($('#valor_total_custo').val().replace(",", ".")) || 0;
            var novoSomatorio = somaAtual - valorDeletado;
            $('#valor_total_custo').val(formatarVlr(novoSomatorio.toFixed(2)));

            $linha.remove();
        });

        $('#tableParcelas').on('click', '.deletarLinha', function(e) {
            e.preventDefault();
            var $linha = $(this).closest('tr');
            var valorParcelaDeletado = $linha.find('.valorParcela').text();
            valorParcelaDeletado = parseFloat(valorParcelaDeletado);
            $(this).closest('tr').remove();
        });

        function formatarVlr(valor) {
            return valor.replace(".", ",");
        }

        function validaAddProduto() {

            var tipoMovimento = $('#movimento_id').val();

            //if(tipoMovimento== 1){
                //if($('#data_devolucao').val() === null || $('#data_devolucao').val() === '' || $('#data_devolucao').val() === '0'){
                    //Swal.fire('Defina uma data de devolução para os itens!');
                    //return false;
                //}
            //}

            if ($('#select_produto').select2('val') === null || $('#select_produto').select2('val') === '' || $('#select_produto').select2('val') === '0') {
                Swal.fire('Por favor, selecione um produto');
                return false;
            }

            if($('#quantidade').val() === null || $('#quantidade').val() === '' || $('#quantidade').val() === '0' || $('#quantidade').val() < '0'){
                Swal.fire('Quantidade deve ser maior que 0 (zero)!');
                return false;
            }

            if ($('#valor_venda').val() === null || $('#valor_venda').val() === '' || parseFloat($('#valor_venda').val()) <= 0) {
                Swal.fire('Valor de venda deve ser maior que 0 (zero)!');
                return false;
            }

            if ($('#valor_custo').val() === null || $('#valor_custo').val() === '' || parseFloat($('#valor_custo').val()) <= 0) {
                Swal.fire("Valor de custo deve ser maior que 0 (zero)!");
                return false;
            }

            if ($('#valor_total').val() === null || $('#valor_total').val() === '' || parseFloat($('#valor_total').val()) <= 0) {
                Swal.fire('Valor total deve ser maior que 0 (zero)!');
                return false;
            }

            return true;

        }

        function executaAlert(mensagem = "Aviso de erro!"){
            $("#alertInformacao").text(mensagem);
            $("#alertInformacao").fadeIn();

            setTimeout(function() {
                $("#alertInformacao").fadeOut();
            },4000);
        }

        function formatarValor(input) {
            let valor = input.value.replace(/\D/g, ''); // Remove tudo que não for dígito
            valor = (valor / 100).toFixed(2); // Converte para um número decimal
            valor = valor.replace('.', ','); // Troca ponto por vírgula
            valor = valor.replace(/\B(?=(\d{3})+(?!\d))/g, "."); // Adiciona ponto como separador de milhar
            input.value = valor;
        }

        $('#salvarLancamento').on('click', function() {
            // Verifica se os campos obrigatórios estão preenchidos
            if (camposObrigatoriosPreenchidos()) {
                // Verifica se a tabela tem pelo menos um item preenchido
                if (tabelaTemItem()) {
                    // Exibe a mensagem de confirmação
                    Swal.fire({
                        title: 'Confirmação',
                        text: 'Deseja realmente gravar esse lançamento?',
                        icon: 'question',
                        showCancelButton: true,
                        confirmButtonColor: '#3085d6',
                        cancelButtonColor: '#d33',
                        confirmButtonText: 'Confirmar',
                        cancelButtonText: 'Cancelar'
                    }).then((result) => {
                        if (result.isConfirmed) {
                            var form = document.getElementById('formEnvioDados');

                            //Verifica as linhas da tabela de produtos e enviar para o controller
                            $('#tableItem tbody tr:gt(0)').each(function (index, row) {
                                var referencia = row.cells[0].innerText;
                                var edicao = row.cells[1].innerText;
                                var descricao = row.cells[2].innerText;
                                var quantidade = row.cells[3].innerText;
                                var valor_venda = row.cells[4].innerText.replace(',', '.');
                                var valor_custo = row.cells[5].innerText.replace(',', '.');
                                var valor_total = row.cells[6].innerText.replace(',', '.');
                                var data_devolucao = row.cells[7].innerText;
               
                                //Variaveis para cria inputs ocultos para salvar cada informação na tabela "Item_Sale"
                                var inputReferencia = document.createElement('input');
                                inputReferencia.type = 'hidden';
                                inputReferencia.name = 'produtos[' + index + '][referencia]';
                                inputReferencia.value = referencia;
                                form.appendChild(inputReferencia);

                                var inputEdicao = document.createElement('input');
                                inputEdicao.type = 'hidden';
                                inputEdicao.name = 'produtos[' + index + '][edicao]';
                                inputEdicao.value = edicao;
                                form.appendChild(inputEdicao);

                                var inputDescricao = document.createElement('input');
                                inputDescricao.type = 'hidden';
                                inputDescricao.name = 'produtos[' + index + '][descricao]';
                                inputDescricao.value = descricao;
                                form.appendChild(inputDescricao);

                                var inputQuantidade = document.createElement('input');
                                inputQuantidade.type = 'hidden';
                                inputQuantidade.name = 'produtos[' + index + '][quantidade]';
                                inputQuantidade.value = quantidade;
                                form.appendChild(inputQuantidade);

                                var inputValorVenda = document.createElement('input');
                                inputValorVenda.type = 'hidden';
                                inputValorVenda.name = 'produtos[' + index + '][valor_venda]';
                                inputValorVenda.value = valor_venda;
                                form.appendChild(inputValorVenda);

                                var inputValorCusto = document.createElement('input');
                                inputValorCusto.type = 'hidden';
                                inputValorCusto.name = 'produtos[' + index + '][valor_custo]';
                                inputValorCusto.value = valor_custo;
                                form.appendChild(inputValorCusto);

                                var inputValorTotal = document.createElement('input');
                                inputValorTotal.type = 'hidden';
                                inputValorTotal.name = 'produtos[' + index + '][valor_total]';
                                inputValorTotal.value = valor_total;
                                form.appendChild(inputValorTotal);

                                var inputDataDevolucao = document.createElement('input');
                                inputDataDevolucao.type = 'hidden';
                                inputDataDevolucao.name = 'produtos[' + index + '][data_devolucao]';
                                inputDataDevolucao.value = data_devolucao;
                                form.appendChild(inputDataDevolucao);
                            });

                            // Remove o evento de clique após a confirmação
                            $('#salvarLancamento').off('click');

                            // Submete o formulário
                            form.submit();
                        }
                    });
                } else {
                    // Exibe uma mensagem informando que a tabela precisa ter pelo menos um item
                    Swal.fire({
                        icon: 'error',
                        title: 'Erro',
                        text: 'A tabela de itens precisa ter pelo menos um item preenchido.',
                    });
                }
            } else {
                // Se os campos obrigatórios não estiverem preenchidos, exibe uma mensagem de erro
                Swal.fire({
                    title: 'Erro',
                    text: 'Por favor, preencha todos os campos obrigatórios.',
                    icon: 'error',
                    confirmButtonColor: '#3085d6',
                    confirmButtonText: 'OK'
                });
            }
        });

        function tabelaTemItem() {
            // Verifica se a tabela de itens tem pelo menos uma linha preenchida
            return $('#tableItem tbody tr:gt(0)').length > 0;
        }

        
        function camposObrigatoriosPreenchidos() {
            var campos = $('input[required], select[required], textarea[required]');
            var Preenchidos = true;

            // Verifica os campos obrigatórios padrão (input, select, textarea)
            campos.each(function() {
                if ($(this).is('select') && $(this).hasClass('select2-hidden-accessible')) {
                    // Verifica se é um select2 e se está vazio
                    var select2Val = $(this).val();
                    if (!select2Val) {
                        Preenchidos = false;
                        $(this).next('.select2-container').addClass('campo-obrigatorio-faltando');
                    } else {
                        $(this).next('.select2-container').removeClass('campo-obrigatorio-faltando');
                    }
                } else {
                 // Verifica os outros tipos de campos
                    if (!$(this).val().trim()) {
                        Preenchidos = false;
                        $(this).addClass('campo-obrigatorio-faltando');
                    } else {
                        $(this).removeClass('campo-obrigatorio-faltando');
                    }
                }
            });

            return Preenchidos;
        }

        $(document).ready(function() {
            // Adiciona evento de clique para remover classe ao interagir com campos obrigatórios
            $('input[required], select[required], textarea[required]').on('input change', function() {
                if ($(this).is('select') && $(this).hasClass('select2-hidden-accessible')) {
                // Verifica se é um select2 e se está vazio
                    var select2Val = $(this).val();
                    if (!select2Val) {
                        $(this).next('.select2-container').addClass('campo-obrigatorio-faltando');
                    } else {
                        $(this).next('.select2-container').removeClass('campo-obrigatorio-faltando');
                    }
                } else {
                    if (!$(this).val().trim()) {
                        $(this).addClass('campo-obrigatorio-faltando');
                    } else {
                        $(this).removeClass('campo-obrigatorio-faltando');
                    }
                }
            });
        });
        
    </script>
@stop