@extends('adminlte::page')
@section('title', 'Consiginação - Baixa em 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
    <form id="formEnvioDados" method="POST" action="{{ route('consignacoes.store') }}">
        @method('POST')
        @csrf
        <div class="row">
            <div class="col-md-12">
                <x-adminlte-alert theme="info" title="Info" id="alertInformacao" style="display: none;">
                </x-adminlte-alert>
                <div class="card">
                    <div class="card-header">
                        <div class="row">
                            <div class="col-md-8 col-8">
                                <h4>Consiginação - baixa de estoque</h4>
                            </div>
                            <div class="col-md-4 col-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 mb-3">
                            <div class="col-md-12 col-12 col-sm-12">
                                <label for="supplier_id" class="col-form-label text-md-end">{{ __('Fornecedor') }}</label>
                            </div>
                            <div class="col-md-2 col-12 col-sm-12">
                                <div class="d-flex">
                                    <input id="codigo_supplier" type="text" class="form-control @error('codigo_supplier') is-invalid @enderror ms-2" name="codigo_supplier" value="{{ old('codigo_supplier')}}" required autocomplete="codigo_supplier" autofocus>
                                    <button class="btn btn-primary mb-1" id="btnConsulta_supplier" type="button" style="border-radius: 0rem;">
                                        <i class="fa fa-search" aria-hidden="true"></i>
                                    </button>
                                </div>
                            </div>
                            <div class="col-md-10 col-12 col-sm-12">
                                <select id="supplier_id" type="text" class="custom-select @error('supplier_id') is-invalid @enderror" name="supplier_id" value="{{ old('supplier_id') }}" required autocomplete="supplier_id" autofocus>
                                </select>
                            </div>
                        </div>
                        <div class="row">
                            <div class="col-md-12 col-12">
                                <h6>
                                    Acertos
                                </h6>
                            </div>
                        </div>
                        <div class="row mb-3">
                            <div class="col-md-4">
                                <div class="custom-control custom-radio">
                                    <input type="radio" class="custom-control-input" id="Total_entrada" name="tipo_entrada">
                                    <label class="custom-control-label" for="Total_entrada">
                                        Total
                                    </label>
                                </div>
                            </div>
                            <div class="col-md-4">
                                <div class="custom-control custom-radio">
                                    <input type="radio" class="custom-control-input" id="ultima_entrada" name="tipo_entrada" checked>
                                    <label class="custom-control-label" for="ultima_entrada">
                                        Última Entrada
                                    </label>
                                </div>
                            </div>
                            <div class="col-md-4">
                                <div class="custom-control custom-radio">
                                    <input type="radio" class="custom-control-input" id="Parcial_entrada" name="tipo_entrada">
                                    <label class="custom-control-label" for="Parcial_entrada">
                                        Parcial
                                    </label>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="card">
                    <div class="card-body">
                        <div class="row mb-3">
                            <div class="col-md-3 col-12 col-sm-3">
                                <label for="referencia" class="col-form-label text-md-end">{{ __('Ref./Cod. barra') }}</label>
                                <input id="referencia" type="text" class="form-control @error('referencia') is-invalid @enderror" name="referencia" value="{{ old('referencia') }}" autocomplete="referencia" autofocus>
                            </div>
                            <div class="col-md-4 col-12 col-sm-9">
                                <label for="select_produto" class="col-form-label text-md-end">{{ __('Produto') }}</label>
                                <select id="select_produto" type="text" class="custom-select @error('select_produto') is-invalid @enderror" name="select_produto" value="{{ old('select_produto') }}" autocomplete="select_produto" autofocus>
                                </select>
                            </div>
                            <div class="col-md-3 col-12 col-sm-3">
                                <label for="edicao" class="col-form-label text-md-end">{{ __('Edição') }}</label>
                                <select id="edicao" type="text" class="custom-select @error('edicao') is-invalid @enderror" name="edicao" value="{{ old('edicao') }}" autocomplete="edicao" autofocus>
                                </select>
                            </div>
                            <div class="col-md-2 col-12 col-sm-3">
                                <label>&nbsp;</label>
                                <div class="d-flex align-items-end mt-1">
                                    <button type="button" class="btn btn-primary" data-toggle="modal" data-target="#BaixaDelete">
                                     {{ __('Baixa') }}
                                    </button>
                                </div>
                            </div>
                        </div>
                        
                        <div class="d-flex flex-row flex-nowrap align-items-end gap-2 mobile-stack" style="overflow-x: auto; font-size: 0.85rem;">
                            <div class="d-flex flex-column">
                                <label for="qtde_recebida">{{ __('Recebida') }}</label>
                                <input id="qtde_recebida" type="text" name="qtde_recebida" class="form-control form-control-sm" disabled>
                            </div>
                            <div class="d-flex flex-column ml-1">
                                <label for="ult_entrada">{{ __('Últ. Entr.') }}</label>
                                <input id="ult_entrada" type="text" name="ult_entrada" class="form-control form-control-sm" disabled>
                            </div>
                            <div class="d-flex flex-column ml-1">
                                <label for="quantidade">{{ __('Estoque') }}</label>
                                <input id="quantidade" type="text" name="quantidade" class="form-control form-control-sm" disabled>
                            </div>
                            <div class="d-flex flex-column ml-1">
                                <label for="reparte">{{ __('Reparte') }}</label>
                                <input id="reparte" type="text" class="form-control form-control-sm">
                            </div>
                            <div class="d-flex flex-column ml-1">
                                <label for="encalhe">{{ __('Encalhe') }}</label>
                                <input id="encalhe" type="text" class="form-control form-control-sm">
                            </div>
                            <div class="d-flex flex-column ml-1">
                                <label for="deixada">{{ __('Deixada') }}</label>
                                <input id="deixada" type="text" class="form-control form-control-sm">
                            </div>
                            <div class="d-flex flex-column ml-1">
                                <label for="perda">{{ __('Perda') }}</label>
                                <input id="perda" type="text" class="form-control form-control-sm">
                            </div>
                            <div class="d-flex flex-column ml-1">
                                <label for="valor_custo">{{ __('Vlr. Custo') }}</label>
                                <input id="valor_custo" type="text" class="form-control form-control-sm">
                            </div>
                            <div class="d-flex flex-column ml-1">
                                <label>&nbsp;</label>
                                <button type="button" class="btn btn-primary btn-sm" id="addProduto">Adicionar</button>
                            </div>
                        </div>
                        <div class="row mt-2">
                            <div class="col-md-12 col-12">
                                <div class="card table-responsive-sm overflow-auto">
                                    <table class="table table-bordered" id="tableItem">
                                        <thead>
                                            <tr>
                                                <th scope="col">Item</th>
                                                <th scope="col">Produto</th>
                                                <th scope="col">Edição</th>
                                                <th scope="col">Rec.</th>
                                                <th scope="col">Ult. entrada</th>
                                                <th scope="col">Estoque</th>
                                                <th scope="col">Reparte</th>
                                                <th scope="col">Encalhe</th>
                                                <th scope="col">Deixada</th>
                                                <th scope="col">Perdas</th>
                                                <th scope="col">Vlr. Custo</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>
                                                <td></td>
                                                <td></td>
                                                <td></td>
                                            </tr>
                                        </tbody>
                                    </table>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        
        <div class="modal fade" id="BaixaDelete" tabindex="-1" aria-labelledby="BaixaModalLabel" aria-hidden="true" style="z-index: 9999;">
            <div class="modal-dialog modal-lg">
                <div class="modal-content">
                    <div class="modal-header">
                        <h5 class="modal-title" id="DeleteModalLabel">Baixa Registro</h5>
                        <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                            <span aria-hidden="true">&times;</span>
                        </button>
                    </div>
                    <div class="row">
                        <div class="col-md-12">
                            <div class="modal-body text-center">
                                <label class="modal-title" id="ModalLabel">Valores</label>
                                <hr>
                                <div class="row mb-3">
                                    <div class="col-md-6 col-12 col-sm-3">
                                        <label for="valor_total_reparte" class="col-form-label text-md-end">{{ __('Valor Reparte') }}</label>
                                        <input id="valor_total_reparte" type="text" class="form-control" name="valor_total_reparte" value="0,00" readonly>
                                    </div>
                                    <div class="col-md-6 col-12 col-sm-3">
                                        <label for="valor_total_encalhe" class="col-form-label text-md-end">{{ __('Valor Encalhe') }}</label>
                                        <input id="valor_total_encalhe" type="text" class="form-control" name="valor_total_encalhe" value="0,00" readonly>
                                    </div>
                                </div>
                                <div class="row mb-3">
                                    <div class="col-md-6 col-12 col-sm-3">
                                        <label for="valor_total_perda" class="col-form-label text-md-end">{{ __('Valor Perdas') }}</label>
                                        <input id="valor_total_perda" type="text" class="form-control" name="valor_total_perda" value="0,00" readonly>
                                    </div>
                                    <div class="col-md-6 col-12 col-sm-3">
                                        <label for="valor_total_deixada" class="col-form-label text-md-end">{{ __('Valor Deixado') }}</label>
                                        <input id="valor_total_deixada" type="text" class="form-control" name="valor_total_deixada" value="0,00" readonly>
                                    </div>
                                </div>
                                <div class="row mb-3">
                                    <div class="col-md-6 col-12 col-sm-3">
                                        <label for="valor_total_pagar" class="col-form-label text-md-end">{{ __('Valor a Pagar') }}</label>
                                        <input id="valor_total_pagar" type="text" class="form-control" name="valor_total_pagar" value="0,00" readonly>
                                    </div>
                                </div>   
                            </div>
                        </div>
                    </div>
                    <div class="modal-footer">
                        <button type="button" class="btn btn-secondary" data-dismiss="modal">Cancelar</button>
                    </div>
                </div>
            </div>
        </div>       
    </form>
    
    
    <div class="modal" id="modalProcessando" tabindex="-1" role="dialog" aria-labelledby="modalProcessandoLabel" aria-hidden="true">
        <div class="modal-dialog modal-sm modal-dialog-centered">
            <div class="modal-content">
                <div class="modal-header">
                    <h4 class="modal-title">
                        <span class="glyphicon glyphicon-time">
                        </span>&nbsp;Processando...
                    </h4>
                </div>
                <div class="modal-body">
                    <div class="progress">
                        <div class="progress-bar progress-bar-info progress-bar-striped active" style="width: 100%">
                        </div>
                    </div>
                </div>
            </div>
        </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;
        }

        .swal2-container {
            z-index: 10000 !important;
        }

        @media (max-width: 768px) {
            .mobile-stack {
                flex-direction: column !important;
            }
            .mobile-stack .ml-1,
            .mobile-stack .ml-2,
            .mobile-stack .ml-3,
            .mobile-stack .ml-4,
            .mobile-stack .ml-5 {
                margin-left: 0 !important;
            }
            .mobile-stack .d-flex.flex-column {
                width: 100%; 
                margin-top: 10px;
            }
        }
    </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?q=',
                        type: 'GET',
                        dataType: 'json',
                        success: function (data) {
                            $('#supplier_id').empty();

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

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

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

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

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

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

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

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

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

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

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

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

                            edicoes.forEach(function (edicao) {
                                $('#edicao').append(new Option(edicao.edicao, edicao.id));
                            });
                        } else {
                            $('#edicao').append(new Option('S/E', ''));
                        }

                      
                        var produto = data.results[0];
                        if (produto) {
                            $('#quantidade').val(produto.quantidade_estoque);
                            $('#qtde_recebida').val(produto.entrada_total);
                            $('#ult_entrada').val(produto.ultima_entrada);
                            $('#reparte').val('0');
                            $('#deixada').val('0');
                            $('#perda').val('0');
                            $('#encalhe').val('0');
                            $('#valor_custo').val(formatarVlr(produto.vlr_custo.toFixed(2)));

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

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

                            var valor_custo = parseFloat($('#valor_custo').val().replace(",", ".")) || 0;

                            if ($('#Total_entrada').is(':checked')) {
                                $('#reparte').val(produto.entrada_total);
                            }

                            $('#Total_entrada').off('change').on('change', function() {
                                var qtdeRecebidaInput = document.getElementById('qtde_recebida');
                                var reparteInput = document.getElementById('reparte');

                                if (this.checked) {
                                    reparteInput.value = qtdeRecebidaInput.value;
                                    $('#deixada').val('0');
                                } else {
                                    reparteInput.value = '';
                                }
                            });

                            $('#qtde_recebida').off('input').on('input', function() {
                                var TotalEntradaCheckbox = document.getElementById('Total_entrada');
                                var reparteInput = document.getElementById('reparte');

                                if (TotalEntradaCheckbox.checked) {
                                    reparteInput.value = this.value;
                                }
                            });
                                
                            if ($('#ultima_entrada').is(':checked')) {
                                $('#reparte').val(produto.ultima_entrada);
                            }

                            $('#ultima_entrada').off('change').on('change', function() {
                                var UltEntradaInput = document.getElementById('ult_entrada');
                                var reparteInput = document.getElementById('reparte');

                                if (this.checked) {
                                    reparteInput.value = UltEntradaInput.value;
                                    $('#deixada').val('0');
                                } else {
                                    reparteInput.value = '';
                                }
                            });

                            $('#ult_entrada').off('input').on('input', function() {
                                var UltimaentradaCheckbox = document.getElementById('ultima_entrada');
                                var reparteInput = document.getElementById('reparte');

                                if (UltimaentradaCheckbox.checked) {
                                    reparteInput.value = this.value;
                                }
                            });

                            if ($('#Parcial_entrada').is(':checked')) {
                                $('#reparte').val(produto.quantidade_estoque);
                            }

                            $('#Parcial_entrada').off('change').on('change', function() {
                                var ParcialInput = document.getElementById('quantidade');
                                var reparteInput = document.getElementById('reparte');

                                if (this.checked) {
                                    reparteInput.value = ParcialInput.value;
                                    $('#deixada').val('0');
                                } else {
                                    reparteInput.value = '';
                                }
                            });

                            $('#Parcial_entrada').off('input').on('input', function() {
                                var ParcialCheckbox = document.getElementById('Parcial_entrada');
                                var reparteInput = document.getElementById('reparte');

                                if (ParcialCheckbox.checked) {
                                    reparteInput.value = this.value;
                                }
                            });
                        }
                    }
                });
            });
     
            $('#referencia').on('change', function() {
                var codigo = $(this).val();
                var codigo_supplier = $('#codigo_supplier').val();

                $.ajax({
                    url: '/buscar-codproduct',
                    data: {

                        referencia: codigo,
                        codigo_supplier: codigo_supplier

                    },
                    success: function(data) {
                            
                        var produto = data.results[0];
                        if (produto) {
                            var novaOpcao = new Option(produto.nome, produto.id, true, true);
                            $('#select_produto').append(novaOpcao).trigger('change');
                            $('#quantidade').val(produto.quantidade_estoque);
                            $('#qtde_recebida').val(produto.entrada_total);
                            $('#ult_entrada').val(produto.ultima_entrada);
                            $('#reparte').val('0');
                            $('#deixada').val('0');
                            $('#perda').val('0');
                            $('#encalhe').val('0');
                            $('#valor_custo').val(formatarVlr(produto.vlr_custo.toFixed(2)));

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

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

                            var valor_custo = parseFloat($('#valor_custo').val().replace(",", ".")) || 0;

                            if ($('#Total_entrada').is(':checked')) {
                                $('#reparte').val(produto.entrada_total);
                            }

                            $('#Total_entrada').off('change').on('change', function() {
                                var qtdeRecebidaInput = document.getElementById('qtde_recebida');
                                var reparteInput = document.getElementById('reparte');

                                if (this.checked) {
                                    reparteInput.value = qtdeRecebidaInput.value;
                                    $('#deixada').val('0');
                                } else {
                                    reparteInput.value = '';
                                }
                            });

                            $('#qtde_recebida').off('input').on('input', function() {
                                var TotalEntradaCheckbox = document.getElementById('Total_entrada');
                                var reparteInput = document.getElementById('reparte');

                                if (TotalEntradaCheckbox.checked) {
                                    reparteInput.value = this.value;
                                }
                            });
                            
                            if ($('#ultima_entrada').is(':checked')) {
                                $('#reparte').val(produto.ultima_entrada);
                            }

                            $('#ultima_entrada').off('change').on('change', function() {
                                var UltEntradaInput = document.getElementById('ult_entrada');
                                var reparteInput = document.getElementById('reparte');

                                if (this.checked) {
                                    reparteInput.value = UltEntradaInput.value;
                                    $('#deixada').val('0');
                                } else {
                                    reparteInput.value = '';
                                }
                            });

                            $('#ult_entrada').off('input').on('input', function() {
                                var UltimaentradaCheckbox = document.getElementById('ultima_entrada');
                                var reparteInput = document.getElementById('reparte');

                                if (UltimaentradaCheckbox.checked) {
                                    reparteInput.value = this.value;
                                }
                            });
                            if ($('#Parcial_entrada').is(':checked')) {
                                $('#reparte').val(produto.quantidade_estoque);
                            }

                            $('#Parcial_entrada').off('change').on('change', function() {
                                var ParcialInput = document.getElementById('quantidade');
                                var reparteInput = document.getElementById('reparte');

                                if (this.checked) {
                                    reparteInput.value = ParcialInput.value;
                                    $('#deixada').val('0');
                                } else {
                                    reparteInput.value = '';
                                }
                            });

                            $('#Parcial_entrada').off('input').on('input', function() {
                                var ParcialCheckbox = document.getElementById('Parcial_entrada');
                                var reparteInput = document.getElementById('reparte');

                                if (ParcialCheckbox.checked) {
                                    reparteInput.value = this.value;
                                }
                            });
                        }
                    }
                });
            });
        });

        $(document).ready(function() {
            $('#reparte').on('input', function() {
                var reparteValue = parseFloat($(this).val());
                if (reparteValue === 0) {
                    $('#encalhe').val('0');
                }
            });
        });
    
        $(document).on('select2:open', (e) => {
            const selectId = e.target.id;
            $(".select2-search__field[aria-controls='select2-" + selectId + "-results']").each(function (key, value) {
                value.focus();
            });
        })
        
        function normalizarNumero(valor) {
            if (!valor) return 0;
            return parseFloat(valor.replace(/\./g, '').replace(',', '.')) || 0;
        }

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

        document.addEventListener("DOMContentLoaded", function() {
            var valorTotalReparteInput = document.getElementById('valor_total_reparte');
            var valorTotalEncalheInput = document.getElementById('valor_total_encalhe');
            var valorTotalPerdaInput = document.getElementById('valor_total_perda');
            var valorTotalPagarInput = document.getElementById('valor_total_pagar');
            var valorTotalDeixadaInput = document.getElementById('valor_total_deixada');

            if (valorTotalEncalheInput && valorTotalEncalheInput.value !== '') {
                if (valorTotalReparteInput) {
                    valorTotalReparteInput.value = valorTotalEncalheInput.value;
                }
                if (valorTotalPerdaInput) {
                    valorTotalPerdaInput.value = valorTotalEncalheInput.value;
                }
                if (valorTotalPagarInput) {
                    valorTotalPagarInput.value = valorTotalEncalheInput.value;
                }
                if (valorTotalDeixadaInput) {
                    valorTotalDeixadaInput.value = valorTotalEncalheInput.value;
                }
            }
        });

        
        document.addEventListener("DOMContentLoaded", function () {
            const reparte = document.getElementById("reparte");
            const encalhe = document.getElementById("encalhe");


            encalhe.addEventListener("input", function () {
                let encalheVal = parseFloat(encalhe.value.replace(',', '.')) || 0;
                let reparteVal = parseFloat(reparte.value.replace(',', '.')) || 0;

                if (encalheVal > reparteVal) {
                    encalhe.value = reparte.value;
                }
            });

            reparte.addEventListener("input", function () {
                let reparteVal = parseFloat(reparte.value.replace(',', '.')) || 0;
                let encalheVal = parseFloat(encalhe.value.replace(',', '.')) || 0;

                if (encalheVal > reparteVal) {
                    encalhe.value = reparte.value;
                }
            });

            document.addEventListener("input", function (e) {
                if (e.target.classList.contains('edit-encalhe')) {
                    const row = e.target.closest('tr');
                    const reparteInput = row.querySelector('.edit-reparte');
                    const encalheInput = e.target;

                    let encalheVal = parseFloat(encalheInput.value.replace(',', '.')) || 0;
                    let reparteVal = parseFloat(reparteInput.value.replace(',', '.')) || 0;

                    if (encalheVal > reparteVal) {
                        encalheInput.value = reparteInput.value;
                    }
                }

                if (e.target.classList.contains('edit-reparte')) {
                    const row = e.target.closest('tr');
                    const reparteInput = e.target;
                    const encalheInput = row.querySelector('.edit-encalhe');

                    let encalheVal = parseFloat(encalheInput.value.replace(',', '.')) || 0;
                    let reparteVal = parseFloat(reparteInput.value.replace(',', '.')) || 0;

                    if (encalheVal > reparteVal) {
                        encalheInput.value = reparteInput.value;
                    }
                }
            });
        });

        document.addEventListener("DOMContentLoaded", function () {

            const inputs = document.querySelectorAll("#qtde_recebida, #ult_entrada, #quantidade, #reparte, #encalhe, #deixada, #perda, #valor_custo");

            const ultEntrada = document.getElementById("ult_entrada");
            const reparte = document.getElementById("reparte");

            inputs.forEach(input => {
                input.addEventListener("blur", function () {
                    if (this.value.trim() === "") {
                        this.value = 0;

                        if (this.id === "ult_entrada") {
                            reparte.value = 0;
                        }
                    }
                });

                input.addEventListener("input", function () {
                    this.value = this.value.replace(/[^0-9.,]/g, '');
                });
            });

            ultEntrada.addEventListener("input", function () {
                if (this.value.trim() === "") {
                    reparte.value = "";
                } else if (this.value === "0") {
                    reparte.value = "0";
                }
            });
            document.addEventListener("blur", function (e) {
                if (e.target.matches('.edit-qtde_recebida, .edit-ult_entrada, .edit-quantidade, .edit-reparte, .edit-encalhe, .edit-deixada, .edit-perda, .edit-valor_custo')) {
                    if (e.target.value.trim() === "") {
                        e.target.value = 0;

                        if (e.target.classList.contains('edit-ult_entrada')) {
                            const row = e.target.closest('tr');
                            const reparteInput = row.querySelector('.edit-reparte');
                            if (reparteInput) reparteInput.value = 0;
                        }
                    }
                }
            }, true);
            document.addEventListener("input", function (e) {
                if (e.target.classList.contains('edit-ult_entrada')) {
                    const row = e.target.closest('tr');
                    const reparteInput = row.querySelector('.edit-reparte');

                    if (e.target.value.trim() === "") {
                        reparteInput.value = "";
                    } else if (e.target.value === "0") {
                        reparteInput.value = "0";
                    }
                }

                if (e.target.matches('.edit-qtde_recebida, .edit-ult_entrada, .edit-quantidade, .edit-reparte, .edit-encalhe, .edit-deixada, .edit-perda, .edit-valor_custo')) {
                    e.target.value = e.target.value.replace(/[^0-9.,]/g, '');
                }
            });
        });




       

        $('#addProduto').on('click', function() {

            if (validaAddProduto()) {
                let referencia = $('#referencia').val();
                let produto = $("#select_produto option:selected").text();
                let edicao = $("#edicao option:selected").text();
                let recebida = $('#qtde_recebida').val();
                let ult_entrada = $('#ult_entrada').val();
                let estoque = $('#quantidade').val();
                let reparte = $('#reparte').val();
                let encalhe = $('#encalhe').val();
                let deixada = $('#deixada').val();
                let perda = $('#perda').val();
                let valor_custo = $('#valor_custo').val();

                let novaLinha = `
                <tr 
                    data-recebida="${recebida}"
                    data-ult_entrada="${ult_entrada}"
                    data-estoque="${estoque}"
                >
                    <td>${referencia}</td>
                    <td class="descricao">${produto}</td>
                    <td class="edicao">${edicao}</td>
                    <td><input type="text" class="form-control form-control-sm edit-qtde_recebida" value="${recebida}" disabled oninput="this.value = this.value.replace(/[^0-9,]/g,'')"></td>
                    <td><input type="text" class="form-control form-control-sm edit-ult_entrada" value="${ult_entrada}" disabled></td>
                    <td><input type="text" class="form-control form-control-sm edit-quantidade" value="${estoque}" disabled oninput="this.value = this.value.replace(/[^0-9,]/g,'')"></td>
                    <td><input type="text" class="form-control form-control-sm edit-reparte" value="${reparte}" oninput="this.value = this.value.replace(/[^0-9,]/g,'')"></td>
                    <td><input type="text" class="form-control form-control-sm edit-encalhe" value="${encalhe}" oninput="this.value = this.value.replace(/[^0-9,]/g,'')"></td>
                    <td><input type="text" class="form-control form-control-sm edit-deixada" value="${deixada}" oninput="this.value = this.value.replace(/[^0-9,]/g,'')"></td>
                    <td><input type="text" class="form-control form-control-sm edit-perda" value="${perda}" oninput="this.value = this.value.replace(/[^0-9,]/g,'')"></td>
                    <td><input type="text" class="form-control form-control-sm edit-valor_custo" value="${valor_custo}" oninput="this.value = this.value.replace(/[^0-9,]/g,'')"></td>
                    <td><a class="deletarLinha btn btn-danger btn-sm"><i class="fa fa-trash"></i> Deletar</a></td>
                </tr>`;

                $('#tableItem tbody').prepend(novaLinha);
                LimparDados();
                atualizarSomatorio();
            }
        });

        function atualizarSomatorio() {
            var somaReparte = 0;
            var somaEncalhe = 0;
            var somaDeixada = 0;
            var somaPagar   = 0;
            var somaPerda   = 0;

            $('#tableItem tbody tr').each(function () {
                var custo   = normalizarNumero($(this).find('.edit-valor_custo').val());
                var reparte = normalizarNumero($(this).find('.edit-reparte').val());
                var encalhe = normalizarNumero($(this).find('.edit-encalhe').val());
                var deixada = normalizarNumero($(this).find('.edit-deixada').val());
                var perda   = normalizarNumero($(this).find('.edit-perda').val());

                somaReparte += custo * reparte;
                somaEncalhe += custo * encalhe;
                somaPagar   += custo * encalhe;
                somaDeixada += custo * deixada;
                somaPerda   += custo * perda;
            });

            $('#valor_total_reparte').val(formatarVlr(somaReparte));
            $('#valor_total_encalhe').val(formatarVlr(somaEncalhe));
            $('#valor_total_deixada').val(formatarVlr(somaDeixada));
            $('#valor_total_pagar').val(formatarVlr(somaPagar));
            $('#valor_total_perda').val(formatarVlr(somaPerda));
        }

        $(document).on('input', '.edit-reparte, .edit-encalhe, .edit-deixada, .edit-perda, .edit-valor_custo', function() {
            atualizarSomatorio();
        });


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

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

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

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

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

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

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

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

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

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

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

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

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

        function LimparDados() {
            document.getElementById('referencia').value = '';
            var produtoSelect = document.getElementById('select_produto');
            var edicaoSelect = document.getElementById('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('edicao').value = '';
            document.getElementById('qtde_recebida').value = '';
            document.getElementById('ult_entrada').value = '';
            document.getElementById('quantidade').value = '';
            document.getElementById('reparte').value = '';
            document.getElementById('encalhe').value = '';
            document.getElementById('deixada').value = '';
            document.getElementById('perda').value = '';
            document.getElementById('valor_custo').value = '';
        }

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

            var $linha = $(this).closest('tr');
            
            var ValorCusto = parseFloat($linha.find('.valor_custo').text().replace(",", ".")) || 0;
            var QuantiadeReparte = parseFloat($linha.find('.reparte').text().replace(",", ".")) || 0;
            var ReparteDeletado = ValorCusto * QuantiadeReparte;
    
            var ReparteAtual = parseFloat($('#valor_total_reparte').val().replace(",", ".")) || 0;
            var novoReparteSomatorio = ReparteAtual - ReparteDeletado;
            $('#valor_total_reparte').val(formatarVlr(novoReparteSomatorio.toFixed(2)));


            var QuantiadeEncalhe = parseFloat($linha.find('.encalhe').text().replace(",", ".")) || 0;
            var EncalheDeletado = ValorCusto * QuantiadeEncalhe;
    
            var EncalheAtual = parseFloat($('#valor_total_encalhe').val().replace(",", ".")) || 0;
            var novoEncalheSomatorio = EncalheAtual - EncalheDeletado;
            $('#valor_total_encalhe').val(formatarVlr(novoEncalheSomatorio.toFixed(2)));

            var PagarAtual = parseFloat($('#valor_total_pagar').val().replace(",", ".")) || 0;
            var novoPagarSomatorio = PagarAtual - EncalheDeletado;
            $('#valor_total_pagar').val(formatarVlr(novoPagarSomatorio.toFixed(2)));


            var QuantiadeDeixada = parseFloat($linha.find('.deixada').text().replace(",", ".")) || 0;
            var DeixadaDeletado = ValorCusto * QuantiadeDeixada;
    
            var DeixadaAtual = parseFloat($('#valor_total_deixada').val().replace(",", ".")) || 0;
            var novoDeixadaSomatorio = DeixadaAtual - DeixadaDeletado;
            $('#valor_total_deixada').val(formatarVlr(novoDeixadaSomatorio.toFixed(2)));


            var QuantiadePerda = parseFloat($linha.find('.perda').text().replace(",", ".")) || 0;
            var PerdaDeletado = ValorCusto * QuantiadePerda;
    
            var PerdaAtual = parseFloat($('#valor_total_perda').val().replace(",", ".")) || 0;
            var novoPerdaSomatorio = PerdaAtual - PerdaDeletado;
            $('#valor_total_perda').val(formatarVlr(novoPerdaSomatorio.toFixed(2)));

            $linha.remove();

        });


        function validaAddProduto() {

            if ($('#select_produto').select2('val') === null || $('#select_produto').select2('val') === '' || $('#select_produto').select2('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_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 (parseFloat($('#encalhe').val()) > parseFloat($('#reparte').val())) {
                Swal.fire({
                    title: 'O valor do encalhe não pode ser maior que o reparte!',
                    icon: 'warning',
                    confirmButtonText: 'OK',
                    allowEnterKey: true,
                    didOpen: () => {
                        Swal.getConfirmButton().focus();
                    },
                    didClose: () => {
                        $('#addProduto').focus();
                    }
                });
                return false;
            }

            if ($('#encalhe').val() === null  || $('#encalhe').val() === '' || parseFloat($('#encalhe').val()) < 0) {
                Swal.fire({
                    title: 'O encalhe não pode ser menor 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;
        }
        
        document.getElementById('btnSalvar').addEventListener('click', function(event) {
            event.preventDefault();

            if (camposObrigatoriosPreenchidos()) {
                if (tabelaTemItem()) {
                    Swal.fire({
                        title: 'Confirmação',
                        text: 'Deseja realmente gravar essa Consignação?',
                        icon: 'question',
                        showCancelButton: true,
                        confirmButtonColor: '#3085d6',
                        cancelButtonColor: '#d33',
                        confirmButtonText: 'Confirmar',
                        cancelButtonText: 'Cancelar'
                    }).then((result) => {
                        if (result.isConfirmed) {
                            const form = document.getElementById('formEnvioDados');

                            $('#tableItem tbody tr').each(function(index, row) {
                                const referencia = $(row).find('td:eq(0)').text().trim();
                                const descricao  = $(row).find('td:eq(1)').text().trim();
                                const edicao     = $(row).find('td:eq(2)').text().trim();

                                if (!referencia && !descricao && !edicao) return;

                                const qtde_recebida  = $(row).data('recebida');
                                const ultima_entrada = $(row).data('ult_entrada');
                                const qtde_estoque   = $(row).data('estoque');

                                function parseNumber(selector) {
                                    let val = $(row).find(selector).val();
                                    val = (val || '0').toString().replace(',', '.');
                                    return parseFloat(val) || 0;
                                }

                                const reparte      = parseNumber('.edit-reparte');
                                const encalhe      = parseNumber('.edit-encalhe');
                                const deixada      = parseNumber('.edit-deixada');
                                const perda        = parseNumber('.edit-perda');
                                const valor_custo  = parseNumber('.edit-valor_custo');

                                const campos = {
                                    referencia,
                                    descricao,
                                    edicao,
                                    qtde_recebida,
                                    ultima_entrada,
                                    qtde_estoque,
                                    reparte,
                                    encalhe,
                                    deixada,
                                    perda,
                                    valor_custo
                                };

                                for (const [campo, valor] of Object.entries(campos)) {
                                    const input = document.createElement('input');
                                    input.type = 'hidden';
                                    input.name = `produtos[${index}][${campo}]`;
                                    input.value = valor;
                                    form.appendChild(input);
                                }
                            });

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

    </script>
@stop