<?php $__env->startSection('content'); ?>

<div class="container">
    <?php if(isset($clienteLogado) && isset($cupomIndicacao->codigo)): ?>
        <script type="text/javascript">
            $(document).on('ready', function(){
                /*
                $("#share").jsSocials({
                    shares: ["whatsapp", "facebook", "email", "twitter"],
                    showLabel: false,
                    showCount: false,
                    url: "<?php echo url("/cadastro-indicacao/".$clienteLogado->codigo_cliente)?>",
                    text: "Cadastre-se através deste link e ganhe um cupom de R$ 20 de desconto na VinumDay."
                });
                const shareButton = document.querySelector('.indicar');
                shareButton.addEventListener('click', event => {
                    if (navigator.share) {
                        $('#share').hide();
                        $('.infique button').removeClass('hidden');

                        navigator.share({
                            title: 'Cadastre-se através deste link e ganhe um cupom de R$ 20 de desconto na VinumDay.',
                            url: '<?php echo url("/cadastro-indicacao/".$clienteLogado->codigo_cliente)?>'
                        }).then(() => {
                        })
                        .catch(console.error);
                    }
                });
                */
            });
        </script>
        <div class="indique confirm">
            <div class="bloco">
                <div class="selo-valor-cupom">
                    <div class="texto-indica">
                        <img src="img/site/selo_indica2.png" />
                    </div>

                    <div class="valor-cupom-selo">R$ 50</div>
                    
                    <div class="texto-ganha">
                        <img src="img/site/selo_indica1.png" />
                    </div>
                </div>
                <div class="content">
                    <h4>R$ 50 em sua próxima compra</h4>
                    <p>Indique um amigo! Ele ganha R$ 50 de crédito ao se cadastrar e quando fizer a primeira compra você também ganha os mesmos R$ 50</p>
                    <div class="wrapper-btn-indicacao">
                        <button class="btn-copiar-codigo btn-copy-indicacao3" type="button">Copiar link de indicação</button>
                        <div id="indicacao_code2" class="hidden"><?php echo e(url("/cadastro-indicacao/".$clienteLogado->codigo_cliente)); ?></div>
                    </div>
                </div>

                <script>
                    $(document).on('ready', function(){
                        $(document).on('click', '.btn-copy-indicacao3', function(){
                            let text = $('#indicacao_code2').text();

                            try {
                                navigator.clipboard.writeText(text);
                                alertUtil.alertSuccess('Link copiado com sucesso');
                            } catch (err) {
                                console.error('Failed to copy: ', err);
                            }
                        })
                    });
                </script>
            </div>
        </div>
    <?php endif; ?>
    <section class="confirmacao-compra">
        <div class="etapa">
            <?php if($pedidoVenda->id_status_pedido_venda == 2){ ?>
                <div class="circle-icon green">
                    <i class="fa fa-check"></i>
                </div>
                <h2 class="etapa__title">Seu pedido foi enviado para adega virtual , obrigado!</h2>
            <?php }elseif($pedidoVenda->id_status_pedido_venda == 1){ ?>
               <div style="display: flex; align-items: center; justify-content: center; gap: 10px;">
                   <div class="circle-icon orange">
                       <i class="fa fa-exclamation"></i>
                   </div>
                   <h2 class="etapa__title">Seu pedido está aguardando a confirmação do <?php echo e($pedidoVenda->tipo_deposito == 'PIX' ? 'PIX' : 'depósito'); ?>, obrigado!</h2>
               </div>
            <?php } ?>
        </div>

        <?php if($pedidoVenda->tipo_deposito == 'PIX'): ?>
            <div style="display: flex; flex-direction: column; align-items: start; gap: 12px; margin-bottom: 20px;">
                <div style="display: flex; align-items: center; justify-content: center; gap: 10px;">
                    <div class="circle-icon orange">
                        <i class="fa fa-exclamation"></i>
                    </div>
                    <h2 class="etapa__title">Após a realização do pedido, você possui até 1 dia útil para efetuar o pagamento!</h2>
                </div>

                <div style="display: flex; align-items: center; justify-content: center; gap: 10px;">
                    <div class="circle-icon orange">
                        <i class="fa fa-exclamation"></i>
                    </div>
                    <h2 class="etapa__title">Após o pagamento realizado, poderá levar até 1 dia útil para o pedido ser aprovado.</h2>
                </div>
            </div>
        <?php endif; ?>

        <p class="confirmacao-compra__numero-pedido">Número: <span class="orange"><?php echo $pedidoVenda->id; ?></span> <i class="fa fa-printer"></i></p>
        <p class="confirmacao-compra__email">Você receberá uma cópia com detalhes do seu pedido por e-mail e um link para acompanhamento.</p>

        <!-- PIX INFO -->
        <?php if($pedidoVenda->tipo_deposito == 'PIX'): ?>
        <form id="card">
        <div class="pix active confirmation">
            <?php if(empty($pedidoVenda->comprovante)): ?>
            <div class="steps step-envio-pix">
                <div class="step">
                    <span class="number">1</span>
                    <span class="text"><strong>CHAVE PIX: </strong></span>
                </div>
                <div class="input-codigo">
                    <?php if($clienteLogado->empresa_id == 1): ?>
                        <input type="text" name="VINUM" readonly onClick="selecionaPix()" value="17723844000163">
                    <?php elseif($clienteLogado->empresa_id == 2): ?>
                    <input type="text" name="VD" readonly onClick="selecionaPix()" value="31871141000103">
                    <?php elseif($clienteLogado->empresa_id == 4): ?>
                    <input type="text" name="SW" readonly onClick="selecionaPix()" value="37765580000118">
                    <?php elseif($clienteLogado->empresa_id == 5): ?>
                    <input type="text" name="CRV" readonly onClick="selecionaPix()" value="46839814000115">
                    <?php endif; ?>
                    <span class="copy-pix">Chave PIX CNPJ</span>
                </div>
            </div>




























            <div class="last-step step-envio-pix">
                <div class="step">
                    <span class="number desk">2</span>
                    <span class="number mob">2</span>
                    <span class="text">Envie o comprovante e confirme sua compra.</span>
                </div>

                <div class="upload">
                    <input id="tipo-pix" name="tipo_deposito" value="PIX" type="radio" class="hidden">
                    <input id="pagamento" name="pagamento" value="<?php echo e($pedidoVenda->id); ?>" type="radio" class="hidden">
                    <input type="file" id="fileUpload" class="pix-deposito">
                    <label for="fileUpload" class="btn-upload"><img src="img/plus.svg" alt="Adicionar arquivo"> Adicionar arquivo</label>
                    <span class="filename">Selecione um arquivo .jpg ou .png</span>
                </div>
            </div>
            <?php endif; ?>

            <div class="last-step <?php echo (empty($pedidoVenda->comprovante) ? 'hidden' : '')?>" id="view-comprovante-pix">
                <div class="step">
                    <span class="number">1</span>
                    <span class="view-comprovante-pix"><a href="<?php echo get_file_s3($pedidoVenda->comprovante, 'pedido-venda/comprovante')?>" target="_blank" id="link-comprovante-pix">Ver Comprovante</a></span>
                </div>
            </div>

            <?php if(empty($pedidoVenda->comprovante)): ?>
            <a href="javascript:void(0)" class="btn-envio-comprovante-pix" id="btn-enviar-comprovante">ENVIAR COMPROVANTE</a>
            <?php endif; ?>

            <div class="bottom bottom-pix">
                <div class="valor-total-div">
                    <span>Valor total:</span>
                    <?php if(isset($info) && $info->ativar_desconto_deposito && !empty($info->cupom_desconto_id)): ?>
                    <span class="aplicado <?php echo (empty($valorTotal->desconto) ? 'hidden' : '');?>">(Desconto <span class="desconto-aplicado"><?php echo e($valorTotal->desconto); ?></span> DEP/TED aplicado)</span>
                    <?php endif; ?>
                </div>
                <?php 
                    $desconto = ($valorTotal->total * $info->percentual_desconto_pix) / 100;
                    $valorComDesconto = $valorTotal->total - $desconto;
                 ?>
                <span class="valor-total-deposito">
                    <?php if($valorTotal->totalOriginal != $valorTotal->total): ?>
                    <span class="valor-antigo">R$ <?php echo e(number_format($valorTotal->totalOriginal, 2, ',', '.')); ?></span>	
                    <?php endif; ?>
                    <strong>R$ <?php echo e(number_format($valorComDesconto, 2, ',', '.')); ?></strong>
                </span>
            </div>
            <?php if(isset($info) && $info->validade_cashback > 0 && $info->data_fim_geracao_cashback > date('Y-m-d H:i:s') && $info->valor_minimo_cashback < $pedidoVenda->subtotal && $pedidoVenda->subtotal != $pedidoVenda->total && $pedidoVenda->saldo_usado == 0): ?>
            <span>O valor do cashback estará disponível para visualização após a confirmação do pagamento.</span>
            <?php endif; ?>
            
        </div>
        </form>
        <?php endif; ?>
        <!-- PIX INFO -->

        <hr class="hr">
        <div class="center">
            <div class="tabela-adega-virtual__left confirmacao">
                <i class="fa fa-th" style="
                    font-size: 70px;
                    color: #f8512b;
                    position:  relative;
                ">
                    <img src="/img/site/como-funciona_logo-blue.png" style="
                    position: absolute;
                    left: calc((100% - 50px)/2);
                    width: 45px;
                    position:  absolute;
                    top: calc((100% - 50px)/2);
                    left: calc((100% - 45px)/2);
                ">
                </i>
                <div class="tabela-adega-virtual__title">RESUMO<br> ADEGA</div>
            </div>
            
            <div class="vinhos-adega hide-mobile">
                <p class="numero"><?php echo $informacoesBasicasAdega['quantidadeVinhosAdega']; ?></p>
                <p class="texto">Vinhos<br>na adega</p>
            </div>
            <div class="valor-total hide-mobile">
                <p class="texto">Valor Total</p>
                <p class="numero"><span class="rs">R$</span> <?php echo number_format($informacoesBasicasAdega['valorTotal'],2,',','.'); ?></p>
            </div>
            <div class="valor-economizado hide-mobile">
                <p class="texto">Valor Economizado</p>
                <p class="numero"><span class="rs">R$</span> <?php echo number_format($informacoesBasicasAdega['valorEconomizado'],2,',','.'); ?></p>
            </div>

            <div class="confirmacao-mob hide-desktop">
                <div class="vinhos-adega">
                    <p class="texto">Vinhos na adega</p>
                    <p class="numero"><?php echo $informacoesBasicasAdega['quantidadeVinhosAdega']; ?></p>
                </div>
                <div class="valor-total">
                    <p class="texto">Valor Total</p>
                    <p class="numero"><span class="rs">R$</span> <?php echo number_format($informacoesBasicasAdega['valorTotal'],2,',','.'); ?></p>
                </div>
                <div class="valor-economizado">
                    <p class="texto">Valor Economizado</p>
                    <p class="numero"><span class="rs">R$</span> <?php echo number_format($informacoesBasicasAdega['valorEconomizado'],2,',','.'); ?></p>
                </div>
            </div>
        </div>
        <div class="align-center">
            <a href="<?php echo url('perfil/meus-vinhos#entrega'); ?>" class="confirmacao-compra__solicitar-entrega">SOLICITAR ENTREGA</a>
            <a href="<?php echo url('perfil/meus-vinhos'); ?>" class="confirmacao-compra__ir-adega">IR PARA A ADEGA VIRTUAL</a>
        </div>
    </section>

    <div id="adega">
        <div class="box">
            <div class="tabela-adega-virtual">
                <div class="tabela-adega-virtual__left">
                    <i class="fa fa-th" style="
                        font-size: 70px;
                        color: #e0583f;
                        position:  relative;
                    ">
                        <img src="/img/site/como-funciona_logo-blue.png" style="
                        position: absolute;
                        left: calc((100% - 50px)/2);
                        width: 45px;
                        position:  absolute;
                        top: calc((100% - 50px)/2);
                        left: calc((100% - 45px)/2);
                    ">
                    </i>
                    <div class="tabela-adega-virtual__title">ADEGA<br> VIRTUAL</div>
                </div>
                <div class="tabela-adega-virtual__right">
                    <p class="tabela-adega-virtual__description">Os produtos adquiridos na VinumDay são enviados para a sua adega virtual. Você poderá solicitar
                    a entrega a qualquer momento, <a href="#" class="clique-aqui">clique aqui</a> para entender nossa política de frete.</p>
                    <p class="frete-gratuito">Total adega para frete gratuito:</p>
                    <div class="flex-between">
                        <?php foreach ($regioes as $regiao): ?>
                            <div class="item">
                                <p class="item__regiao"><?php echo $regiao->nome; ?></p>
                                <p class="item__valor">R$ <?php echo number_format($regiao->valor_maximo_frete, 0,',','.'); ?></p>
                            </div>
                        <?php endforeach ?>
                    </div>
                </div>
                <div class="tabela-fretes">
                    <table class="tabela frete hide-mobile">
                        <tbody>
                            <?php //for ($i=0; $i < $max_fretes; $i++) { ?>
                                <?php foreach ($regioes as $key => $regiao): ?>
                                <tr>
                                    <td rowspan="2" style="background: #e0583f;color:white;"><?php echo $regiao->nome; ?></td>
                                    <td>Adega</td>
                                    <?php for ($i=0; $i < $max_fretes; $i++) { ?>
                                        <?php if ($i == 0){ ?>
                                            <td>
                                                <?php if (isset($fretes[$regiao->id][$i])): ?>
                                                    <?php echo 'até R$ '.number_format($fretes[$regiao->id][$i]->valor_final,2,',','.'); ?>
                                                <?php endif ?>
                                            </td>
                                        <?php }else{ ?>
                                            <td>
                                                <?php if (isset($fretes[$regiao->id][$i])): ?>
                                                    R$ <?php echo number_format($fretes[$regiao->id][$i]->valor_inicial,2,',','.'); ?> <?php echo ($fretes[$regiao->id][$i]->valor_final > 0) ? ' <br>a  R$ '.number_format($fretes[$regiao->id][$i]->valor_final,2,',','.') : '+'; ?>
                                                <?php endif ?>
                                            </td>
                                        <?php } ?>
                                    <?php } ?>
                                </tr>
                                <tr style="background: #e1e1e1;">
                                    <td>Frete</td>
                                    <?php for ($i=0; $i < $max_fretes; $i++) { ?>

                                            <td>
                                                <?php echo (isset($fretes[$regiao->id][$i]) && $fretes[$regiao->id][$i]->custo > 0 ) ? 'R$ '.number_format($fretes[$regiao->id][$i]->custo,2,',','.') : ((isset($fretes[$regiao->id][$i])) ? 'GRÁTIS' : ''); ?>
                                            </td>
                                    <?php } ?>

                                </tr>
                                <?php if ($key != count($regioes) - 1): ?>
                                    <tr>
                                        <?php for ($i=-2; $i < $max_fretes; $i++) { ?>
                                            <td style="border-right: none;"></td>
                                        <?php } ?>
                                    </tr>
                                <?php endif ?>
                                <?php endforeach ?>
                            <?php //} ?>

                        </tbody>
                    </table>

                    <table class="tabela frete hide-desktop">
                        <tbody>
                            <?php //for ($i=0; $i < $max_fretes; $i++) { ?>
                                <?php foreach ($regioes as $key => $regiao): ?>
                                <tr>
                                    <td rowspan="2" style="background: #e0583f;color:white;"><?php echo $regiao->nome; ?></td>
                                    <td>Adega</td>
                                    <?php for ($i=0; $i < $max_fretes; $i++) { ?>
                                        <?php if ($i == 0){ ?>
                                            <td>
                                                <?php if (isset($fretes[$regiao->id][$i])): ?>
                                                    <?php echo 'até R$ '.number_format($fretes[$regiao->id][$i]->valor_final,0,',','.'); ?>
                                                <?php endif ?>
                                            </td>
                                        <?php }else{ ?>
                                            <td>
                                                <?php if (isset($fretes[$regiao->id][$i])): ?>
                                                    R$ <?php echo number_format($fretes[$regiao->id][$i]->valor_inicial,0,',','.'); ?> <?php echo ($fretes[$regiao->id][$i]->valor_final > 0) ? ' <br>a  R$ '.number_format($fretes[$regiao->id][$i]->valor_final,0,',','.') : '+'; ?>
                                                <?php endif ?>
                                            </td>
                                        <?php } ?>
                                    <?php } ?>
                                </tr>
                                <tr style="background: #e1e1e1;">
                                    <td>Frete</td>
                                    <?php for ($i=0; $i < $max_fretes; $i++) { ?>

                                            <td>
                                                <?php echo (isset($fretes[$regiao->id][$i]) && $fretes[$regiao->id][$i]->custo > 0 ) ? 'R$ '.number_format($fretes[$regiao->id][$i]->custo,0,',','.') : ((isset($fretes[$regiao->id][$i])) ? 'GRÁTIS' : ''); ?>
                                            </td>
                                    <?php } ?>

                                </tr>
                                <?php if ($key != count($regioes) - 1): ?>
                                    <tr>
                                        <?php for ($i=-2; $i < $max_fretes; $i++) { ?>
                                            <td style="border-right: none;"></td>
                                        <?php } ?>
                                    </tr>
                                <?php endif ?>
                                <?php endforeach ?>
                            <?php //} ?>

                        </tbody>
                    </table>
                </div>

            </div>

        </div>
    </div>
