@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 --}}
    @if ($message = Session::get('error'))
        <div class="alert alert-danger">
            <p>{{ $message }}</p>
        </div>
    @endif
    
    <form action="{{ route('folha_de_caixa_store') }}" method="POST" class="pt-4" id="formFolhaDeCaixa">
        <x-folha_caixa.validar_ia :folha-id="$folha->id" modelo="gpt-4.1-mini" :insightsia="$folha->insights_ia" />
        <input type="hidden" name="validado" value=1>
        @csrf
        <div class="row" style="display: flex; align-items: flex-start;">
            <div class="col-sm-6">
                <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">
                                <button type="button" id="btnMostrarTodosAnexos" class="btn btn-primary d-print-none">Mostrar Todos os Anexos</button>
                                <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_com_nome)) data-operadores="{{ json_encode($posto->operadores_postos_com_nome ?? []) }}" @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">
                            <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') }}">
                            @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 class="col-sm-3">
                                <label for="total_vendas" class="col-form-label">Total de Vendas</label>
                                <div class="input-group">
                                        <input type="number" step="0.01" name="total_vendas" id="total_vendas"
                                            class="form-control" value="{{ $folha->total_vendas ?? '' }}" readonly>

                                        <input type="text" name="folha_obs_validacao[total_vendas]" 
                                            class="form-control @if(!$view)  d-none @endif" 
                                            value="{{ $folha->camposValidados->where('campo','total_vendas')->first()->obs_validacao ?? '' }}" 
                                            readonly>

                                        <input type="text" name="folha_correto[total_vendas]" 
                                            class="form-control @if(!$view) d-none @endif" 
                                            value="{{ $folha->camposValidados->where('campo','total_vendas')->first()->correto_validacao ?? '' }}" 
                                            readonly>
                                    </div>
                                    @if(!$view)
                                        <button title="Correto" class="btn btn-success btn-sm" type="button" onclick="campoFolhaCorreto('total_vendas')"><i class="nav-icon fas fa-check"></i></button>
                                        <button title="Incorreto" class="btn btn-danger btn-sm" type="button" onclick="funcCampoFolhaEnviarLinha('total_vendas')"  data-toggle="modal" data-target="#modalCampoFolhaIncorreto"><i class="nav-icon fas fa-times"></i></button>
                                    @endif
                                    <button title="Visualizar" class="btn btn-warning btn-sm" type="button"
                                            onclick="funcVisualizarAnexo({{ 15 }})">
                                        <i class="nav-icon fas fa-eye"></i>
                                    </button>
                        </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 style="width: 50px;">Remover</th>
                                        <th>Forma de Pagamento</th>
                                        <th>Data Programada Depósito</th>
                                        <th>Total Bruto</th>
                                        <th>Total Líquido</th>
                                        <th style="width: 150px;">Opções</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 @if($pagamento->correto == 'Validado sem Falhas') style="background-color: #2ecc71;" @elseif($pagamento->correto == 'Validado com Falhas') style="background-color: #e74c3c;" @endif>
                                                <td>
                                                    @if(!$view)
                                                        <button title="Remover" class="btn btn-danger btn-sm" type="button" onclick="removerLinha(this)" data-forma-compensacao="{{ $pagamento->formaPagamento->forma_compensacao ?? '' }}"><i class="nav-icon fas fa-trash"></i></button>
                                                    @endif
                                                </td>
                                                <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 }}" readonly>@endif</td>
                                                <td><input type="number" step="0.01" name="total_bruto[]" class="form-control" value="{{ $pagamento->total_bruto }}" readonly> <input type="text" name="total_bruto_display[]" class="form-control d-none" value="{{ number_format($pagamento->total_bruto, 2, ",", ".") }}" readonly></td>
                                                <td><input type="number" step="0.01" name="total_liquido[]" class="form-control" value="{{ $pagamento->total_liquido }}" readonly> <input type="text" name="total_liquido_display[]" class="form-control d-none" value="{{ number_format($pagamento->total_liquido, 2, ",", ".") }}" readonly></td>
                                                <td>
                                                    <input type="text" name="observacaovalidacao[]" class="form-control  @if(!$view) d-none @endif" value="{{ $pagamento->obs_validacao ?? '' }}" readonly>
                                                    <input type="text" name="correto[]" class="form-control @if(!$view) d-none @endif" value="{{ $pagamento->correto_validacao ?? '' }}" readonly>
                                                    @if(!$view)
                                                        <button title="Correto" class="btn btn-success btn-sm" type="button" onclick="formaPagamentoCorreto(this)" data-forma-compensacao="{{ $pagamento->formaPagamento->forma_compensacao ?? '' }}"><i class="nav-icon fas fa-check"></i></button>
                                                        <button title="Incorreto" class="btn btn-danger btn-sm" type="button" onclick="funcEnviarLinha(this)"  data-forma-compensacao="{{ $pagamento->formaPagamento->forma_compensacao ?? '' }}" data-toggle="modal" data-target="#modalValorIncorreto"><i class="nav-icon fas fa-times"></i></button>
                                                    @endif
                                                    <button title="Visualizar" class="btn btn-warning btn-sm" type="button" onclick="funcVisualizarAnexo({{ $pagamento->formaPagamento->configurar_anexos_id ?? '' }})" data-forma-compensacao="{{ $pagamento->formaPagamento->configurar_anexos_id ?? '' }}"><i class="nav-icon fas fa-eye"></i></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="3" 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-9 text-center" id="analise_totais_container">
                            @php

                                $acumuladoFolhaCaixa = $acumuladoFolhaCaixa + $footTotalBruto - $folha->total_vendas;
                                $acumuladoFolhaCaixaOperador = $acumuladoFolhaCaixaOperador + $footTotalBruto - $folha->total_vendas;

                                if($footTotalBruto - $folha->total_vendas > 0){
                                    $folhaSobraFalta = 'sobra';
                                } else {
                                    $folhaSobraFalta = 'falta';
                                }

                                if($acumuladoFolhaCaixa > 0){
                                    $acumuladoFolhaSobraFalta = 'sobra';
                                } else {
                                    $acumuladoFolhaSobraFalta = 'falta';
                                }

                                if($acumuladoFolhaCaixaOperador > 0){
                                    $acumuladoFolhaOperadorSobraFalta = 'sobra';
                                } else {
                                    $acumuladoFolhaOperadorSobraFalta = 'falta';
                                }

                            @endphp
                            <input class="d-none" type="number" name="acumulado_folha_caixa" id="acumulado_folha_caixa" value="{{ $acumuladoFolhaCaixa }}">
                            <input class="d-none" type="number" name="acumulado_folha_caixa_operador" id="acumulado_folha_caixa_operador" value="{{ $acumuladoFolhaCaixaOperador }}">
                            <label id="lbl_resultado_analise_folha" class="col-form-label @if($footTotalBruto - $folha->total_vendas > 0) text-success @elseif($footTotalBruto - $folha->total_vendas < 0) text-danger @endif">Esta folha de caixa tem uma {{ $folhaSobraFalta}} de {{number_format($footTotalBruto - $folha->total_vendas, 2,",",".") ?? '' }}</label>
                            <br>
                            <label id="lbl_resultado_analise_operador" class="col-form-label @if($acumuladoFolhaCaixaOperador > 0) text-success @elseif($acumuladoFolhaCaixaOperador < 0) text-danger @endif">O operador possui uma {{ $acumuladoFolhaOperadorSobraFalta }} acumulada de {{number_format($acumuladoFolhaCaixaOperador, 2,",",".") ?? '' }}</label>
                            <br>
                            <label id="lbl_resultado_analise_posto" class="col-form-label @if($acumuladoFolhaCaixa > 0) text-success @elseif($acumuladoFolhaCaixa < 0) text-danger @endif">O posto possui uma {{ $acumuladoFolhaSobraFalta }} acumulada de {{number_format($acumuladoFolhaCaixa, 2,",",".") ?? '' }}</label>
                        </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-12 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-12 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 class="row p-3 align-items-end">
                        <div class="col-sm-4">
                            <label class="form-label mb-0">Litros Vendidos/Descontados </label>
                           
                        
                        </div>

                        <div class="col-sm-4 text-center bg-success">
                            <div class="form-check">
                                <input class="form-check-input" required type="radio" name="validacao_litros_vendidos" id="validacao_litros_vendidos_sim" value="sim" @if($folha->validacao_litros_vendidos == 'sim') checked @endif>
                                <label class="form-check-label" for="validacao_litros_vendidos_sim">Sim</label>
                            </div>
                        </div>

                        <div class="col-sm-4 text-center bg-danger">
                            <div class="form-check">
                                <input class="form-check-input" required type="radio" name="validacao_litros_vendidos" id="validacao_litros_vendidos_nao" value="nao" @if($folha->validacao_litros_vendidos == 'nao') checked @endif>
                                <label class="form-check-label" for="validacao_litros_vendidos_nao">Não</label>
                            </div>
                        </div>
                    </div>

                    <div class="row p-3 align-items-end">
                        {{-- radios para marcar  Sim ou Não mas de cores vermelho ou verde --}}
                        <div class="col-sm-4">
                            <label class="form-label mb-0">Contribuinte/Talão</label>
                           
                        
                        </div>

                        <div class="col-sm-4 text-center bg-success">
                            <div class="form-check">
                                <input class="form-check-input" required type="radio" name="validacao_contribuinte_talao" id="validacao_contribuinte_talao_sim" value="sim" @if($folha->validacao_contribuinte_talao == 'sim') checked @endif>
                                <label class="form-check-label" for="validacao_contribuinte_talao_sim">Sim</label>
                            </div>
                        </div>

                        <div class="col-sm-4 text-center bg-danger">
                            <div class="form-check">
                                <input class="form-check-input" required type="radio" name="validacao_contribuinte_talao" id="validacao_contribuinte_talao_nao" value="nao" @if($folha->validacao_contribuinte_talao == 'nao') checked @endif>
                                <label class="form-check-label" for="validacao_contribuinte_talao_nao">Não</label>
                            </div>
                        </div>
                    </div>


                    <div class="row p-3 align-items-end">
                        {{-- radios para marcar  Sim ou Não mas de cores vermelho ou verde --}}
                        <div class="col-sm-4">
                            <label class="form-label mb-0">Numeradores/Total Descontado </label>
                           
                        
                        </div>

                        <div class="col-sm-4 text-center bg-success">
                            <div class="form-check">
                                <input class="form-check-input" required type="radio" name="validacao_numeradores_total_descontado" id="validacao_numeradores_total_descontado_sim" value="sim" @if($folha->validacao_numeradores_total_descontado == 'sim') checked @endif>
                                <label class="form-check-label" for="validacao_numeradores_total_descontado_sim">Sim</label>
                            </div>
                        </div>

                        <div class="col-sm-4 text-center bg-danger">
                            <div class="form-check">
                                <input class="form-check-input" required type="radio" name="validacao_numeradores_total_descontado" id="validacao_numeradores_total_descontado_nao" value="nao" @if($folha->validacao_numeradores_total_descontado == 'nao') checked @endif>
                                <label class="form-check-label" for="validacao_numeradores_total_descontado_nao">Não</label>
                            </div>
                        </div>
                    </div>

                    <div class="row p-3 align-items-end">
                        <div class="col-sm-12">
                            <label for="obs_validacao">Observação Validação</label>
                            <textarea name="obs_validacao" id="obs_validacao" class="form-control">{{ $folha->obs_validacao ?? '' }}</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">
                                Validar e Fechar
                        </button>
                        <button type="button" class="btn btn-primary rounded mx-auto" data-toggle="modal" data-target="#modalDevolverFolhaCaixa">
                                Devolver Folha de Caixa
                        </button>
                    </div>
                @endif

            </div>
                {{--  --}}
            <div class="col-sm-6" style="position: sticky; top: 10px; height: calc(100vh - 20px); overflow-y: auto;">
                <x-folha_caixa.ver_anexos :anexos="$anexos" :tiposAnexos="$tiposAnexos" :largura="12" :permissao="$permissao" :folhaCaixa="$folha"/>
            </div>
        </div>

        <div class="row">
            <div class="col-sm-12">
                <div class="card mx-3 mt-3">
                    <div class="row p-3 align-items-end">
                        <div class="col-sm-12 tabela-responsive" id="divTabelaHistorico">
                            <label for="historico">Histórico</label>
                            <div class="table-responsive" style="max-height: 600px; overflow-y: auto;">
                                <table class="table table-bordered table-sm" id="tabelaHistorico">
                                    <thead>
                                        <tr>
                                            <th class="text-center">Data</th>
                                            <th class="text-center">Usuário</th>
                                            <th class="text-center">Alterações</th>
                                        </tr>
                                    </thead>
                                    <tbody>
                                        @if(isset($folha->alteracoes_folha_caixa) && count($folha->alteracoes_folha_caixa) > 0)
                                            @foreach($folha->alteracoes_folha_caixa as $item)
                                                <tr>
                                                    <td class="text-center">{{ date('d/m/Y H:i:s', strtotime($item->created_at)) }}</td>
                                                    <td class="text-center">{{ $item->user->name ?? '' }}</td>
                                                    <td class="text-center">
                                                            {!! $item->alteracoes !!}
                                                    </td>
                                                </tr>
                                            @endforeach
                                        @else
                                            <tr>
                                                <td colspan="4" class="text-center">Nenhum histórico disponível.</td>
                                            </tr>
                                        @endif
                                    </tbody>
                                </table>
                            </div>
                        </div>
                    </div>

                </div>
            </div>
        </div>
        
    </form>

