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

<?php echo $__env->make('perfil/menu-lateral', ['configMenuLateral' => $configMenuLateral], array_except(get_defined_vars(), array('__data', '__path')))->render(); ?>

<div class="minha-conta__right">
    <div class="box virada first-block">
        <div class="top-box-virada">
            <div class="l-top-virada">
                <img src="/img/adega/ilustra-alone.svg" alt="Adega da Virada">
                <div class="l-top-box-title">
                    <h2>Adega<br>da Virada</h2>
                </div>
            </div>
            <div class="r-top-virada">
                <div class="kpi-virada">
                    <img src="/img/adega/admin-icon1.svg" alt="Cupons">
                    <strong><?php echo e(count($cuponsCliente)); ?></strong>
                    <span>Seus cupons</span>
                </div>
                <div class="kpi-virada">
                    <img src="/img/adega/admin-icon2.svg" alt="Data Sorteio">
                    <strong><?php echo e(date('d/m', strtotime($adegaVirada->data_sorteio))); ?></strong>
                    <span>Dia do sorteio</span>
                </div>
            </div>
        </div>
        <?php if(!$participando): ?>
        <span class="promotion-txt-virada">Não conhece a promoção? <a target="_blank" href="<?php echo e(url('/adega-da-virada')); ?>">Clique aqui</a> e saiba mais!</span>
        <?php endif; ?>
    </div>

    <?php if(!$regulamentoStatus): ?>
        <div class="box virada regulamento-perfil">
            <h3 class="title-cupons-virada">Você precisa aceitar o regulamento para começar a indicar amigos e validar sua participação. <a style="color: #E0583F" href="/adega-da-virada/regulamento">Saiba mais</a></h3>
        </div>
    <?php endif; ?>

    <?php if(!$participando && $adegaViradaParticipante): ?>
        <div class="box virada" style="padding: 12px; text-align: center;">
            <span style="color: #e13c4c; font-weight: bold">Você cancelou sua participação na Adega da Virada 2023.</span>
        </div>
    <?php endif; ?>

    <div class="box virada regulamento-perfil">
        <div class="indicacoes-virada-titulo">
            <div>
                <h3 class="title-cupons-virada">SUAS INDICAÇÕES (<?php echo e(count($indicacoes)); ?>)</h3>
            </div>

            <?php if($regulamentoStatus && $participando && $adegaVirada->data_encerramento >= date('Y-m-d H:i:s')): ?>
                <div style="margin-left: auto;">
                    <button type="button" class="btn-indicar" style="font-family: 'Montserrat',sans-serif;">
                        <?php if (app('mobile-detect')->isMobile() && !app('mobile-detect')->isTablet()) : ?>
                            Indicar
                        <?php endif; ?>

                        <?php if(!app('mobile-detect')->isMobile()) : ?>
                            Nova indicação
                        <?php endif; ?>
                    </button>
                </div>
            <?php endif; ?>
           
        </div>

        <?php if(count($indicacoes) == 0): ?>
            <div style="padding: 0px 0px 20px 44px;">
                Você não indicou nenhum amigo.
            </div>
        <?php endif; ?>

        <div class="lista-convites" style="margin-left: 25px; padding-bottom: 20px;">

            <?php $__currentLoopData = $indicacoes; $__env->addLoop($__currentLoopData); foreach($__currentLoopData as $indicacao): $__env->incrementLoopIndices(); $loop = $__env->getLastLoop(); ?>
                <div class="convite-item">
                    <img src="/img/site/user2-conf.svg" alt="" class="convite-item-image" style="object-fit: cover;">
                    <div class="conv-text">
                        <strong><?php echo e($indicacao->email); ?></strong>

                        <?php if($indicacao->situacao == 'A'): ?>
                            <span class="confirmado"><img src="/img/site/conf-confirmado.svg" alt="Confirmado">Confirmado</span>
                        <?php elseif($indicacao->situacao == 'E'): ?>
                            <span class="enviado"><img src="/img/site/conf-enviado.svg" alt="Convite enviado">Convite enviado</span>
                        <?php else: ?>
                            <span class="confirmado"><img src="/img/site/conf-confirmado.svg" alt="Convite enviado">Convite enviado</span>
                        <?php endif; ?>
                        
                    </div>
                </div>
            <?php endforeach; $__env->popLoop(); $loop = $__env->getLastLoop(); ?>
        </div> 
    </div>

    <!-- <div class="box virada">
        <?php 
            $total = 500;
            $atual = 139;
            $porcentagem = ( $atual * 100 ) / $total;
            $valorRestante = $total - $atual;
         ?>

        <div class="top-virada-restante">
            <img src="/img/adega/tacas.svg" alt="Não perca esta oportunidade!">
            <div class="virada-restante-txt">
                <h3>Não perca esta oportunidade!</h3>
                <p>Faltam apenas <strong>R$ <?php echo e(number_format($valorRestante, 2, ',', '.')); ?></strong> para você ganhar seu próximo cupom.<br>Confira nossa <a target="_blank" href="<?php echo e(url('/oferta' . '/' . $ofertaDia['slug'])); ?>">oferta do dia</a>!</p>
            </div>
        </div>
        <div class="virada-restante-progress">
            <span class="side-numbers">R$ <?php echo e(number_format($atual, 2, ',', '.')); ?></span>
            <div class="virprog-wrap">
                <div class="virprog-bar" style="width:<?php echo e(str_replace(',', '.', $porcentagem)); ?>%;">
                    <span><?php echo e($porcentagem); ?>%</span>
                </div>
            </div>
            <span class="side-numbers">R$  <?php echo e(number_format($adegaVirada->valor_pedidos_cupom, 2, ',', '.')); ?></span>
        </div>
    </div> -->


    <?php if(isset($amigoQueIndicou) && isset($amigoQueIndicou->participante)): ?>
    <div class="box virada">
        <h3 class="title-cupons-virada">INDICAÇÃO</h3>
        <div class="indicacao-amigo">
            <div class="codigo-indicacao-texto-amigo">
                Você foi indicado por: <strong><?php echo e($amigoQueIndicou->participante->cadastro->nome); ?></strong>
            </div>
            </br>

            <div class="codigo-indicacao-texto-amigo">
                Código do amigo: <strong><?php echo e($amigoQueIndicou->participante->codigo); ?></strong>
            </div>
        </div>
    </div>
    <?php endif; ?>

    <?php if($adegaViradaParticipante && $regulamentoStatus && $participando && $adegaVirada->data_encerramento >= date('Y-m-d H:i:s')): ?>
    <div class="box virada">
        <h3 class="title-cupons-virada">CÓDIGO DE INDICAÇÃO</h3>

        <div class="codigo-indicacao-personalizado">
            <div class="codigo-indicacao-texto">
                Seu código de indicação:
            </div>

            <input type="text" class="codigo_personalizado_input" name="codigo_personalizado_preview" value="<?php echo e($codigo); ?>" readonly />

            <button type="button" class="btn-indicacao-personalizado">COPIAR CÓDIGO</button>
        </div>

        <h3 class="title-cupons-virada" style="padding-top: 0px;">CONVIDAR POR CÓDIGO:</h3>
        <div class="personalizar-codigo-cupons" style="width: 85%; text-align: justify; padding-right: 44px; padding-top: 0px;" id="convite-codigo">
