@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

<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>
    <form action="{{ route('folha_de_caixa_store') }}" method="POST" class="pt-4">
        @csrf

        <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
                                >{{ $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="Único" @if(isset($folha->turno) && $folha->turno == 'Único') selected @endif>Único</option>
                    <option value="A" @if(isset($folha->turno) && $folha->turno == 'A') selected @endif>A</option>
                    <option value="B" @if(isset($folha->turno) && $folha->turno == 'B') selected @endif>B</option>
                    <option value="C" @if(isset($folha->turno) && $folha->turno == 'C') selected @endif>C</option>

                </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>
                <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>
                        @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 }}" readonly>@endif</td>
                                    <td><input type="number" step="0.01" name="total_bruto[]" class="form-control d-none" value="{{ $pagamento->total_bruto }}" readonly> <input type="text" name="total_bruto_display[]" class="form-control" value="{{ number_format($pagamento->total_bruto, 2, ",", ".") }}" readonly></td>
                                    <td><input type="number" step="0.01" name="total_liquido[]" class="form-control d-none" value="{{ $pagamento->total_liquido }}" readonly> <input type="text" name="total_liquido_display[]" class="form-control" value="{{ number_format($pagamento->total_liquido, 2, ",", ".") }}" readonly></td>
                                    <td><button class="btn btn-danger btn-sm" type="button" onclick="removerLinha(this)">Remover</button></td>
                                </tr>
                            @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($folha->formas_pagamento_folha){{number_format($folha->formas_pagamento_folha->sum('total_bruto') ?? 0, 2,",",".") }}@endif</span><input type="number" name="foot_total_bruto" id="foot_total_bruto" class="form-control d-none" @isset($folha->formas_pagamento_folha)value="{{ $folha->formas_pagamento_folha->sum('total_bruto') ?? 0 }}" @else value="0" @endif readonly></td>
                            <td><span class="pl-2" id="foot_total_liquido_display">@isset($folha->formas_pagamento_folha){{ number_format($folha->formas_pagamento_folha->sum('total_liquido') ?? 0, 2,",",".") }}@endif</span><input type="number" name="foot_total_liquido" id="foot_total_liquido" class="form-control d-none" @isset($folha->formas_pagamento_folha)value="{{ $folha->formas_pagamento_folha->sum('total_liquido') ?? 0 }}" @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 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
                </button>
            </div>
        </div>
    </form>
</div>
</div>
<script>
   $('#posto_id').change(function() {
        var operadores = $(this).find(':selected').data('operadores');
        var $operadorSelect = $('#operador');
        var permitidoFolhaCaixa = $(this).find(':selected').data('permitido-folha-caixa');
        var ultimaSondagem = $(this).find(':selected').data('ultima-sondagem');

        $operadorSelect.empty();

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

        console.log(ultimaSondagem);

        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);
            } else {
                $('#btnSalvar').prop('disabled', false);
            }
        }
    });


    $('#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 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 + '" 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 d-none" value="' + totalBruto + '" readonly> <input type="text" name="total_bruto_display[]" class="form-control" 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 d-none" value="' + totalLiquido + '" readonly> <input type="text" name="total_liquido_display[]" class="form-control" value="' + totalLiquidoDisplay.toLocaleString("pt-BR", { minimumFractionDigits: 2, maximumFractionDigits: 2 }) + '" readonly>'));
            novaLinha.append($('<td>').html('<button class="btn btn-danger btn-sm" type="button" onclick="removerLinha(this)">Remover</button>'));
            $('#tabelaFormasPagamento tbody').append(novaLinha);

            // Atualizar os totais
            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('');
        } 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();

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


    @if(isset($folha->operador))
        $(document).ready(function() {
            $('#posto_id').trigger('change');
            $('#operador').val('{{ $folha->operador }}');

        });
    @endif

    
</script>
@endsection