</div>

<!-- Modal Divergências -->
<div class="modal fade" id="modalDevolverFolhaCaixa" tabindex="-1" aria-labelledby="modalDevolverFolhaCaixaLabel" aria-hidden="true">
  <div class="modal-dialog">
    <div class="modal-content">
      <div class="modal-header bg-warning">
        <h5 class="modal-title" id="modalDevolverFolhaCaixaLabel">Devolver Folha de Caixa</h5>
        <button type="button" class="close" data-dismiss="modal" aria-label="Close">
            <span aria-hidden="true">&times;</span>
        </button>
      </div>
      <div class="modal-body">
          <label for="observacao_devolucao">Motivo da Devolução</label>  
         <textarea rows="10" class="form-control" id="observacao_devolucao" name="observacao_devolucao" placeholder="Informe o motivo da devolução da folha de caixa"></textarea>
      </div>
      <div class="modal-footer">
            
            <button type="button" id="btnDevolver" class="btn btn-primary rounded mx-auto">
                    Devolver Folha de Caixa
            </button>
            
      </div>
    </div>
  </div>
</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>

<!-- Modal Valor Incorreto -->
<div class="modal fade" id="modalValorIncorreto" tabindex="-1" aria-labelledby="modalValorIncorretoLabel" aria-hidden="true">
  <div class="modal-dialog">
    <div class="modal-content">
      <div class="modal-header bg-warning">
        <h5 class="modal-title" id="modalValorIncorretoLabel">Valor Incorreto</h5>
        <button type="button" class="close" data-dismiss="modal" aria-label="Close">
            <span aria-hidden="true">&times;</span>
        </button>
      </div>
      <div class="modal-body">
        <form id="formValorIncorreto">
            <div class="form-group">
                <label for="valor_bruto_correto">Valor Bruto Correto</label>
                <input type="number" step="0.01" class="form-control" id="valor_bruto_correto" name="valor_bruto_correto" required>
            </div>
            <div class="form-group">
                <label for="valor_liquido_correto">Valor Líquido Correto</label>
                <input type="number" step="0.01" class="form-control" id="valor_liquido_correto" name="valor_liquido_correto" required>
            </div>
            <div class="form-group">
                <label for="observacao_incorreto">Observação</label>
                <textarea class="form-control" id="observacao_incorreto" name="observacao_incorreto" required></textarea>
            </div>
            <button type="submit" class="btn btn-primary">Salvar Correção</button>
        </form>
      </div>
      <div class="modal-footer">
         <button type="button" class="btn btn-primary" data-dismiss="modal" id="btnFecharValorIncorretoModal">Fechar</button>
      </div>
    </div>
  </div>