Está rolando uma promo na VinumDay chamada Adega da Virada que vai sortear R$ 15.000,00 em vinhos no dia 28/12. Pra participar basta comprar pelo menos R$ 50,00 em vinhos com o selo “Adega da Virada” e no checkout utilizar o código <span class="codigo_adega_virada"><strong><?php echo e($codigo); ?></strong></span> no campo Código Adega da Virada! <br>
De quebra você ainda pode utilizar um cupom de R$20,00 de desconto em sua primeira compra: PRIMEIRA20
        </div>

        <button type="button" class="btn-convite-personalizado" style="margin-left: 40px;<?php echo (isset($adegaViradaParticipante) && $adegaViradaParticipante->personalizou_codigo == 1 ? 'margin-bottom:20px' : '');?>">COPIAR CONVITE</button>

        <?php if(isset($adegaViradaParticipante) && $adegaViradaParticipante->personalizou_codigo == 0): ?>
            <div class="personalizar-codigo-cupons">
                    Você também pode criar um código de indicação personalizado.
                </br>
                
                <div class="personalizar-codigo">
                    <button style="font-family: 'Montserrat',sans-serif;" class="btn-action btn-personalizar-cod" type="button">Personalizar meu código</button>
                </div>
            </div>
        <?php endif; ?>
    </div>
    <?php endif; ?>

    <div class="box virada">
        <h3 class="title-cupons-virada">SEUS CUPONS (<?php echo e(count($cuponsCliente)); ?>)</h3>

        <?php if(count($cuponsCliente) == 0): ?>
            <div class="nenhum-cupom">
                Você não possui nenhum cupom.
            </div>
        <?php else: ?>
            <div class="list-cupons-virada">
                <?php $__currentLoopData = $cuponsCliente; $__env->addLoop($__currentLoopData); foreach($__currentLoopData as $cupom): $__env->incrementLoopIndices(); $loop = $__env->getLastLoop(); ?>
                    <div class="item-cupom-virada">
                        <div class="left-item-virada-cupom">
                            <span>#<strong><?php echo e($cupom->numero); ?></strong></span>
                            <?php if(isset($cupom->nome_indicado) && $cupom->nome_indicado): ?>
                                <p>Referente a indicação de <span style="font-size: 13px !important"><?php echo e($cupom->nome_indicado); ?></span></p>
                            <?php endif; ?>
                        </div>
                        <span class="data-resgate-virada">Cupom resgatado em:<strong><?php echo e(date('d/m/Y', strtotime($cupom->data_cadastro))); ?></strong></span>
                    </div>
                <?php endforeach; $__env->popLoop(); $loop = $__env->getLastLoop(); ?>
            </div>
        <?php endif; ?>
    </div>

    <?php if($participando): ?>
        <div class="box virada box-revogar">
            <!-- <h3 class="title-cupons-virada">Conta</h3> -->
            <button style="font-family: 'Montserrat',sans-serif;" class="btn-action btn-revogar">Cancelar participação</button>
        </div>
    <?php endif; ?>
    
    <div class="modal-indicacao membro-modal adicionar-membro">
        <img src="/img/site/close-modal-conf.svg" class="close-modal" alt="Fechar">
        <h3>Nova indicação</h3>
        <div class="membro-modal-box">
            <h4>Convidar por e-mail:</h4>
            
            <div class="input-modal-indicacao">
                <label for="nome_indicado">Nome</label>
                <input class="convite-email" type="text" id="nome_indicado" placeholder="Digite o nome">
            </div>

            <div class="input-modal-indicacao">
                <label for="email_indicado">E-mail</label>
                <input class="convite-email" type="email" id="email_indicado" placeholder="Digite o e-mail">
            </div>

            <button type="button" class="btn-action btn-conf enviar-convite-email">ENVIAR CONVITE</button>

            <h4 style="margin-top: 10px;">Convidar por link:</h4>

            <div class="input-modal-indicacao">
                <label for="link_compartilhavel">Link compartilhável</label>
                <input class="convite-email" type="text" id="link_compartilhavel" value="https://www.vinumday.com.br/adega-da-virada/convite/<?php echo e($codigo); ?>" readonly>
            </div>
    
            <!-- <h4>Convidar por link:</h4>
            <div class="input-box">
                <div class="label-box">
                    <label for="link">Link compartilhável</label>
                </div>
                <input type="text" id="link" value="https://www.vinumday.com.br/confraria/convite/" readonly>
            </div> -->
        </div>
    </div>
    <div class="modal-indicacao-overlay"></div>