</div>
<!-- Event snippet for Venda conversion page -->
<script>

    gtag('event', 'conversion', {
        'send_to': 'AW-971453131/hsNPCIWu22gQy-WczwM',
        'transaction_id': '<?php echo $pedidoVenda->id; ?>'
    });

    ga("create", "G-2G9YFG24J5", {name: "gtm17"});
    ga("gtm17.require", "ec", "ec.js");
    ga("gtm17.ec:setAction", "purchase", {id: '<?php echo $pedidoVenda->id; ?>', affiliation: "Online Store", revenue: '<?php echo $pedidoVenda->total; ?>', tax: "0", shipping: "0"});
    ga("gtm17.send", "pageview");

</script>
<script>
    fbq('track', 'Purchase', {currency: "BRL", value: '<?php echo $pedidoVenda->total; ?>', moeda: 'RS'});
</script>


<?php $__env->stopSection(); ?>

<?php $__env->startSection('scripts'); ?>
    <script type="text/javascript">
        $(document).ready(function(){

            $('.tabela-adega-virtual__right .clique-aqui').click(function(e){
                e.preventDefault();
                $('.tabela-fretes').slideToggle();
            });

            $('#btn-enviar-comprovante').click(function(){

                var $pagamento = $('#pagamento').val();
                var form      = new FormData($('#card')[0]);
                form.append('fileUpload', $('#fileUpload')[0].files[0]);
                form.append('pagamento', $pagamento);
                
                $.ajax({
                    url:'/perfil/enviar-comprovante',
                    type:'POST',
                    processData: false,
                    contentType: false,
                    data:form,
                    beforeSend:function(){
                        $('.carregando').fadeIn();
                    },
                    success:function(data){
                        if(data.status){
                            $('.step-envio-pix, #btn-enviar-comprovante').addClass('hidden');
                            $('#view-comprovante-pix').removeClass('hidden');
                            $('#link-comprovante-pix').attr('href', data.url);

                            alertUtil.alertSuccess(data.message);
                        }else{
                            alertUtil.alertError(data.message);
                        }
                        $('.carregando').fadeOut();
                    },
                    error:function(data){
                        alertUtil.alertError('Erro ao enviar comprovante. Tente novamente mais tarde.');
                    }

                });
            });
        });
    </script>
<?php $__env->stopSection(); ?>
<?php echo $__env->make('layouts.website', array_except(get_defined_vars(), array('__data', '__path')))->render(); ?>