</div>


<!-- Modal Contador Incorreto -->
<div class="modal fade" id="modalContadorIncorreto" tabindex="-1" aria-labelledby="modalContadorIncorretoLabel" aria-hidden="true" data-contadorName="">
  <div class="modal-dialog">
    <div class="modal-content">
      <div class="modal-header bg-warning">
        <h5 class="modal-title" id="modalContadorIncorretoLabel">Contador Incorreto</h5>
        <button type="button" class="close" data-dismiss="modal" aria-label="Close">
            <span aria-hidden="true">&times;</span>
        </button>
      </div>
      <div class="modal-body">
        <form id="formContadorIncorreto">
            <input type="hidden" id="input_contador_final_name" name="input_contador_final_name" value="">
            <input type="hidden" id="input_contador_inicial_name" name="input_contador_inicial_name" value="">
            <input type="hidden" id="input_litros_name" name="input_litros_name" value="">
            <div class="form-group">
                <label for="modal_contador_final">Contador Final</label>
                <input type="number" step="0.01" class="form-control" id="modal_contador_final" name="modal_contador_final" required>
            </div>

            <div class="form-group">
                <label for="modal_contador_inicial">Contador Inicial</label>
                <input type="number" step="0.01" class="form-control" id="modal_contador_inicial" name="modal_contador_inicial" required>
            </div>
           
            <div class="form-group">
                <label for="observacao_contador_incorreto">Observação</label>
                <textarea class="form-control" id="observacao_contador_incorreto" name="observacao_contador_incorreto" required></textarea>
            </div>
            <button type="submit" class="btn btn-primary">Salvar Correção</button>
        </form>
      </div>
      <div class="modal-footer">
         <button type="button" class="btn btn-primary" data-dismiss="modal" id="btnFecharContadorValorIncorretoModal">Fechar</button>
      </div>
    </div>
  </div>
