@extends('adminlte.app')

@section('content')

<div class="content-wrapper pb-3">
    <!-- Content Header (Page header) -->
    <div class="content-header">
        <div class="container-fluid">
            <div class="row mb-2">
                <div class="col-sm-6">
                    <h1 class="m-0">Folha de Caixa</h1>
                </div><!-- /.col -->
                <div class="col-sm-6">
            
                </div><!-- /.col -->
            </div><!-- /.row -->
        </div><!-- /.container-fluid -->
    </div>
    <!-- /.content-header -->

    @if ($message = Session::get('success'))
    <div class="alert alert-success">
        <p>{{ $message }}</p>
    </div>
    @endif
    <form action="{{ route('folha_de_caixa_store') }}" method="POST" class="pt-4" id="formFolhaDeCaixa">
        @csrf
        <div class="card mx-3 mt-3">
            <div class="card-header">
                <div class="row">
                    <div class="col-md-4">
                        Cadastro Folha de Caixa
                    </div>
                    <div class="col-md-8 text-right">
                        <a href="javascript:history.back()"><button type="button" id="voltar" class="btn btn-primary d-print-none">Voltar</button></a>
                    </div>
                </div>
            </div>
                

            <div class="row p-3 align-items-end">
                <div class="col-sm-3 @if(!$permissao->exibir_todos_folha_caixa) d-none @endif">
                    <label for="posto_id">Posto de Abastecimento</label>
                    <select name="posto_id" id="posto_id" class="form-control" required>
                        <option value="">Selecione</option>
                    
                            @foreach($postos as $posto)
                                <option value="{{ $posto->id }}" 
                                    @if(isset($folha->posto_id) && $folha->posto_id == $posto->id)
                                        selected 
                                    @elseif(!isset($folha->posto_id) && !$permissao->exibir_todos_folha_caixa)
                                        selected
                                    @endif 
                                    @if(isset($posto->operadores_postos)) data-operadores="{{ json_encode($posto->operadores_postos ?? []) }}" @else  data-operadores="[]" @endif
                                    @if(isset($ultimaSondagemPostos[$posto->id])) 
                                        data-permitido-folha-caixa="{{ $ultimaSondagemPostos[$posto->id]['permitido_folha_caixa'] }}" 
                                        data-ultima-sondagem="{{ $ultimaSondagemPostos[$posto->id]['ultima_sondagem'] }}" 
                                    @endif

                                    @if(isset($posto->bombas))
                                        @php
                                            $bombas = $posto->bombas->map(function($bomba) {
                                                return [
                                                    'id' => $bomba->id,
                                                    'num_bomba' => $bomba->num_bomba,
                                                    'operacional' => $bomba->operacional,
                                                  
                                                ];
                                            });
                                        @endphp
                                        data-bombas="{{ $bombas->toJson() }}"
                                    @endif
                                    @if(isset($posto->bombas_produto))
                                         data-bombas-produto="{{ json_encode($posto->bombas_produto) }}"
                                    @endif
                                    @if(isset($posto->formas_pagamentos_id))
                                         data-formas-pagamentos="{{ $posto->formas_pagamento ?? '[]' }}"
                                    @endif
                                    @if(isset($posto->bombas_produto['ultima_sondagem_produto']))
                                         data-ultima-sondagem-produto="{{ json_encode($posto->bombas_produto['ultima_sondagem_produto']) }}"
                                    @endif
                                    @if(isset($posto->bombas_produto['ultima_bombas_combustivel_folha']))
                                         data-ultima-bomba="{{ json_encode($posto->bombas_produto['ultima_bombas_combustivel_folha']) }}"
                                    @endif
                                    >{{ $posto->nome_posto }}
                                    
                                </option>
                            @endforeach
                        

                    </select>
                </div>
                <div class="col-sm-3 d-none">
                    <label for="data_folha_caixa" class="col-form-label ">Data Folha Caixa</label>
                    <input type="date" name="data_folha_caixa" id="data_folha_caixa" class="form-control" value="{{ $folha->data_folha_caixa ?? date('Y-m-d') }}" required>
                    @error('data_folha_caixa')
                        <span class="invalid-feedback" role="alert">
                            <strong>{{ $message }}</strong>
                        </span>
                    @enderror
                </div>
                <div class="col-sm-3">
                    <label for="turno" class="col-form-label ">Turno</label>
                    <select name="turno" id="turno" class="form-control">
                        <option value="">Selecione</option>
                        @foreach($turnos as $turno)
                            <option value="{{ $turno->nome_turno }}" @if(isset($folha->turno) && $folha->turno == $turno->nome_turno) selected @endif>{{ $turno->nome_turno }}</option>
                        @endforeach

                    </select>
                </div>
                <div class="col-sm-3">
                    <label for="operador" class="col-form-label ">Operador</label>
                    <select name="operador" id="operador" class="form-control">
        
                    </select>
                </div>
            </div>
            <div class="row px-3 pt-0 pb-3 align-items-end">
                <div class="col-sm-3">
                    <label for="total_vendas" class="col-form-label text-center" style="background-color: #dbdbdb;WIDTH: 100%;">Total de Vendas</label>
                    <input type="number" step="0.01" name="total_vendas" id="total_vendas" class="form-control" value="{{ $folha->total_vendas ?? '' }}">
                </div>
            </div>
            <span class="pl-3">
                <strong>Declaração de Valores</strong>
            </span>
            <hr>
            <div class="row p-3 align-items-end">

                <div class="col-sm-3">
                    <label for="forma_pagamento" class="col-form-label ">Forma de Pagamento</label>
                    <select name="forma_pagamento" id="forma_pagamento" class="form-control">
                        <option value="">Selecione</option>
                        {{-- @foreach($formaPagamento as $forma)
                            <option value="{{ $forma->id }}" @if(isset($folha->forma_pagamento) && $folha->forma_pagamento == $forma->id) selected @endif data-compensacao="{{ $forma->forma_compensacao }}">{{ $forma->nome_forma_pagamento }}</option>
                        @endforeach --}}
                    </select>
                </div>
                <div class="col-sm-3 d-none" id="divDataProgramadaDeposito">
                    <label for="data_programada_deposito" class="col-form-label ">Data Programada Depósito</label>
                    <input type="date" name="data_programada_deposito" id="data_programada_deposito" class="form-control" value="{{ $folha->data_programada_deposito ?? '' }}">
                </div>
                <div class="col-sm-3" id="divBruto">
                    <label for="total_bruto" class="col-form-label ">Total Bruto</label>
                    <input type="number" step="0.01" name="total_bruto" id="total_bruto" class="form-control" value="{{ $folha->total_bruto ?? '' }}">
                </div>
                <div class="col-sm-3 d-none" id="divLiquido">
                    <label for="total_liquido" class="col-form-label ">Total Líquido</label>
                    <input type="number" step="0.01" name="total_liquido" id="total_liquido" class="form-control" value="{{ $folha->total_liquido ?? '' }}">
                </div>
                <div class="col-sm-3 pt-3">
                    <button class="btn btn-primary rounded mx-auto" type="button" id="btnAdicionar">Adicionar</button>
                </div>

                <div class="table-responsive pt-3 table-sm">
                    <table class="table table-bordered" id="tabelaFormasPagamento">
                        <thead>
                            <tr>
                                <th>Forma de Pagamento</th>
                                <th>Data Programada Depósito</th>
                                <th>Total Bruto</th>
                                <th>Total Líquido</th>
                                <th>Remover</th>
                            </tr>
                        </thead>
                        <tbody>
                            @php 
                                $footTotalBruto = 0;
                                $footTotalLiquido = 0;
                            @endphp
                            @if(isset($folha->formas_pagamento_folha) && count($folha->formas_pagamento_folha) > 0)
                                @foreach($folha->formas_pagamento_folha as $pagamento)
                                    <tr>
                                        <td><input type="text" name="forma_pagamento[]" class="form-control d-none" value="{{ $pagamento->forma_pagamento_id }}" readonly><input type="text" name="forma_pagamento_nome[]" class="form-control" value="{{ $pagamento->formaPagamento->nome_forma_pagamento ?? '' }}" readonly></td>
                                        <td>@if($pagamento->data_programada_deposito && $pagamento->data_programada_deposito!= '') <input type="date" name="data_programada_deposito[]" class="form-control" value="{{ $pagamento->data_programada_deposito }}">@endif</td>
                                        <td><input type="number" onchange="atualizaTotais()" step="0.01" name="total_bruto[]" class="form-control" value="{{ $pagamento->total_bruto }}"> <input type="text" name="total_bruto_display[]" class="form-control d-none" value="{{ number_format($pagamento->total_bruto, 2, ",", ".") }}"></td>
                                        <td><input type="number" onchange="atualizaTotais()" step="0.01" name="total_liquido[]" class="form-control" value="{{ $pagamento->total_liquido }}"> <input type="text" name="total_liquido_display[]" class="form-control d-none" value="{{ number_format($pagamento->total_liquido, 2, ",", ".") }}"></td>
                                        <td><button class="btn btn-danger btn-sm" type="button" onclick="removerLinha(this)" data-forma-compensacao="{{ $pagamento->formaPagamento->forma_compensacao ?? '' }}">Remover</button></td>
                                    </tr>
                                    @if($pagamento->formaPagamento && $pagamento->formaPagamento->forma_compensacao != 'Nao-Contabiliza')
                                        @php 
                                            $footTotalBruto += $pagamento->total_bruto;
                                            $footTotalLiquido += $pagamento->total_liquido;
                                        @endphp

                                    @endif
                                @endforeach
                            @else
                    
                            @endif
                        </tbody>
                        <tfoot>
                            <tr>
                                <td colspan="2" class="text-end">Total:</td>
                                <td><span class="pl-2" id="foot_total_bruto_display">@isset($footTotalBruto){{number_format($footTotalBruto, 2,",",".") }}@endif</span><input type="number" name="foot_total_bruto" id="foot_total_bruto" class="form-control d-none" @isset($footTotalBruto)value="{{ $footTotalBruto }}" @else value="0" @endif readonly></td>
                                <td><span class="pl-2" id="foot_total_liquido_display">@isset($footTotalLiquido){{ number_format($footTotalLiquido, 2,",",".") }}@endif</span><input type="number" name="foot_total_liquido" id="foot_total_liquido" class="form-control d-none" @isset($footTotalLiquido)value="{{ $footTotalLiquido }}" @else value="0" @endif readonly></td>
                                <td></td>
                            </tr>
                        </tfoot>
                    </table>
                </div>

                <div class="col-sm-3">
                    <label for="id" class="col-form-label ">Nº Controle</label>
                    <input type="number" name="id" id="id" class="form-control" value="{{ $folha->id ?? '' }}" readonly>
                </div>
                <div class="col-sm-12">
                    <label for="observacao" class="col-form-label ">Observação</label>
                    <textarea name="observacao" id="observacao" class="form-control">{{ $folha->observacao ?? '' }}</textarea>
                </div>
            </div>
        </div>

        <div class="card mx-3 mt-3">
            <div class="row p-3 align-items-end">
                <div class="col-sm-8 table-responsive" id="divTableSondagensProdutos">
                    <span class="pl-3">
                        <strong>Última Sondagens de Produtos</strong>
                    </span>
                    <table class="table table-bordered table-sm" id="tableSondagensProdutos">
                        <thead>
                            <tr>
                                <th class="text-center">Produto</th>
                                <th class="text-center">Sondagem Final</th>
                                <th class="text-center">Sondagem Inicial</th>
                                <th class="text-center">Quantidade Recebida</th>
                            </tr>
                        </thead>
                        <tbody>
                          
                        </tbody>
                    </table>

                </div>

            </div>

            <div class="row p-3 align-items-end">
                <div class="col-sm-8 table-responsive" id="divTableBombas">

                </div>

            </div>


            <div class="row p-3 align-items-end">
                <div class="col-sm-12">
                    <textarea name="justificativa_divergencia" id="justificativa_divergencia" class="form-control @if(!isset($folha->justificativa_divergencia) || $folha->justificativa_divergencia == '') d-none @endif" placeholder="Justificativa para divergências acima de 50Lts (se houver)">{{ $folha->justificativa_divergencia ?? '' }}</textarea>
                </div>

            </div>
        </div>

        @if(!$view)
            <div class="col-sm-12 pt-3 text-center">
                <button id="btnSalvar" class="btn btn-primary rounded mx-auto">
                    {{-- @if(isset($folha->id)) Atualizar @else Cadastrar @endif --}}
                    Gerar PDF e anexar documentos
                </button>
            </div>
        @endif
    </form>

