@extends('adminlte::page')
@section('title', 'Lançamento de Estoque')
@section('content_header')
    <div class="row">
    </div>
@stop

@section('content')
@if(Session::has('error'))
        @php
            $data = Session::get('error');
        @endphp

        @if (is_array($data))
            @foreach ($data as $msg)
                <div class="alert alert-danger auto-dismiss" role="alert">
                    <i class="fa fa-times"></i>
                    {{ $msg }}
                </div>
            @endforeach
        @else
            <div class="alert alert-danger auto-dismiss" role="alert">
                <i class="fa fa-times"></i>
                {{ $data }}
            </div>
        @endif
    @endif
    <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">
                            <div class="col-md-8">
                                <h4>Lançamento de Estoque</h4>
                            </div>
                            <div class="col-md-4 text-lg-end" style="text-align: right;">
                                <button type="button" id="btnSalvar" title="Salvar" class="btn btn-success">
                                    <i class="fa fa-save"></i>
                                </button>
                            </div>
                        </div>
                    </div>
                    <div class="card-body">
                        <div class="row align-items-end">
                            <div class="col-md-3">
                                <label for="movimento_id" class="col-form-label">{{ __('Movimento') }}</label>
                                <select id="movimento_id" class="custom-select @error('movimento_id') is-invalid @enderror" name="movimento_id" required>
                                    <option value="0">Entrada por Compra</option>
                                    <option value="1">Entrada Consignado</option>
                                </select>
                                @error('movimento_id')
                                    <span class="invalid-feedback d-block" role="alert">
                                        <strong>{{ $message }}</strong>
                                    </span>
                                @enderror
                            </div>

                            <div class="col-md-2">
                                <label for="codigo_supplier" class="col-form-label">{{ __('Fornecedor') }}</label>
                                <div class="d-flex">
                                    <input id="codigo_supplier" type="text" class="form-control @error('codigo_supplier') is-invalid @enderror" name="codigo_supplier" value="{{ old('codigo_supplier')}}" required>
                                    <button class="btn btn-primary ms-2" id="btnConsulta_supplier" type="button" style="border-radius: 0;">
                                        <i class="fa fa-search"></i>
                                    </button>
                                </div>
                                @error('codigo_supplier')
                                    <span class="invalid-feedback d-block" role="alert">
                                        <strong>{{ $message }}</strong>
                                    </span>
                                @enderror
                            </div>
                            <div class="col-md-7">
                                <select id="supplier_id" class="custom-select @error('supplier_id') is-invalid @enderror" name="supplier_id" required>
                                </select>
                                @error('supplier_id')
                                    <span class="invalid-feedback d-block" role="alert">
                                        <strong>{{ $message }}</strong>
                                    </span>
                                @enderror
                            </div>
                        </div>
                        <div class="row">
                            <div class="col-md-3">
                                <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">
                                <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', $dataAtual) }}" required autocomplete="data_documento" autofocus>

                                @error('data_documento')
                                    <span class="invalid-feedback" role="alert">
                                        <strong>{{ $message }}</strong>
                                    </span>
                                @enderror
                            </div>
                        </div>
                        <div class="row">
                            <div class="col-md-2">
                                <label for="desconto" class="col-form-label text-md-end">{{ __('Desconto') }}</label>
                                <input id="desconto" type="text" class="form-control @error('desconto') is-invalid @enderror" name="desconto" value="{{ old('desconto','0,00') }}" required autocomplete="desconto" oninput="formatarValor(this)" autofocus>

                                @error('margem_lucro')
                                    <span class="invalid-feedback" role="alert">
                                        <strong>{{ $message }}</strong>
                                    </span>
                                @enderror
                            </div>
                            <div class="col-md-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-8">
                                <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 row mt-3" id="muda_conforme_movimento">
                            </div>
                        </div>
                    </div>
                </div>
                <div class="card">
                    <div class="card-body">
                        <div class="row">
                            <div class="col-md-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">
                                <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">
                                <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">
                            <div class="col-md-2">
                                <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">
                                <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">
                                <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">
                                <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">
                                <label>&nbsp;</label>
                                <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="row mt-2">
                            <div class="col-md-12">
                                <div class="card table-responsive-sm overflow-auto">
                                    <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">Dt. 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>
                                <div class="clearfix"></div>
                                <div class="float-right text-center mt-2"> 
                                    <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> 
    
    <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;
        }
        
        .col-form-label {
            min-width: 120px;
            text-align: left; 
        }

        .swal2-container {
            z-index: 10000 !important;
        }
    </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();

                if (!codigoSupplier) {
                    Swal.fire("Nenhum código foi selecionado.");
                    $('#codigo_supplier').val('');
                    $.ajax({
                         url: '/buscar-codsupplier-lancamento?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>`);

                                    $('#desconto').val(supplier.desconto);
                                    $('#margem_lucro').val(supplier.margem_lucro);
                                    verificarDocumentoFornecedor();
                                });
                            }
                        },
                        error: function () {
                            Swal.fire('Erro ao buscar o Fornecedor. Por favor, tente novamente.');
                        }
                    });
        
                }

                $.ajax({
                    url: '/buscar-codsupplier-lancamento?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>`);

                                $('#desconto').val(supplier.desconto);
                                $('#margem_lucro').val(supplier.margem_lucro);
                                verificarDocumentoFornecedor();
                            });
                        }
                    },
                    error: function () {
                        Swal.fire('Erro ao buscar o Fornecedor. Por favor, tente novamente.');
                    }
                });
            });

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

                if (!codigoSupplier) {
                    Swal.fire("Nenhum código foi selecionado.");
                    $('#codigo_supplier').val('');
                     $.ajax({
                        url: '/buscar-codsupplier-lancamento?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>`);

                                    $('#desconto').val(supplier.desconto);
                                    $('#margem_lucro').val(supplier.margem_lucro);
                                    verificarDocumentoFornecedor();
                                });
                            }
                        },
                        error: function () {
                            Swal.fire('Erro ao buscar o Fornecedor. Por favor, tente novamente.');
                        }
                    });
                }

                $.ajax({
                    url: '/buscar-codsupplier-lancamento?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>`);

                                $('#desconto').val(supplier.desconto);
                                $('#margem_lucro').val(supplier.margem_lucro);
                                verificarDocumentoFornecedor();
                            });
                        }
                    },
                    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-lancamento',
                    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) {
                let dados = e.params.data;

                $('#codigo_supplier').val(dados.codigo_supplier);
                $('#desconto').val(dados.desconto);
                $('#margem_lucro').val(dados.margem_lucro);
            });

            
            $('#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;

                $('#select_edicao').empty();

                if (produtoSelecionado.edicoes && produtoSelecionado.edicoes.length > 0) {
                    var edicoes = produtoSelecionado.edicoes;

                    edicoes.forEach(function (edicao) {
                        $('#select_edicao').append(new Option(edicao.edicao, edicao.id));
                    });
                } else {
                    $('#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)));

                atualizarCustoELucro();

                $('#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 codigoDigitado = $(this).val();
                var qtde = 1; 

                if (codigoDigitado.includes('*')) {
                    var partes = codigoDigitado.split('*');
                    qtde = parseInt(partes[0]) || 1;
                    codigoDigitado = partes[1];
                }

                $.ajax({
                    url: '/buscar-codproduct',
                    data: {
                        referencia: codigoDigitado
                    },
                    success: function(data) {
                        var produto = data.results[0];
                        if (produto) {
                            var novaOpcao = new Option(produto.nome, codigoDigitado, true, true);
                            $('#select_produto').append(novaOpcao).trigger('change');

                            $('#referencia').val(codigoDigitado);

                            $('#quantidade').val(qtde);
                            $('#valor_venda').val(formatarVlr(produto.vlr_unitario.toFixed(2)));
                            $('#valor_custo').val(formatarVlr(produto.vlr_custo.toFixed(2)));

                            atualizarCustoELucro();

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

                            $('#select_edicao').empty();

                            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);
                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);
            });
        });
        $('#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>
                `);

                $(document).on('input', '#dias_devolucao', function() {
                    var dias = parseInt($(this).val()) || 0;

                    if (dias > 0) {
                        var hoje = new Date();
                        hoje.setDate(hoje.getDate() + dias);

                        var ano = hoje.getFullYear();
                        var mes = String(hoje.getMonth() + 1).padStart(2, '0');
                        var dia = String(hoje.getDate()).padStart(2, '0');
                        var dataFormatada = `${ano}-${mes}-${dia}`;

                        $('#data_devolucao').val(dataFormatada);
                    } else {
                        $('#data_devolucao').val('');
                    }
                });
            } 
        });


    
        $('#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;

            $('#tableItem tbody .valor_total').each(function() {
                var valorTotal = parseFloat($(this).text().replace(",", ".")) || 0;
                soma += valorTotal;
            });

            $('#valor_total_custo').val(formatarVlr(soma.toFixed(2)));
        }

       $('#addProduto').on('click', function() {
            if (validaAddProduto()) {
                let data_Devolucao = $('#data_devolucao').val();

                let qtde = parseFloat($('#quantidade').val().replace(',', '.'));
                let venda = parseFloat($('#valor_venda').val().replace(',', '.'));
                let custo = parseFloat($('#valor_custo').val().replace(',', '.'));

                let desconto = $('#desconto').val();
                let margem = $('#margem_lucro').val();

                if (qtde <= 0 || isNaN(qtde)) {
                    alert("A quantidade deve ser maior que zero!");
                    return;
                }
                if (venda <= 0 || isNaN(venda)) {
                    alert("O valor de venda deve ser maior que zero!");
                    return;
                }
                if (custo <= 0 || isNaN(custo)) {
                    alert("O valor de custo deve ser maior que zero!");
                    return;
                }

                let total = qtde * custo;
                let totalFormatado = total.toFixed(2).replace('.', ',');

                let novaLinha = `<tr>
                    <td>${$('#referencia').val()}</td>
                    <td>${$("#select_edicao option:selected").text()}</td>
                    <td class="descricao">${$("#select_produto option:selected").text()}</td>
                    <td><input type="number" class="form-control form-control-sm edit-qtde" value="${qtde}" min="1"></td>
                    <td><input type="text" class="form-control form-control-sm edit-venda" value="${venda.toFixed(2).replace('.', ',')}" min="0,01"></td>
                    <td><input type="text" class="form-control form-control-sm edit-custo" value="${custo.toFixed(2).replace('.', ',')}" min="0,01"></td>
                    <td class="valor_total">${totalFormatado}</td>
                    <td class="edit-devolucao">${data_Devolucao ? data_Devolucao : ''}</td>
                    <td><a class="deletarLinha btn btn-danger btn-sm"><i class="fa fa-trash"></i> Deletar</a></td>
                    <td style="display:none;">
                        <input type="hidden" class="edit-desconto" value="${desconto}">
                        <input type="hidden" class="edit-margem_lucro"  value="${margem}">
                    </td>
                </tr>`;

                $('#tableItem tbody').prepend(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'), $('#addProduto'));

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

            $('#select_produto').on('select2:select', function (e) {
                $('#addProduto').focus().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('input', '.edit-qtde, .edit-custo', function() {
            let linha = $(this).closest('tr');
            let qtde = parseFloat(linha.find('.edit-qtde').val().replace(",", ".")) || 0;
            let custo = parseFloat(linha.find('.edit-custo').val().replace(",", ".")) || 0;
            let total = qtde * custo;

            linha.find('.valor_total').text(formatarVlr(total.toFixed(2)));
            atualizarSomatorio();
        });

        $('#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();
        });

        function recalcularLinha(linha) {
            let qtde = parseFloat(linha.find('.edit-qtde').val().replace(",", ".")) || 0;
            let custo = parseFloat(linha.find('.edit-custo').val().replace(",", ".")) || 0;
            let total = qtde * custo;

            linha.find('.valor_total').text(formatarVlr(total.toFixed(2)));
            atualizarSomatorio();
        }

        $(document).on('input', '.edit-qtde, .edit-venda, .edit-custo', function () {
            let val = $(this).val();
            if (val === "") return;
            if (parseFloat(val) < 0) {
                $(this).val(1);
            }

            let linha = $(this).closest('tr');
            recalcularLinha(linha);
        });

        $(document).on('blur', '.edit-qtde, .edit-venda, .edit-custo', function () {
            let val = parseFloat($(this).val());
            if (isNaN(val) || val <= 0) {
                $(this).val(1);
            }

            let linha = $(this).closest('tr');
            recalcularLinha(linha);
        });

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

        function validaAddProduto() {

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

            if ($('#select_produto').val() === null || $('#select_produto').val() === '' || $('#select_produto').val() === '0') {
                Swal.fire({
                    title: 'Por favor, selecione um produto',
                    icon: 'warning',
                    confirmButtonText: 'OK',
                    allowEnterKey: true,
                    didOpen: () => {
                        Swal.getConfirmButton().focus();
                    },
                    didClose: () => {
                        $('#addProduto').focus();
                    }
                });
                return false;
            }

            if($('#quantidade').val() === null || $('#quantidade').val() === '' || $('#quantidade').val() === '0' || $('#quantidade').val() < '0'){
                Swal.fire({
                    title: 'Quantidade deve ser maior que 0 (zero)!',
                    icon: 'warning',
                    confirmButtonText: 'OK',
                    allowEnterKey: true,
                    didOpen: () => {
                        Swal.getConfirmButton().focus();
                    },
                    didClose: () => {
                        $('#addProduto').focus();
                    }
                });
                return false;
            }

            if ($('#valor_venda').val() === null || $('#valor_venda').val() === '' || parseFloat($('#valor_venda').val()) <= 0) {
                Swal.fire({
                    title: 'Valor de venda deve ser maior que 0 (zero)!',
                    icon: 'warning',
                    confirmButtonText: 'OK',
                    allowEnterKey: true,
                    didOpen: () => {
                        Swal.getConfirmButton().focus();
                    },
                    didClose: () => {
                        $('#addProduto').focus();
                    }
                });
                return false;
            }

            if ($('#valor_custo').val() === null || $('#valor_custo').val() === '' || parseFloat($('#valor_custo').val()) <= 0) {
                Swal.fire({
                    title: 'Valor de custo deve ser maior que 0 (zero)!',
                    icon: 'warning',
                    confirmButtonText: 'OK',
                    allowEnterKey: true,
                    didOpen: () => {
                        Swal.getConfirmButton().focus();
                    },
                    didClose: () => {
                        $('#addProduto').focus();
                    }
                });
                return false;
            }

            if ($('#valor_total').val() === null || $('#valor_total').val() === '' || parseFloat($('#valor_total').val()) <= 0) {
                Swal.fire({
                    title: 'Valor total deve ser maior que 0 (zero)!',
                    icon: 'warning',
                    confirmButtonText: 'OK',
                    allowEnterKey: true,
                    didOpen: () => {
                        Swal.getConfirmButton().focus();
                    },
                    didClose: () => {
                        $('#addProduto').focus();
                    }
                });
                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, '');
            valor = (valor / 100).toFixed(2); 
            valor = valor.replace('.', ',');
            valor = valor.replace(/\B(?=(\d{3})+(?!\d))/g, ".");
            input.value = valor;
        }

        $('#btnSalvar').on('click', function() {
            if (camposObrigatoriosPreenchidos()) {
                if (tabelaTemItem()) {

                    let documento = $('#documento').val();
                    let supplierId = $('#supplier_id').val();

                    $.ajax({
                        url: "{{ route('lancamentodeestoques.verificaDocumento') }}",
                        method: "POST",
                        data: {
                            documento: documento,
                            supplier_id: supplierId,
                            _token: "{{ csrf_token() }}",
                        },
                        success: function(response) {
                            if (response.exists) {
                                Swal.fire({
                                    title: 'Registro já existe!',
                                    text: 'Esse documento já foi lançado para este fornecedor. Deseja abrir o lançamento existente?',
                                    icon: 'warning',
                                    showCancelButton: true,
                                    confirmButtonText: 'Sim, abrir',
                                    cancelButtonText: 'Não, vou alterar o documento'
                                }).then((result) => {
                                    if (result.isConfirmed) {
                                        window.location.href = "/lancamentodeestoques/" + response.id + "/edit";
                                    } else {
                                        $('#documento').focus();
                                    }
                                });
                                return;
                            }

                            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');

                                    $('#tableItem tbody tr').each(function(index, row) {
                                        let qtdeInput = $(row).find('.edit-qtde');
                                        if (qtdeInput.length === 0) return;

                                        var referencia  = $(row).find('td:eq(0)').text();
                                        var edicao      = $(row).find('td:eq(1)').text();
                                        var descricao   = $(row).find('td:eq(2)').text();
                                        var quantidade   = parseFloat(qtdeInput.val().replace(',', '.'));
                                        var valor_venda  = parseFloat($(row).find('.edit-venda').val().replace(',', '.'));
                                        var valor_custo  = parseFloat($(row).find('.edit-custo').val().replace(',', '.'));
                                        var valor_total  = parseFloat($(row).find('.valor_total').text().replace(',', '.'));
                                        var data_devolucao = $(row).find('.edit-devolucao').val();
                                        var desconto      = $(row).find('.edit-desconto').val().replace(',', '.');
                                        var margem_lucro  = $(row).find('.edit-margem_lucro').val().replace(',', '.');

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

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

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

                                    $('#btnSalvar').off('click');
                                    form.submit();
                                }
                            });
                        },
                        error: function() {
                            Swal.fire({
                                icon: 'error',
                                title: 'Erro',
                                text: 'Não foi possível verificar o documento. Tente novamente.'
                            });
                        }
                    });

                } else {
                    Swal.fire({
                        icon: 'error',
                        title: 'Erro',
                        text: 'A tabela de itens precisa ter pelo menos um item preenchido.',
                    });
                }
            } else {
                Swal.fire({
                    title: 'Erro',
                    text: 'Por favor, preencha todos os campos obrigatórios.',
                    icon: 'error',
                    confirmButtonColor: '#3085d6',
                    confirmButtonText: 'OK'
                });
            }
        });



        function tabelaTemItem() {
            return $('#tableItem tbody tr:gt(0)').length > 0;
        }

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

            campos.each(function() {
                if ($(this).is('select') && $(this).hasClass('select2-hidden-accessible')) {
                    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 {
                    if (!$(this).val().trim()) {
                        Preenchidos = false;
                        $(this).addClass('campo-obrigatorio-faltando');
                    } else {
                        $(this).removeClass('campo-obrigatorio-faltando');
                    }
                }
            });

            return Preenchidos;
        }

        $(document).ready(function() {
            $('input[required], select[required], textarea[required]').on('input change', function() {
                if ($(this).is('select') && $(this).hasClass('select2-hidden-accessible')) {
                    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');
                    }
                }
            });
        });
        setTimeout(() => {
            document.querySelectorAll('.auto-dismiss').forEach(el => {
                el.style.transition = 'opacity 0.5s ease';
                el.style.opacity = '0';
                setTimeout(() => el.remove(), 500); 
            });
        }, 3000);

        function atualizarCustoELucro() {
            let venda = parseFloat($('#valor_venda').val().replace(',', '.')) || 0;
            let custo = parseFloat($('#valor_custo').val().replace(',', '.')) || 0;
            let desconto = parseFloat($('#desconto').val().replace(',', '.')) || 0;
            let margem = parseFloat($('#margem_lucro').val().replace(',', '.')) || 0;
            let qtde = parseFloat($('#quantidade').val().replace(',', '.')) || 1;

            if (desconto > 0) {
                custo = venda * (1 - desconto / 100);
                $('#valor_custo').val(custo.toFixed(2).replace('.', ','));
            }

            if (margem > 0) {
                custo = venda * (1 + margem / 100);
                $('#valor_custo').val(custo.toFixed(2).replace('.', ','));
            }

            let total = qtde * custo;
            $('#valor_total').val(total.toFixed(2).replace('.', ','));
        }

        $('#desconto, #margem_lucro, #valor_venda, #valor_custo, #quantidade').on('input', atualizarCustoELucro);


        function calcularLinha($linha, campoEditado) {
            let venda = parseFloat($linha.find('.edit-venda').val().replace(',', '.'));
            let custo = parseFloat($linha.find('.edit-custo').val().replace(',', '.'));
            let qtde = parseFloat($linha.find('.edit-qtde').val().replace(',', '.')) || 1;

            let desconto = parseFloat($('#desconto').val().replace(',', '.')) || 0;
            let margem = parseFloat($('#margem_lucro').val().replace(',', '.')) || 0;

            if (campoEditado === "venda" && !isNaN(venda)) {
                if (desconto > 0) {
                    custo = venda * (1 - desconto / 100);
                } else {
                    custo = venda;
                }

                if (margem > 0) {
                    custo = venda * (1 + margem / 100);
                }

                if (!isNaN(custo)) {
                    $linha.find('.edit-custo').val(custo.toFixed(2).replace('.', ','));
                }
            }

            if (!isNaN(qtde) && !isNaN(custo)) {
                $linha.find('.valor_total').text((qtde * custo).toFixed(2).replace('.', ','));
            }
        }

        $(document).on('input', '.edit-venda', function () {
            calcularLinha($(this).closest('tr'), "venda");
            atualizarSomatorio();
        });

        $(document).on('input', '.edit-custo', function () {
            calcularLinha($(this).closest('tr'), "custo");
            atualizarSomatorio();
        });

        function verificarDocumentoFornecedor() {
                let documento = $('#documento').val();
                let supplierId = $('#supplier_id').val();

                if (documento && supplierId) {
                    $.ajax({
                        url: "{{ route('lancamentodeestoques.verificaDocumento') }}",
                        type: "POST",
                        data: {
                            documento: documento,
                            supplier_id: supplierId,
                            _token: "{{ csrf_token() }}"
                        },
                        success: function (response) {
                            if (response.exists) {
                                window.location.href = "/lancamentodeestoques/" + response.id + "/edit";
                            }
                        },
                        error: function () {
                        }
                    });
                }
            }

        $(document).ready(function () {
            $('#documento').on('blur', verificarDocumentoFornecedor);
            $('#codigo_supplier').on('blur', verificarDocumentoFornecedor);
            $('#supplier_id').on('change', verificarDocumentoFornecedor);
        });


    </script>
@stop