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

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

        @if (is_array($data))
            @foreach ($data as $msg)
                <div class="alert alert-success auto-dismiss" role="alert">
                    <i class="fa fa-check"></i>
                    {{ $msg }}
                </div>
            @endforeach
        @else
            <div class="alert alert-success auto-dismiss" role="alert">
                <i class="fa fa-check"></i>
                {{ $data }}
            </div>
        @endif
    @endif

    @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.update', $lancamentos->id) }}">
                @method('PATCH')
                @csrf
                <div class="card">
                    <div class="card-header">
                        <div class="row">
                            <div class="col-md-8 col-8">
                                <h4>{{ __('Lançamento do Estoque') }}</h4>
                            </div>
                            <div class="col-md-4 d-flex align-items-end justify-content-end mt-1">
                                <a href="{{ route('lancamentodeestoques.gerarpdf', $lancamentos->id) }}" class="btn btn-secondary" target="_blank">
                                    <i class="fas fa-print"></i>
                                </a>
                                <button type="button" id="btnSalvar" title="Salvar" class="btn btn-success ms-2 ml-1">
                                    <i class="fa fa-save"></i>
                                </button>
                                <button type="button" class="btn btn-danger ms-2 ml-1" data-toggle="modal" data-target="#ModalDelete">
                                    <i class="fa fa-trash"></i>
                                </button>
                             </div>
                        </div>
                    </div>
                    <div class="card-body">
                        <div class="row align-items-end">
                            <div class="col-md-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') }}"  autocomplete="movimento_id" autofocus>
                                    <option value="0" @if($lancamentos->movimento_id == '0') selected @endif >Entrada por Compra</option>
                                    <option value="1" @if($lancamentos->movimento_id == '1') selected @endif>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 ms-2" name="codigo_supplier" value="{{ old('codigo_supplier', $fornecedor->codigo ?? '') }}" required autocomplete="codigo_supplier" autofocus>
                                       
                                    <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-6">
                                <select id="supplier_id" class="custom-select @error('supplier_id') is-invalid @enderror" name="supplier_id" autocomplete="supplier_id" autofocus >
                                    @foreach($fornecedores as $fornecedor)
                                        <option value="{{ $fornecedor->id }}" {{ $lancamentos->supplier_id == $fornecedor->id ? 'selected' : '' }}>
                                            {{ $fornecedor->razao_social_nome }}
                                        </option>
                                    @endforeach
                                </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="{{ $lancamentos->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="{{ $lancamentos->data_documento }}" 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="{{ number_format($lancamentos->desconto, 2, ',', '.') }}" 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="{{ number_format($lancamentos->margem_lucro, 2, ',', '.') }}" 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="{{ $lancamentos->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">
                                @if($lancamentos->movimento_id == '0')
                                
                                @elseif($lancamentos->movimento_id == '1')
                                <div class="col-md-2">
                                    <label for="dias_devolucao" class="col-form-label text-md-end">{{ __('Dias Devol.') }}</label>
                                    <input id="dias_devolucao" type="number" class="form-control" name="dias_devolucao" value="{{ $lancamentos->dias_devolucao }}" autocomplete="dias_devolucao" autofocus>
                                </div>
                                <div class="col-md-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="{{ $lancamentos->data_devolucao }}" autocomplete="data_devolucao" autofocus>
                                </div>
                                @endif
                            </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. de Devolução</th>
                                                <th scope="col">Ação</th>
                                            </tr>
                                        </thead>
                                        <tbody>
                                            @if(count($itemEstoque) == 0 )
                                                <tr>
                                                    <td></td>
                                                    <td></td>
                                                    <td></td>
                                                    <td></td>
                                                    <td></td>
                                                    <td></td>
                                                    <td></td>
                                                    <td></td>
                                                    <td></td>
                                                </tr>
                                            @else
                                            <tr style="display: none;">
                                                <td></td>
                                                <td></td>
                                                <td></td>
                                                <td></td>
                                                <td></td>
                                                <td></td>
                                                <td></td>
                                                <td></td>
                                                <td></td>
                                            </tr>
                                            @foreach($itemEstoque as $itensEstoque)
                                                <tr>
                                                    @foreach($produtos as $produto)
                                                        @if($produto->id == $itensEstoque->product_id)
                                                            <td scope="row">{{ $produto->referencia_produto }}</td>
                                                            <td>{{ !empty($itensEstoque->edicao) ? $itensEstoque->edicao : 'S/E' }}</td>
                                                            <td class="descricao">{{ $produto->nome_produto }}</td>
                                                        @endif
                                                    @endforeach
                                                    <td><input type="text" class="form-control form-control-sm edit-qtde" value="{{ number_format($itensEstoque->quantidade, 2, ',', '.') }}" min="1"></td>
                                                    <td><input type="text" class="form-control form-control-sm edit-venda" value="{{ number_format($itensEstoque->valor_venda, 2, ',', '') }}"></td>
                                                    <td><input type="text" class="form-control form-control-sm edit-custo" value="{{ number_format($itensEstoque->valor_custo, 2, ',', '.') }}"></td>
                                                    <td class="valor_total">{{ number_format($itensEstoque->total_custo, 2, ',', '.') }}</td>
                                                    <td class="edit-devolucao">{{ $itensEstoque->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="{{ $itensEstoque->desconto ?? 0 }}"><input type="hidden" class="edit-margem_lucro" value="{{ $itensEstoque->margem ?? 0 }}"></td>
                                                </tr>
                                                @endforeach
                                            @endif
                                        </tbody>
                                    </table>
                                    </div>
                                    <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="{{ number_format($lancamentos->valor_total, 2, ',', '.') }}" autocomplete="valor_total_custo" autofocus readonly>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </form>
        </div>
    </div>
   
    <form method="POST" action="{{ route('lancamentodeestoques.destroy', $lancamentos->id) }}">
        @method('delete')
        @csrf
        <div class="modal fade" id="ModalDelete" tabindex="-1" aria-labelledby="DeleteModalLabel" aria-hidden="true">
            <div class="modal-dialog modal-dialog-centered">
                <div class="modal-content">
                    <div class="modal-header">
                        <h5 class="modal-title" id="DeleteModalLabel">Deletar Registro</h5>
                        <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                            <span aria-hidden="true">&times;</span>
                        </button>
                    </div>
                    <div class="modal-body">
                        Deseja Realmente Excluir este Registro?
                    </div>
                    <div class="modal-footer">
                        <button type="button" class="btn btn-secondary" data-dismiss="modal">Cancelar</button>
                        <button type="submit" class="btn btn-danger">Excluir</button>
                    </div>
                </div>
            </div>
        </div>
    </form>

    <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);
                                });
                            }
                        },
                        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);
                            });
                        }
                    },
                    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);
                                });
                            }
                        },
                        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>`);
                            });
                        }
                    },
                    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 Devolução') }}</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-4 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();

            $('#tableParcelas tbody').empty();

            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() {
            let soma = 0;
            $('#tableItem tbody .valor_total').each(function () {
                let texto = $(this).text().replace(",", ".");
                soma += parseFloat(texto) || 0;
            });
            $('#valor_total_custo').val(formatarVlr(soma));
        }


        $('#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);
            produtoSelect.add(placeholderOption);
            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()) {
                    Swal.fire({
                        title: 'Confirmação',
                        text: 'Deseja realmente editar 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();
                        }
                    });
                } 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();
        });

    </script>
@stop