</div>

<!-- Modal modalCampoFolhaIncorreto -->
<div class="modal fade" id="modalCampoFolhaIncorreto" tabindex="-1" aria-labelledby="modalCampoFolhaIncorretoLabel" aria-hidden="true" data-contadorName="">
  <div class="modal-dialog">
    <div class="modal-content">
      <div class="modal-header bg-warning">
        <h5 class="modal-title" id="modalCampoFolhaIncorretoLabel">Campo Folha Incorreto</h5>
        <button type="button" class="close" data-dismiss="modal" aria-label="Close">
            <span aria-hidden="true">&times;</span>
        </button>
      </div>
      <div class="modal-body">
        <form id="formCampoFolhaIncorreto">
            <input type="hidden" id="input_folha_name" name="input_folha_name" value="">
            
            <div class="form-group">
                <label for="modal_folha_valor">Valor</label>
                <input type="number" step="0.01" class="form-control" id="modal_folha_valor" name="modal_folha_valor" required>
            </div>
            <div class="form-group">
                <label for="observacao_folha_incorreta">Observação</label>
                <textarea class="form-control" id="observacao_folha_incorreta" name="observacao_folha_incorreta" required></textarea>
            </div>
            <button type="submit" class="btn btn-primary">Salvar Correção</button>
        </form>
      </div>
      <div class="modal-footer">
         <button type="button" class="btn btn-primary" data-dismiss="modal" id="btnFecharCampoFolhaIncorretoModal">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');
        let contadorFinalName = '';
        let contadorInicialName = '';
        let litrosName = '';
        let operadorSelecionado = @json($folha->operador_id ?? '');

        console.log("Operadores:", operadorSelecionado);
        
        $operadorSelect.empty();

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

        }

        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(bombaID, produto) {
                                cabecalho.append(
                                    $('<th class="text-center">').text(produto.descricao || 'Produto ' + produto.id)
                                );
                                cabecalho.append($('<th class="text-center" style="width: 120px;">').text('Opções'));
                            });
                        }

                        

                        // 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(bombaID, produto) {
                                // tenta pegar o contador final específico do produto
                                let valorMinimo = '';
                                if (ultima_bomba && ultima_bomba[numBomba] && ultima_bomba[numBomba][bombaID]) {

                                    // valorMinimo = ultima_bomba[numBomba][bombaID].contador_final || 0;
                                }
                                contadorFinalName = 'contador_final_bomba_' + bomba.num_bomba + '_produto_' + produto.id + '_bombaid_' + bombaID;
                                novaLinha.append($('<td class="text-center">').html(
                                    '<input readonly type="number" step="0.01" min="' + valorMinimo + '" name="' + contadorFinalName + '" class="form-control contador-final" value="" data-bomba="' + bomba.num_bomba + '" data-produto="' + produto.id + '" data-bombaid="' + bombaID + '">'
                                ));

                                novaLinha.append($('<td class="text-center">').html(
                                //    '<input type="text" name="observacao_contadores[]" class="form-control d-none" value="" readonly>' +
                                //     '<input type="text" name="correto_contadores[]" class="form-control d-none" value="" readonly>' +

                                //     '<button title="Correto" class="btn btn-success btn-sm" type="button" onclick="contadorCorreto(this)"><i class="nav-icon fas fa-check"></i></button>' +
                                //     '<button title="Incorreto" class="btn btn-danger btn-sm" type="button" onclick="contadorFuncEnviarLinha(this, ' + contadorName + ')" data-toggle="modal" data-target="#modalContadorIncorreto"><i class="nav-icon fas fa-times"></i></button>' +
                                //     '<button title="Visualizar" class="btn btn-warning btn-sm" type="button" onclick="funcVisualizarAnexo(7)"><i class="nav-icon fas fa-eye"></i></button>'

                                '<small></small>'
                                ));
                            });
                        }

  

                        novaTabelaBombas.append(novaLinha);

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

                        if (bombas_produto[numBomba]) {
                            $.each(bombas_produto[numBomba], function(bombaID, produto) {
                                // tenta pegar o contador final específico do produto
                                let contadorInicial = '';
                                if (ultima_bomba && ultima_bomba[numBomba] && ultima_bomba[numBomba][bombaID]) {

                                    contadorInicial = ultima_bomba[numBomba][bombaID].contador_inicial || 0;
                                }
                                contadorInicialName = 'contador_inicial_bomba_' + bomba.num_bomba + '_produto_' + produto.id + '_bombaid_' + bombaID;
                                novaLinha2.append($('<td class="text-center">').html(
                                    '<input readonly type="number" step="0.01" name="' + contadorInicialName + '" class="form-control contador-inicial" value="' + contadorInicial + '" data-bomba="' + bomba.num_bomba + '" data-produto="' + produto.id + '" data-bombaid="' + bombaID + '">'
                                ));

                                novaLinha2.append($('<td class="text-center">').html(
                                    // '<input type="text" name="observacao_contadores[]" class="form-control d-none" value="" readonly>' +
                                    // '<input type="text" name="correto_contadores[]" class="form-control d-none" value="" readonly>' +

                                    // '<button title="Correto" class="btn btn-success btn-sm" type="button" onclick="contadorCorreto(this)"><i class="nav-icon fas fa-check"></i></button>' +
                                    // '<button title="Incorreto" class="btn btn-danger btn-sm" type="button" onclick="contadorFuncEnviarLinha(this, ' + contadorName + ')" data-toggle="modal" data-target="#modalContadorIncorreto"><i class="nav-icon fas fa-times"></i></button>' +
                                    // '<button title="Visualizar" class="btn btn-warning btn-sm" type="button" onclick="funcVisualizarAnexo(7)"><i class="nav-icon fas fa-eye"></i></button>'
                                    '<small></small>'
                                ));
                                
                            });
                        }


                        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(bombaID, produto) {
                                litrosName = 'litros_vendidos_bomba_' + bomba.num_bomba + '_produto_' + produto.id + '_bombaid_' + bombaID;
                                contadorFinalName = 'contador_final_bomba_' + bomba.num_bomba + '_produto_' + produto.id + '_bombaid_' + bombaID;
                                contadorInicialName = 'contador_inicial_bomba_' + bomba.num_bomba + '_produto_' + produto.id + '_bombaid_' + bombaID;

                                
                                novaLinha3.append($('<td class="text-center">').html(
                                    '<input type="number" step="0.01" name="' + litrosName + '" class="form-control litros-vendidos" value="" readonly data-bomba="' + bomba.num_bomba + '" data-produto="' + produto.id + '" data-bombaid="' + bombaID + '">'
                                ));

                                novaLinha3.append($('<td class="text-center">').html(
                                    '<input type="text" name="observacao_contadores[]" class="form-control @if(!$view) d-none @endif" value="" readonly>' +
                                    '<input type="text" name="correto_contadores[]" class="form-control @if(!$view) d-none @endif" value="" readonly>' +

                                    '<button title="Correto" class="btn btn-success btn-sm" type="button" onclick="contadorCorreto(this)"><i class="nav-icon fas fa-check"></i></button>' +
                                    '<button title="Incorreto" class="btn btn-danger btn-sm" type="button" onclick="contadorFuncEnviarLinha(this, ' + contadorFinalName + ', ' + contadorInicialName + ', ' + litrosName + ')" data-toggle="modal" data-target="#modalContadorIncorreto"><i class="nav-icon fas fa-times"></i></button>' +
                                    '<button title="Visualizar" class="btn btn-warning btn-sm" type="button" onclick="funcVisualizarAnexo(7)"><i class="nav-icon fas fa-eye"></i></button>'
                                ));                                
                            });
                        }



                        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');
        let bombaid = $(this).data('bombaid');

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

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

        let litros = final - inicial;

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

        // Atualiza o input de litros vendidos
        $('input.litros-vendidos[data-bomba="' + bomba + '"][data-produto="' + produto + '"][data-bombaid="' + bombaid + '"]').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('<button class="btn btn-danger btn-sm" type="button" onclick="removerLinha(this)" data-forma-compensacao="' + formaCompensacao + '"><i class="nav-icon fas fa-trash"></i></button>'));    
            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 + '" readonly>'));
            }else{
                novaLinha.append($('<td>').html('<input type="date" name="data_programada_deposito[]" class="form-control d-none" value="' + dataProgramadaDeposito + '" readonly>'));
            }

            novaLinha.append($('<td>').html('<input type="number" step="0.01" name="total_bruto[]" class="form-control" value="' + totalBruto + '" readonly> <input type="text" name="total_bruto_display[]" class="form-control d-none" value="' + totalBrutoDisplay.toLocaleString("pt-BR", { minimumFractionDigits: 2, maximumFractionDigits: 2 }) + '" readonly>'));
            novaLinha.append($('<td>').html('<input type="number" step="0.01" name="total_liquido[]" class="form-control" value="' + totalLiquido + '" readonly> <input type="text" name="total_liquido_display[]" class="form-control d-none" value="' + totalLiquidoDisplay.toLocaleString("pt-BR", { minimumFractionDigits: 2, maximumFractionDigits: 2 }) + '" readonly>'));
            novaLinha.append($('<td>').html(''));
            $('#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).trigger('change');
                $('#foot_total_liquido').val(footTotalLiquido).trigger('change');
                atualizaDisplayTotais();
            }

            // Limpar os campos após adicionar
            $('#forma_pagamento').val('');
            $('#data_programada_deposito').val('');
            $('#total_bruto').val('');
            $('#total_liquido').val('');
        } else {
            alert('Por favor, preencha todos os campos.');
        }
    });

    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).trigger('change');
            $('#foot_total_liquido').val(footTotalLiquido).trigger('change');
            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))
            // Dispara o change para montar as tabelas
            $('#posto_id').val('{{ $folha->posto_id }}').trigger('change');

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

                    // preenche os inputs de observação e correção
                    $('input[name="observacao_contadores[]"]').eq({{ $loop->index }}).val('{{ $bomba->obs_validacao ?? '' }}');
                    $('input[name="correto_contadores[]"]').eq({{ $loop->index }}).val('{{ $bomba->correto_validacao ?? '' }}');
 
                @endforeach
            @endif
        @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
                });
            }
        });

        // dispara alerta se tiver algum name="correto[]" vazio
        let algumCorretoVazio = false;

        $('input[name^="folha_correto["]').each(function() {
            
            if ($(this).val().trim() === '') {
                algumCorretoVazio = true;
                return false; // sai do loop
            }
        });

        if (algumCorretoVazio) {
            alert('Por favor, verifique todos os campos de validação e marque se estão corretos ou não antes de enviar.');
            return; // não envia o formulário
        }


        $('input[name="correto[]"]').each(function() {
            if ($(this).val().trim() === '') {
                algumCorretoVazio = true;
                return false; // sai do loop
            }
        });

        if (algumCorretoVazio) {
            alert('Por favor, verifique todas as formas de pagamento e marque se estão corretas ou não antes de enviar.');
            return; // não envia o formulário
        }


        $('input[name="correto_contadores[]"]').each(function() {
            if ($(this).val().trim() === '') {
                algumCorretoVazio = true;
                return false; // sai do loop
            }
        });

        if (algumCorretoVazio) {
            alert('Por favor, verifique todos os contadores e marque se estão corretos ou não antes de enviar.');
            return; // não envia o formulário
        }

  
        this.submit();
 
    });

  // função chamada pelo botão da linha