</div>

<!-- Modal Divergências -->
<div class="modal fade" id="modalDivergencias" tabindex="-1" aria-labelledby="modalDivergenciasLabel" aria-hidden="true">
  <div class="modal-dialog">
    <div class="modal-content">
      <div class="modal-header bg-warning">
        <h5 class="modal-title" id="modalDivergenciasLabel">Divergências encontradas</h5>
        <button type="button" class="close" data-dismiss="modal" aria-label="Close">
            <span aria-hidden="true">&times;</span>
        </button>
      </div>
      <div class="modal-body">
        <p id="msgDivergencias"></p>
      </div>
      <div class="modal-footer">
        <button type="button" id="btnJustificar" class="btn btn-primary">Justificar e gravar</button>
        <button type="button" id="btnVoltar" class="btn btn-primary" data-dismiss="modal">Voltar para edição</button>
         {{-- <button type="button" class="btn btn-primary" data-dismiss="modal">Fechar</button> --}}
      </div>
    </div>
  </div>
</div>

<script>
   $('#posto_id').change(function() {
        let operadores = $(this).find(':selected').data('operadores');
        let $operadorSelect = $('#operador');
        let permitidoFolhaCaixa = $(this).find(':selected').data('permitido-folha-caixa');
        let ultimaSondagem = $(this).find(':selected').data('ultima-sondagem');
        let bombas = $(this).find(':selected').data('bombas');
        let numBomba = '';
        let produto_descricao = $(this).find(':selected').data('produto_descricao');
        let produto_id = $(this).find(':selected').data('produto_id');
        let bombas_produto = $(this).find(':selected').data('bombas-produto');
        let formas_pagamentos = $(this).find(':selected').data('formas-pagamentos');
        let ultima_sondagem_produto = $(this).find(':selected').data('ultima-sondagem-produto');
        let ultima_bomba = $(this).find(':selected').data('ultima-bomba');
        
        $operadorSelect.empty();

        if (operadores && operadores.length) {
            $.each(operadores, function(index, operador) {
                $operadorSelect.append($('<option>', {
                    value: operador.id,
                    text: operador.nome_operador
                }));
            });
        }


        if (permitidoFolhaCaixa) {
            if (permitidoFolhaCaixa == 'nao') {
                alert('É necessário atualizar o registo de sondagens, pois a última introdução é maior que 2h.');
                $('#btnSalvar').prop('disabled', true);
                
                window.location.href = '/sondagens-tanques/' + $(this).val() + '/create';

            } else {
                $('#btnSalvar').prop('disabled', false);
            }
        }

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

        for (var i = 0; i < bombas.length; i++) {
            var bomba = bombas[i];
            var operacional = bomba.operacional;

            if(operacional == 'Sim'){
                    if(numBomba != bomba.num_bomba){
                        
                        numBomba = bomba.num_bomba;

                        let novaTabelaBombas = $('<table class="table table-bordered table-sm" id="tableBombas_' + numBomba + '">');

                        let cabecalho = $('<tr>')
                            .append($('<th class="text-center">').text(''))
                            .append($('<th class="text-center">').text('Bomba ' + numBomba));

                        // Adiciona colunas para cada produto associado à bomba
                        if (bombas_produto && bombas_produto[numBomba] && Object.keys(bombas_produto[numBomba]).length) {
                            $.each(bombas_produto[numBomba], function(produtoId, produto) {
                                cabecalho.append(
                                    $('<th class="text-center">').text(produto.descricao || 'Produto ' + produtoId)
                                );
                            });
                        }

                        // Agora monta o thead completo
                        novaTabelaBombas.append(
                            $('<thead>').append(cabecalho)
                        );

                        var novaLinha = $('<tr>');
                        novaLinha.append($('<td class="text-center" rowspan="3">').html('<img src="/img/bomba_' + bomba.num_bomba + '.jpg" alt="' + bomba.num_bomba + '" class="img-fluid">'));
                        novaLinha.append($('<td class="text-center">').text('Contador Final'));

                        if (bombas_produto[numBomba]) {
                            $.each(bombas_produto[numBomba], function(produtoId, produto) {
                                // tenta pegar o contador final específico do produto
                                let valorMinimo = '';
                                if (ultima_bomba && ultima_bomba[numBomba] && ultima_bomba[numBomba][produto.id]) {
                                    
                                    valorMinimo = ultima_bomba[numBomba][produto.id].contador_final || 0;
                                }
                                novaLinha.append($('<td class="text-center">').html(
                                    '<input type="number" step="0.01" min="' + valorMinimo + '" name="contador_final_bomba_' + bomba.num_bomba + '_produto_' + produto.id + '" class="form-control contador-final" value="" data-bomba="' + bomba.num_bomba + '" data-produto="' + produto.id + '">'
                                ));
                            });
                        }

                        novaTabelaBombas.append(novaLinha);

                        var novaLinha2 = $('<tr>');
                        novaLinha2.append($('<td class="text-center">').text('Contador Inicial'));

                        if (bombas_produto[numBomba]) {
                            $.each(bombas_produto[numBomba], function(produtoId, produto) {
                                // tenta pegar o contador final específico do produto
                                let contadorInicial = '';
                                if (ultima_bomba && ultima_bomba[numBomba] && ultima_bomba[numBomba][produto.id]) {
                                    
                                    contadorInicial = ultima_bomba[numBomba][produto.id].contador_final || 0;
                                }
                                novaLinha2.append($('<td class="text-center">').html(
                                    '<input type="number" step="0.01" name="contador_inicial_bomba_' + bomba.num_bomba + '_produto_' + produto.id + '" class="form-control contador-inicial" value="' + contadorInicial + '" data-bomba="' + bomba.num_bomba + '" data-produto="' + produto.id + '">'
                                ));
                            });
                        }

                        novaTabelaBombas.append(novaLinha2);

                        var novaLinha3 = $('<tr>');
                        novaLinha3.append($('<td class="text-center">').html('<strong>Litros Vendidos</strong>'));

                        if (bombas_produto[numBomba]) {
                            $.each(bombas_produto[numBomba], function(produtoId, produto) {
                                novaLinha3.append($('<td class="text-center">').html(
                                    '<input type="number" step="0.01" name="litros_vendidos_bomba_' + bomba.num_bomba + '_produto_' + produto.id + '" class="form-control litros-vendidos" value="" readonly data-bomba="' + bomba.num_bomba + '" data-produto="' + produto.id + '">'
                                ));
                            });
                        }

                        novaTabelaBombas.append(novaLinha3);

                    $('#divTableBombas').append(novaTabelaBombas);


                    // Preenche a tabela de sondagens de produtos
                    var $tableSondagensProdutosBody = $('#tableSondagensProdutos tbody');
                    $tableSondagensProdutosBody.empty();

                    if (ultima_sondagem_produto && Object.keys(ultima_sondagem_produto).length) {
                        $.each(ultima_sondagem_produto, function(produtoId, sondagem) {
                            console.log("Sondagem Produto ID:", produtoId, sondagem);
                            var novaLinhaSondagem = $('<tr>').attr('data-produto', produtoId);
                            novaLinhaSondagem.append($('<td class="text-center">').text(sondagem.descricao || 'Produto ' + produtoId));
                            novaLinhaSondagem.append($('<td class="text-center">').html(
                                '<input type="number" step="0.01" name="sondagem_final_produto_' + produtoId + '" class="form-control" value="' + (sondagem.sondagem_final || '') + '" readonly>'
                            ));
                            novaLinhaSondagem.append($('<td class="text-center">').html(
                                '<input type="number" step="0.01" name="sondagem_inicial_produto_' + produtoId + '" class="form-control" value="' + (sondagem.sondagem_inicial || '') + '" readonly>'
                            ));
                            novaLinhaSondagem.append($('<td class="text-center">').html(
                                '<input type="number" step="0.01" name="quantidade_recebida_produto_' + produtoId + '" class="form-control" value="' + (sondagem.quantidade || 0) + '" readonly>'
                            ));
                            $tableSondagensProdutosBody.append(novaLinhaSondagem);
                        });
                    }



                    

                }
            }
        }

        // Atualiza as formas de pagamento disponíveis
        var $formaPagamentoSelect = $('#forma_pagamento');
        $formaPagamentoSelect.empty();
        $formaPagamentoSelect.append($('<option>', { value: '' , text: 'Selecione' }));

        if (formas_pagamentos && formas_pagamentos.length) {
            $.each(formas_pagamentos, function(index, forma) {
                $formaPagamentoSelect.append($('<option>', {
                    value: forma.id,
                    text: forma.nome_forma_pagamento,
                    'data-compensacao': forma.forma_compensacao
                }));
            });
        }

   

    });


    $(document).on('input', '.contador-final, .contador-inicial', function() {

        let bomba = $(this).data('bomba');
        let produto = $(this).data('produto');

        // Pega os valores final e inicial do contador
        let final = parseFloat(
            $('input.contador-final[data-bomba="' + bomba + '"][data-produto="' + produto + '"]').val()
        ) || 0;

        let inicial = parseFloat(
            $('input.contador-inicial[data-bomba="' + bomba + '"][data-produto="' + produto + '"]').val()
        ) || 0;

        let litros = final - inicial;

        //Atualiza min dos inputs finais
        $('input.contador-final[data-bomba="' + bomba + '"][data-produto="' + produto + '"]').attr('min', inicial);

        // Atualiza o input de litros vendidos
        $('input.litros-vendidos[data-bomba="' + bomba + '"][data-produto="' + produto + '"]').val(litros);

        // === Agora soma os litros de TODAS as bombas com esse produto ===
        let totalLitrosProduto = 0;
        $('input.litros-vendidos[data-produto="' + produto + '"]').each(function() {
            totalLitrosProduto += parseFloat($(this).val()) || 0;
        });

        // === Busca a linha correspondente na tabela de sondagens ===
        let $linhaTabela = $('#tableSondagensProdutos tbody tr[data-produto="' + produto + '"]');

        console.log($linhaTabela);
        if ($linhaTabela.length) {
            let sondagemFinal = parseFloat($linhaTabela.find('input[name="sondagem_final_produto_' + produto + '"]').val()) || 0;
            let sondagemInicial = parseFloat($linhaTabela.find('input[name="sondagem_inicial_produto_' + produto + '"]').val()) || 0;
            let quantidadeRecebida = parseFloat($linhaTabela.find('input[name="quantidade_recebida_produto_' + produto + '"]').val()) || 0;

            let sondagemCalc = sondagemInicial + quantidadeRecebida - sondagemFinal;
            console.log("Sondagem Calc:", sondagemCalc);
            // Exibe o comparativo (pode trocar alert por exibição na tabela)
            console.log("Produto:", produto, " Total Bombas:", totalLitrosProduto, " Sondagem:", sondagemCalc);

            // Exemplo: colorir a linha se não bater
            if (Math.abs(totalLitrosProduto - sondagemCalc) > 50) {
                $linhaTabela.css('background-color', '#f8d7da'); // vermelho claro (erro)
            } else {
                $linhaTabela.css('background-color', '#d4edda'); // verde claro (ok)
            }
            diferenca = totalLitrosProduto - sondagemCalc;

            $linhaTabela.attr('data-diferenca', diferenca);
        }
    });

    $('#forma_pagamento').change(function() {
        var formaPagamento = $(this).val();
        var formaCompensacao = $(this).find(':selected').data('compensacao');
        var formaPagamentoNome = $(this).find(':selected').text();

        if (formaCompensacao == 'Depósito') {
            $('#divDataProgramadaDeposito').removeClass('d-none');
        } else {
            $('#divDataProgramadaDeposito').addClass('d-none');
        }

        if (formaPagamentoNome == 'Multibanco') {
            $('#divLiquido').removeClass('d-none');
        } else {
            $('#divLiquido').addClass('d-none');
            $('#total_liquido').val('');
        }
    });

    $('#btnAdicionar').click(function() {
        var formaPagamento = $('#forma_pagamento').val();
        var formaPagamentoNome = $('#forma_pagamento').find(':selected').text();
        var formaCompensacao = $('#forma_pagamento').find(':selected').data('compensacao');
        var dataProgramadaDeposito = $('#data_programada_deposito').val();
        var totalBruto = $('#total_bruto').val();
        var totalLiquido = $('#total_liquido').val();
        var footTotalBruto = $('#foot_total_bruto').val();
        var footTotalLiquido = $('#foot_total_liquido').val();

        if(totalLiquido == '') {
            totalLiquido = 0;
        }

        if(totalBruto == '') {
            totalBruto = 0;
        }

        var totalBrutoDisplay = parseFloat(totalBruto) || 0;
        var totalLiquidoDisplay = parseFloat(totalLiquido) || 0;

        if (formaPagamento && totalBruto) {
            var novaLinha = $('<tr>');
            novaLinha.append($('<td>').html('<input type="text" name="forma_pagamento[]" class="form-control d-none" value="' + formaPagamento + '" readonly><input type="text" name="forma_pagamento_nome[]" class="form-control" value="' + formaPagamentoNome + '" readonly>'));

            if (dataProgramadaDeposito && dataProgramadaDeposito != '') {
                novaLinha.append($('<td>').html('<input type="date" name="data_programada_deposito[]" class="form-control" value="' + dataProgramadaDeposito + '" >'));
            }else{
                novaLinha.append($('<td>').html('<input type="date" name="data_programada_deposito[]" class="form-control d-none" value="' + dataProgramadaDeposito + '" >'));
            }

            novaLinha.append($('<td>').html('<input type="number" onchange="atualizaTotais()" step="0.01" name="total_bruto[]" class="form-control " value="' + totalBruto + '" > <input type="text" name="total_bruto_display[]" class="form-control d-none" value="' + totalBrutoDisplay.toLocaleString("pt-BR", { minimumFractionDigits: 2, maximumFractionDigits: 2 }) + '" >'));
            novaLinha.append($('<td>').html('<input type="number" onchange="atualizaTotais()" step="0.01" name="total_liquido[]" class="form-control " value="' + totalLiquido + '" > <input type="text" name="total_liquido_display[]" class="form-control d-none" value="' + totalLiquidoDisplay.toLocaleString("pt-BR", { minimumFractionDigits: 2, maximumFractionDigits: 2 }) + '" >'));
            novaLinha.append($('<td>').html('<button class="btn btn-danger btn-sm" type="button" onclick="removerLinha(this)" data-forma-compensacao="' + formaCompensacao + '">Remover</button>'));
            $('#tabelaFormasPagamento tbody').append(novaLinha);

            // Atualizar os totais
            if(formaCompensacao != 'Nao-Contabiliza'){
                footTotalBruto = parseFloat(footTotalBruto) + parseFloat(totalBruto);
                footTotalLiquido = parseFloat(footTotalLiquido) + parseFloat(totalLiquido);
                $('#foot_total_bruto').val(footTotalBruto);
                $('#foot_total_liquido').val(footTotalLiquido);
                atualizaDisplayTotais();
            }

            // Limpar os campos após adicionar
            $('#forma_pagamento').val('');
            $('#data_programada_deposito').val('');
            $('#total_bruto').val('');
            $('#total_liquido').val('');

            func_compara_totais();

        } else {
            alert('Por favor, preencha todos os campos.');
        }
    });

    function func_compara_totais() {
        var footTotalBruto = parseFloat($('#foot_total_bruto').val()) || 0;
        var totalVendas = parseFloat($('#total_vendas').val()) || 0;

        if (totalVendas > 0) {
            var diferenca = Math.abs(footTotalBruto - totalVendas);
            var percentualDiferenca = (diferenca / totalVendas) * 100;

            if (percentualDiferenca > 10) {
                alert('Atenção: A soma do Total Bruto das formas de pagamento difere mais de 10% do Total de Vendas declarado.');
                return false;
            }
        }

        return true;
    }


    function removerLinha(botao) {
        var totalBruto = $(botao).closest('tr').find('input[name="total_bruto[]"]').val();
        var totalLiquido = $(botao).closest('tr').find('input[name="total_liquido[]"]').val();
        var footTotalBruto = $('#foot_total_bruto').val();
        var footTotalLiquido = $('#foot_total_liquido').val();
        var formaCompensacao = $(botao).data('forma-compensacao');

        if(formaCompensacao != 'Nao-Contabiliza'){
            footTotalBruto = parseFloat(footTotalBruto) - parseFloat(totalBruto);
            footTotalLiquido = parseFloat(footTotalLiquido) - parseFloat(totalLiquido);
            $('#foot_total_bruto').val(footTotalBruto);
            $('#foot_total_liquido').val(footTotalLiquido);
            atualizaDisplayTotais();
        }

        $(botao).closest('tr').remove();


    }

    function atualizaDisplayTotais() {
        var footTotalBruto = parseFloat($('#foot_total_bruto').val()) || 0;
        var footTotalLiquido = parseFloat($('#foot_total_liquido').val()) || 0;

        $('#foot_total_bruto_display').text(
            footTotalBruto.toLocaleString("pt-BR", { minimumFractionDigits: 2, maximumFractionDigits: 2 })
        );
        $('#foot_total_liquido_display').text(
            footTotalLiquido.toLocaleString("pt-BR", { minimumFractionDigits: 2, maximumFractionDigits: 2 })
        );
    }


   $(document).ready(function() {
        @if(isset($folha->posto_id))
            @if($view)
                // Se for view, desabilita todos os selects e inputs do formulário
                $('#formFolhaDeCaixa :input').prop('disabled', true);
             @endif

            // Dispara o change para montar as tabelas
            $('#posto_id').val('{{ $folha->posto_id }}').trigger('change');

            // Preenche os valores vindos do banco
            @foreach($folha->bombas_combustivel_folha as $bomba)
                $('input[name="contador_inicial_bomba_{{ $bomba->bomba_combustivel }}_produto_{{ $bomba->produto_id }}"]').val('{{ $bomba->contador_inicial }}');
                $('input[name="contador_final_bomba_{{ $bomba->bomba_combustivel }}_produto_{{ $bomba->produto_id }}"]').val('{{ $bomba->contador_final }}');
                $('input[name="litros_vendidos_bomba_{{ $bomba->bomba_combustivel }}_produto_{{ $bomba->produto_id }}"]').val('{{ $bomba->litros_vendidos }}');
            @endforeach
        @else
            $('#posto_id').trigger('change');
        @endif

        @if(isset($folha->operador))
            $('#operador').val('{{ $folha->operador }}');
        @endif
    });

    $('#formFolhaDeCaixa').on('submit', function(e) {
        e.preventDefault(); // trava o envio
        let divergencias = [];

        $('#tableSondagensProdutos tbody tr').each(function() {
            let produtoId = $(this).find('td:first').text().trim();
            let diferenca = parseFloat($(this).attr('data-diferenca')) || 0;

            if (Math.abs(diferenca) > 50) {
                divergencias.push({
                    produto: produtoId,
                    diferenca: diferenca
                });
            }
        });

        if (divergencias.length > 0 && $('#justificativa_divergencia').val().trim() === '') {
            // Monta a mensagem
            let msg = "<b>Há divergências acima de 50Lts:</b><br><br>";
            divergencias.forEach(d => {
                msg += `Produto <b>${d.produto}</b>: Diferença de <b>${d.diferenca.toFixed(2)} Lts</b><br>`;
            });
            msg += "<br>Escolha uma opção:";

            // Mostra no modal
            $('#msgDivergencias').html(msg);
            let modal = new bootstrap.Modal(document.getElementById('modalDivergencias'));
            modal.show();

            // Botão justificar
            $('#btnJustificar').off('click').on('click', () => {
                $('#justificativa_divergencia').removeClass('d-none');
                modal.hide();
                $('#justificativa_divergencia').attr('required', true).focus();
            });

            // Botão voltar não precisa de ação extra, apenas fecha o modal
        } else {
            this.submit();
        }
    });

    function atualizaTotais() {
        var footTotalBruto = 0;
        var footTotalLiquido = 0;

        $('#tabelaFormasPagamento tr').each(function () {
            // Se quiser ignorar "Nao-Contabiliza", busque o valor aqui
            var formaCompensacao = $(this).find('select[name="forma_compensacao[]"]').val();

            // Se NÃO for "Nao-Contabiliza", soma
            if (formaCompensacao !== 'Nao-Contabiliza') {
                var bruto = parseFloat($(this).find('input[name="total_bruto[]"]').val()) || 0;
                var liquido = parseFloat($(this).find('input[name="total_liquido[]"]').val()) || 0;

                footTotalBruto += bruto;
                footTotalLiquido += liquido;
            }
        });

        // Atualiza os campos do rodapé
        $('#foot_total_bruto').val(footTotalBruto.toFixed(2));
        $('#foot_total_liquido').val(footTotalLiquido.toFixed(2));

        // Se tiver display formatado, chama sua função
        if (typeof atualizaDisplayTotais === 'function') {
            atualizaDisplayTotais();
        }
    }

    
</script>
@endsection