<div class="modal-revogar-participacao">
    <img src="/img/site/close-modal-conf.svg" class="close-modal close-modal-partipacao" alt="Fechar">
    <h3 style="color: #e23232">Atenção</h3>
    <div class="membro-modal-box">
        <h4>Você tem certeza que deseja <span style="color: #e23232">cancelar sua participacão na Adega da Virada 2023?</span></h4>
        <span style="padding-top: 10px;">Você perderá todos os seus cupons e não poderá mais participar.</span>

        <div class="action-modal-excluir-conf">
            <button type="button" class="action-cancelar-participacao btn-action">Cancelar participação</button>
        </div>
    </div>
</div>
<div class="modal-revogar-overlay"></div>

<div class="modal-codigo">
    <img src="/img/site/close-modal-conf.svg" class="close-modal close-modal-codigo" alt="Fechar">
    <h3>Criar um código personalizado</h3>
    <div class="membro-modal-box">
        <p><strong>Atenção</strong>, você só poderá editar o seu código <strong>uma</strong> vez.</p>

        <input class="cod-personalizado-modal" name="codigo_personalizado" placeholder="Código personalizado">
        </br>

        <button class="btn-action salvar-codigo">Salvar código</button>
    </div>
</div>
<div class="modal-codigo-overlay"></div>

    <script>
        function copyToClipboard(text) {
            var dummy = document.createElement("textarea");
            // to avoid breaking orgain page when copying more words
            // cant copy when adding below this code
            // dummy.style.display = 'none'
            document.body.appendChild(dummy);
            //Be careful if you use texarea. setAttribute('value', value), which works with "input" does not work with "textarea". – Eduard
            dummy.value = text;
            dummy.select();
            document.execCommand("copy");
            document.body.removeChild(dummy);
        }

        $(document).ready(function(){
            $(document).on('click', '.btn-indicar', function(){
                $('.modal-indicacao.adicionar-membro, .modal-indicacao-overlay').addClass('active')
            });

            $(document).on('click', '.close-modal, .btn-cancel, .modal-indicacao-overlay', function(){
                $('.modal-indicacao, .modal-indicacao-overlay').removeClass('active');
            });

            $(document).on('click', '.btn-revogar', function(){
                $('.modal-revogar-participacao, .modal-revogar-overlay').addClass('active')
            });

            $(document).on('click', '.close-modal-partipacao, .btn-cancel, .modal-revogar-overlay', function(){
                $('.modal-revogar-participacao, .modal-revogar-overlay').removeClass('active');
            });

            $(document).on('click', '.btn-personalizar-cod', function(){
                $('.modal-codigo, .modal-codigo-overlay').addClass('active')
            });

            $(document).on('click', '.close-modal-codigo, .btn-cancel, .modal-codigo-overlay', function(){
                $('.modal-codigo, .modal-codigo-overlay').removeClass('active');
            });

            $(document).on('click', '.action-cancelar-participacao', function (){
                console.log('cancelar participacao');
                
                $('.carregando').fadeIn();
                $.ajax({
                    type: "post",
                    url: `/adega-da-virada/cancelar-participacao`,
                    data: {},
                    success: function(data) {
                        $('.carregando').fadeOut();
                        console.log(data);

                        if(!data.status)
                            return alertUtil.alertError(data.message);

                        $('.modal-revogar-participacao, .modal-revogar-overlay').removeClass('active');
                        alertUtil.alertSuccess(data.message);
                        return setTimeout(function(){
                            location.reload();
                        }, 1200);
                                               
                    },
                    error: function() {
                        $('.carregando').fadeOut();
                    }
                });

            });


            $(document).on('click', '.salvar-codigo', function (){
                
                $('.carregando').fadeIn();
                let codigo = $('[name="codigo_personalizado"]').val();
                $.ajax({
                    type: "post",
                    url: `/adega-da-virada/salvar-codigo-personalizado`,
                    data: {
                        codigo: codigo
                    },
                    success: function(data) {
                        $('.carregando').fadeOut();

                        if(!data.status)
                            return alertUtil.alertError(data.message);

                        $('.modal-codigo, .modal-codigo-overlay').removeClass('active');
                        $('.codigo_adega_virada').html('<strong>' + codigo + '</strong>');
                        alertUtil.alertSuccess(data.message);
                        return setTimeout(function(){
                            location.reload();
                        }, 1200);
                                               
                    },
                    error: function() {
                        $('.carregando').fadeOut();
                    }
                });

            });

            $(document).on('click', '#link_compartilhavel', function(){
                $(this).select();
                document.execCommand("copy");
                alertUtil.alertSuccess("Copiado com sucesso!");
            });

            $(document).on('click', '.enviar-convite-email', function(){
                console.log('oka');
                let nome = $('#nome_indicado').val();
                let email =  $('#email_indicado').val();

                if(nome.trim() == '' || email.trim() == '')
                    return alertUtil.alertError('Você precisa informar o nome e e-mail para enviar o convite.');

                $('.carregando').fadeIn();
                
                $.ajax({
                    type: "post",
                    url: `/adega-da-virada/nova-indicacao`,
                    data: {
                        nome:nome,
                        email: email
                    },
                    success: function(data) {
                        $('.carregando').fadeOut();
                        console.log(data);

                        if(!data.status)
                            return alertUtil.alertError(data.message);

                        $('.modal-indicacao, .modal-indicacao-overlay').removeClass('active');
                        alertUtil.alertSuccess(data.message); 
                        
                        return setTimeout(function(){
                            location.reload();
                        }, 1800);
                    },
                    error: function() {
                        $('.carregando').fadeOut();
                    }
                });

            });

            $(document).on('click', '.btn-indicacao-personalizado', function(element){
                $(this).siblings('input.codigo_personalizado_input').select();      
                document.execCommand("copy");
                alertUtil.alertSuccess("Código Copiado com sucesso!");
            });

            $(document).on('click', '.btn-convite-personalizado', function(element){

                let $txtConviteCodigo = $('#convite-codigo').text();

                copyToClipboard($txtConviteCodigo);

                alertUtil.alertSuccess("Convite Copiado com sucesso!");
            });
        })
    </script>

</div>

</div>
</div>
</div>
</section>
<?php $__env->stopSection(); ?>

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