function funcEnviarLinha(botao) {
    // pega a linha do botão clicado (jQuery element)
    var linha = $(botao).closest('tr');

    // pega os valores atuais da linha
    var valorBrutoAtual = linha.find('input[name="total_bruto[]"]').val();
    var valorLiquidoAtual = linha.find('input[name="total_liquido[]"]').val();

    // preenche o formulário do modal
    $('#valor_bruto_correto').val(valorBrutoAtual);
    $('#valor_liquido_correto').val(valorLiquidoAtual);
    $('#observacao_incorreto').val('');

    // guarda a referência da linha no próprio modal (jQuery data)
    $('#modalValorIncorreto').data('linha', linha);

    // mostra o modal
    let modalEl = document.getElementById('modalValorIncorreto');
    let modal = new bootstrap.Modal(modalEl);
    modal.show();
}

// handler do submit do modal (executado sempre)
$('#formValorIncorreto').off('submit').on('submit', function(e) {
    e.preventDefault();

    // recupera a linha salva no modal
    var linha = $('#modalValorIncorreto').data('linha');
    if (!linha || linha.length === 0) {
        console.error('Linha não encontrada no modal.');
        return;
    }

    // pega os novos valores do modal
    var novoValorBruto = $('#valor_bruto_correto').val();
    var novoValorLiquido = $('#valor_liquido_correto').val();
    var observacao = $('#observacao_incorreto').val();

    // opcional: normalizar valores (trocar vírgula por ponto e garantir número)
    function normalizeNumberStr(s) {
        if (typeof s !== 'string') return s;
        s = s.replace(/\./g, ''); // remove separador de milhares (opcional)
        s = s.replace(',', '.');  // vírgula -> ponto
        return s;
    }
    // se você precisar de Number:
    // var brutoNum = parseFloat(normalizeNumberStr(novoValorBruto)) || 0;

    // Atualiza os inputs apenas na linha correta
    linha.find('input[name="total_bruto[]"]').val(novoValorBruto).trigger('change');
    linha.find('input[name="total_liquido[]"]').val(novoValorLiquido).trigger('change');

    // se tiver um campo de observação dentro da linha, atualiza também (opcional)
    linha.find('input[name="observacaovalidacao[]"]').val(observacao);
    linha.find('input[name="correto[]"]').val('Validado com Falhas');

    // limpa a referência (opcional)
    $('#modalValorIncorreto').removeData('linha');

    // fecha o modal
    let btnFecharValorIncorretoModal = document.getElementById('btnFecharValorIncorretoModal');
    btnFecharValorIncorretoModal.click();

    //muda a cor da linha para vermelho claro
    linha.css('background-color', '#e74c3c');

    //atualiza os totais
    atualizaTotais();

    atualizaDisplayTotais();
        

});

