@php
$soma = 0;
foreach($somaTiposPagamento as $tp) {
    $soma += $tp;
}
$somaSangria = isset($somaSangria) ? $somaSangria : 0;
$somaSuprimento = isset($somaSuprimento) ? $somaSuprimento : 0;
$saldoFinal = $totalVendas + $valor_abertura - $somaSangria + $somaSuprimento;
@endphp

<div class="resumo-caixa">
    <div class="valor-item">
        <span class="valor-label"><i class="ri-wallet-3-line me-2"></i>Valor de Abertura:</span>
        <span class="valor-amount text-primary">R$ {{ __moeda($valor_abertura) }}</span>
    </div>
    <div class="valor-item">
        <span class="valor-label"><i class="ri-shopping-cart-line me-2"></i>Total em Vendas:</span>
        <span class="valor-amount text-success">R$ {{ __moeda($soma) }}</span>
    </div>
    <div class="valor-item">
        <span class="valor-label"><i class="ri-arrow-down-circle-line me-2"></i>Total em Sangrias:</span>
        <span class="valor-amount text-danger">R$ {{ __moeda($somaSangria) }}</span>
    </div>
    <div class="valor-item">
        <span class="valor-label"><i class="ri-arrow-up-circle-line me-2"></i>Total em Suprimentos:</span>
        <span class="valor-amount text-info">R$ {{ __moeda($somaSuprimento) }}</span>
    </div>
</div>

<div class="saldo-final">
    <div class="label">SALDO FINAL DO CAIXA</div>
    <div class="amount">R$ {{ __moeda($saldoFinal) }}</div>
</div>

{!!Form::open()->post()->route('caixa.fechar')->id('form-fechar-caixa-pdv')!!}
<input type="hidden" name="valor_fechamento" value="{{ $totalVendas + $valor_abertura }}">
<input type="hidden" name="caixa_id" value="{{ $item->id }}">

<div class="row g-3">
    <div class="col-md-12">
        <label class="form-label fw-bold"><i class="ri-money-dollar-circle-line me-2"></i>Valor em Dinheiro</label>
        {!! Form::tel('valor_dinheiro', 'Valor em Dinheiro')->attrs(['class' => 'form-control moeda', 'placeholder' => '0,00']) !!}
    </div>
    <div class="col-md-12">
        <label class="form-label fw-bold"><i class="ri-bank-card-line me-2"></i>Valor em Cheque</label>
        {!! Form::tel('valor_cheque', 'Valor em Cheque')->attrs(['class' => 'form-control moeda', 'placeholder' => '0,00']) !!}
    </div>
    <div class="col-md-12">
        <label class="form-label fw-bold"><i class="ri-wallet-line me-2"></i>Valor Outros</label>
        {!! Form::tel('valor_outros', 'Valor Outros')->attrs(['class' => 'form-control moeda', 'placeholder' => '0,00']) !!}
    </div>
    <div class="col-md-12">
        <label class="form-label fw-bold"><i class="ri-file-text-line me-2"></i>Observação</label>
        {!! Form::text('observacao', 'Observação')->attrs(['class' => 'form-control', 'placeholder' => 'Digite uma observação (opcional)']) !!}
    </div>
    <div class="col-md-12 mt-4">
        <button type="submit" class="btn btn-fechar-caixa">
            <i class="ri-lock-line me-2"></i>CONFIRMAR FECHAMENTO DE CAIXA
        </button>
    </div>
</div>
{!!Form::close()!!}

<script>
$(document).ready(function() {
    // Inicializa máscaras de moeda
    $('.moeda').mask('#.##0,00', {reverse: true});
    
    // Handler do formulário
    $('#form-fechar-caixa-pdv').on('submit', function(e) {
        e.preventDefault();
        var $form = $(this);
        
        swal({
            title: "Confirmar Fechamento?",
            text: "Tem certeza que deseja fechar o caixa? Esta ação não pode ser desfeita.",
            icon: "warning",
            buttons: {
                cancel: "Cancelar",
                confirm: {
                    text: "Sim, Fechar Caixa",
                    value: true,
                    className: "btn-danger"
                }
            },
            dangerMode: true,
        }).then((confirmar) => {
            if (confirmar) {
                // Mostra loading
                swal({
                    title: "Fechando Caixa...",
                    text: "Aguarde enquanto processamos o fechamento.",
                    icon: "info",
                    buttons: false,
                    closeOnClickOutside: false,
                    closeOnEsc: false,
                });
                
                // Envia o formulário
                $.ajax({
                    url: $form.attr('action'),
                    method: 'POST',
                    data: $form.serialize(),
                    dataType: 'json',
                    headers: (function(){
                        var token = $('meta[name="csrf-token"]').attr('content');
                        return token ? { 'X-CSRF-TOKEN': token } : {};
                    })(),
                    success: function(response) {
                        if (!response || response.success === false) {
                            swal("Erro", (response && response.message) ? response.message : "Não foi possível fechar o caixa. Tente novamente.", "error");
                            return;
                        }
                        swal({
                            title: "Caixa Fechado!",
                            text: "O caixa foi fechado com sucesso.",
                            icon: "success",
                            timer: 2000,
                            buttons: false
                        }).then(() => {
                            // Redireciona para a lista de caixas ou recarrega a página
                            window.location.href = path_url + 'caixa';
                        });
                    },
                    error: function(xhr) {
                        if (xhr && xhr.status === 419) {
                            swal("Sessão expirada", "Sua sessão expirou. Recarregue a página e tente novamente.", "warning");
                            return;
                        }
                        var msg = "Não foi possível fechar o caixa. Tente novamente.";
                        try {
                            if (xhr.responseJSON && xhr.responseJSON.message) {
                                msg = xhr.responseJSON.message;
                            }
                        } catch(_e) {}
                        swal("Erro", msg, "error");
                    }
                });
            }
        });
    });
});
</script>