function formaPagamentoCorreto(botao) {
    
    var linha = $(botao).closest('tr');
    linha.css('background-color', '#d4edda'); 
    linha.find('input[name="correto[]"]').val('Validado sem Falhas');
}

function contadorCorreto(botao) {
    var linha = $(botao).closest('tr');
    var tdBotao = $(botao).closest('td');
    var tds = linha.find('td');
    var indexBotao = tds.index(tdBotao);

    // define o valor no input dentro da mesma célula do botão
    var input = tdBotao.find('input[name="correto_contadores[]"]');
    if (input.length > 0) {
        input.val('Validado sem Falhas');
    }

    // pinta a célula imediatamente à esquerda, se existir
    if (indexBotao > 0) {
        tds.eq(indexBotao - 1).css('background-color', '#d4edda');
    }
}

function campoFolhaCorreto(campo) {
    console.log("Campo correto chamado para:", campo);

    var divCampo = $('#' + campo).closest('.col-sm-3');
    divCampo.css('background-color', '#d4edda');
    divCampo.find('input[name="folha_correto['+ campo +']"]').val('Validado sem falhas');
}



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

        $('#tabelaFormasPagamento tbody tr').each(function() {
            var formaCompensacao = $(this).find('button').data('forma-compensacao');
            var valorBruto = parseFloat($(this).find('input[name="total_bruto[]"]').val()) || 0;
            var valorLiquido = parseFloat($(this).find('input[name="total_liquido[]"]').val()) || 0;

            if(formaCompensacao != 'Nao-Contabiliza'){
                footTotalBruto += valorBruto;
                footTotalLiquido += valorLiquido;
            }
        });

        $('#foot_total_bruto').val(footTotalBruto).trigger('change');
        $('#foot_total_liquido').val(footTotalLiquido).trigger('change');
    }

function funcVisualizarAnexo(tipoAnexoId) {
    $('[class*="div_anexo_"]').addClass('d-none');
    $('.div_anexo_' + tipoAnexoId).removeClass('d-none');
}


function contadorFuncEnviarLinha(botao, contadorFinalName, contadorInicialName, litrosName) {
    var $contadorFinalName = $(contadorFinalName);
    var $contadorInicialName = $(contadorInicialName);
    var $litrosName = $(litrosName);
    
    var valorContadorFinal = $contadorFinalName.val() || '';
    var valorContadorInicial = $contadorInicialName.val() || '';
    var valorLitros = $litrosName.val() || '';

    $('#modal_contador_final').val(valorContadorFinal);
    $('#modal_contador_inicial').val(valorContadorInicial);
    

    $('#observacao_contador_incorreto').val('');


    $('#input_contador_final_name').val($contadorFinalName.attr('name'));
    $('#input_contador_inicial_name').val($contadorInicialName.attr('name'));
    $('#input_litros_name').val($litrosName.attr('name'));

    // Exibe o modal
    let modalEl = document.getElementById('modalContadorIncorreto');
    let modal = new bootstrap.Modal(modalEl);
    modal.show();
}



$('#formContadorIncorreto').on('submit', function(e) {
     e.preventDefault();

    var input_contador_final_name = $('#input_contador_final_name').val();
    var input_contador_inicial_name = $('#input_contador_inicial_name').val();

    var modal_contador_final = $('#modal_contador_final').val();
    var modal_contador_inicial = $('#modal_contador_inicial').val();
    var observacao = $('#observacao_contador_incorreto').val();

    // Atualiza todos os inputs com esse name (ou apenas o primeiro)
    var $inputFinal = $('input[name="' + input_contador_final_name + '"]').first();
    var $inputInicial = $('input[name="' + input_contador_inicial_name + '"]').first();
    var $inputLitros = $('input[name="' + $('#input_litros_name').val() + '"]').first();
    
    $inputFinal.val(modal_contador_final);
    $inputInicial.val(modal_contador_inicial);

    $inputFinal.trigger('input');
    // pinta a célula em vermelho claro
    $inputLitros.closest('td').css('background-color', '#e74c3c');


    var $celulaObservacao = $inputLitros.closest('td').next('td');
    $celulaObservacao.find('input[name="observacao_contadores[]"]').val(observacao);
    $celulaObservacao.find('input[name="correto_contadores[]"]').val('Validado com Falhas');

   let btnFecharContadorValorIncorretoModal = document.getElementById('btnFecharContadorValorIncorretoModal');
    btnFecharContadorValorIncorretoModal.click();

    //muda a célula para vermelho claro
    var td = $('#' + input_contador_final_name).closest('td');
    td.css('background-color', '#e74c3c');

});

function funcCampoFolhaEnviarLinha(campo) {
    var valorCampo = $('#' + campo).val() || '';
    $('#modal_folha_valor').val(valorCampo);
    $('#input_folha_name').val(campo);

    // Exibe o modal
    let modalEl = document.getElementById('modalCampoFolhaIncorreto');
    let modal = new bootstrap.Modal(modalEl);
    modal.show();
}

$('#formCampoFolhaIncorreto').on('submit', function(e) {
     e.preventDefault();

    var input_folha_name = $('#input_folha_name').val();
    var modal_folha_valor = $('#modal_folha_valor').val();
    var observacao = $('#observacao_folha_incorreta').val();

    // Atualiza o input com esse id
    var $inputCampo = $('#' + input_folha_name);
    
    $inputCampo.val(modal_folha_valor).trigger('change');

    // pinta a célula em vermelho claro
    var divCampo = $inputCampo.closest('.col-sm-3');
    divCampo.css('background-color', '#e74c3c');

    // seta os inputs de observação e correto
    divCampo.find('input[name="folha_obs_validacao['+ input_folha_name +']"]').val(observacao);
    divCampo.find('input[name="folha_correto['+ input_folha_name +']"]').val('Validado com Falhas');

   let btnFecharCampoFolhaIncorretoModal = document.getElementById('btnFecharCampoFolhaIncorretoModal');
    btnFecharCampoFolhaIncorretoModal.click();

});

@if($view)
    // Se for view, desabilita todos os selects e inputs do formulário menos os botões com classe btn-warning
    $('#formFolhaDeCaixa :input').prop('disabled', true);
    $('#formFolhaDeCaixa :button').prop('disabled', true);

    $('#formFolhaDeCaixa .btn-warning').prop('disabled', false);

@endif

$('#foot_total_bruto, #total_vendas').on('change', function() {
    let totalBruto = parseFloat($('#foot_total_bruto').val()) || 0;
    let total_vendas = parseFloat($('#total_vendas').val()) || 0;
    let acumulado_folha_caixa = parseFloat($('#acumulado_folha_caixa').val()) || 0;
    let acumulado_folha_caixa_operador = parseFloat($('#acumulado_folha_caixa_operador').val()) || 0;
    
    let diferenca = totalBruto - total_vendas;
    let diferenca_acumulada_folha = diferenca + acumulado_folha_caixa;
    let diferenca_operador = diferenca + acumulado_folha_caixa_operador;

   let folhaSobraFalta = diferenca > 0 ? 'sobra' : (diferenca < 0 ? 'falta' : 'conferência correta');
   let acumuladoFolhaSobraFalta = diferenca_acumulada_folha > 0 ? 'sobra' : (diferenca_acumulada_folha < 0 ? 'falta' : 'conferência correta');
   let operadorSobraFalta = diferenca_operador > 0 ? 'sobra' : (diferenca_operador  < 0 ? 'falta' : 'conferência correta');

    $('#lbl_resultado_analise_folha').remove();
    $('#lbl_resultado_analise_operador').remove();
    $('#lbl_resultado_analise_posto').remove();

    $('#analise_totais_container').append(
        '<label id="lbl_resultado_analise_folha" class="col-form-label ' + 
        (diferenca > 0 ? 'text-success' : (diferenca < 0 ? 'text-danger' : '')) + 
        '">Esta folha de caixa tem uma ' + folhaSobraFalta + ' de ' + diferenca.toLocaleString("pt-BR", { minimumFractionDigits: 2, maximumFractionDigits: 2 }) + '</label><br>' +
        '<label id="lbl_resultado_analise_operador" class="col-form-label ' + 
        (diferenca_operador > 0 ? 'text-success' : (diferenca_operador < 0 ? 'text-danger' : '')) + 
        '">O operador possui uma ' + operadorSobraFalta + ' acumulada de ' + diferenca_operador.toLocaleString("pt-BR", { minimumFractionDigits: 2, maximumFractionDigits: 2 }) + '</label><br>' +
        '<label id="lbl_resultado_analise_posto" class="col-form-label ' + 
        (diferenca_acumulada_folha > 0 ? 'text-success' : (diferenca_acumulada_folha < 0 ? 'text-danger' : '')) + 
        '">O posto possui uma ' + acumuladoFolhaSobraFalta + ' acumulada de ' + diferenca_acumulada_folha.toLocaleString("pt-BR", { minimumFractionDigits: 2, maximumFractionDigits: 2 }) + '</label>'
    );
});

$('#btnMostrarTodosAnexos').click(function() {
    $('[class*="div_anexo_"]').removeClass('d-none');
});

    $('#btnDevolver').click(function() {
        var observacao_devolucao = $('#observacao_devolucao').val();

        if(!observacao_devolucao.trim()) {
            alert('Por favor, insira uma observação para a devolução antes de prosseguir.');
            return;
        }

        if (confirm('Tem certeza que deseja devolver esta folha de caixa para correção?')) {

            let baseUrl = "{{ route('folha_de_caixa_devolver', ['id' => $folha->id]) }}";

            window.location.href = baseUrl + "?textoDevolucao=" + encodeURIComponent(observacao_devolucao);
        }
    });
</script>

@endsection