@extends('layouts.website')

@section('content')

<section class="virada-landing">
    <img src="/img/adega/2023.svg" alt="2023" class="img-2023">
    <h1>Adega da Virada</h1>
    <h2>SUCESSO!</h2>
    <p style="width: 550px">Você agora pode indicar seus amigos para ganhar seus números da sorte e participar do sorteio da Adega da Virada.</p>
    <h2>LEMBRE-SE:</h2>
    <p style="font-weight: 500">Para cada amigo indicado que realizar uma primeira compra de pelo menos R$ 50, você recebe um número da sorte (seu amigo também).</p>
    <img src="/img/adega/ilustra-big.svg" class="ilustra" alt="Adega da Virada">

    <div class="second-part">
        <h2>Como funciona?</h2>
        <!--<p>Existe uma forma de concorrer:</p>-->

        <div class="content-funciona-virada">
            <div class="flex-caixa">
                <!-- <div class="left-caixa">
                    <img src="/img/adega/caixa.png" alt="Caixa">
                    <span>SORTEIO SERÁ REALIZADO PELA <strong>CAIXA ECONÔMICA FEDERAL</strong></span>
                </div> -->
                <!-- <div class="flex-caixa-divisor"></div> -->
                <div class="right-icons">
                    <!-- <div class="ric-item">
                        <figure>
                            <img src="/img/adega/ticket.svg" alt="Cupons">
                        </figure>
                        <span>A cada <strong>R$  {{ number_format($adegaDaViradaInfo->valor_pedidos_cupom, 2, ',', '.') }} em compras</strong> você recebe 1 cupom para participar da promoção.</span>
                    </div> -->

                    <div class="ric-item">
                        <figure>
                            <img src="/img/adega/refer.svg" alt="Indique">
                        </figure>
                        <span>Indique um amigo para participar da VinumDay.</span>
                    </div>
                    <div class="ric-item" style="margin-bottom: 16px;">
                        <figure>
                            <img src="/img/adega/ticket.svg" alt="Cupom">
                        </figure>
                        <span style="text-align: justify;">Para cada amigo indicado que realizar uma primeira compra de pelo menos R$ 50, você recebe um número da sorte (seu amigo também)</span>
                    </div>
                    <div class="ric-item">
                        <figure>
                            <img src="/img/adega/refer.svg" alt="Indique">
                        </figure>
                        <span>Quanto mais amigos indicar, maiores suas chances de levar a Adega da Virada!</span>
                    </div>
                </div>
            </div>

            <div class="logged-wrapper">

                @if($clienteLogado && $participante && $regulamentoStatus)
                    <div class="box-action-virada ja-participante">
                        <a class="btn-indicar-regulamento" href="{{ url('/perfil/cupons-adega-da-virada') }}" style="font-weight: bold;">Indicar amigos</a>
                    </div>
                @elseif(($clienteLogado && !$participante) || ($clienteLogado && !$regulamentoStatus))
                    <div class="box-action-virada">
                            <span>Para participar desta promoção,<br>
                            <strong>Você precisa aceitar o regulamento!</strong></span>
                            <a href="{{ url('/adega-da-virada/regulamento') }}" class="btn-action quero-participar" type="button">VER REGULAMENTO!</a>
                    </div>
                @else
                    <div class="box-action-virada">
                        <span style="text-align: center;">Para participar desta promoção,<br>
                            faça login ou crie uma conta!</span>
                        <a href="{{ url('login?redirect=adega-da-virada/regulamento') }}" class="btn-action quero-participar" type="button">QUERO PARTICIPAR!</a>
                    </div>
                @endif

            </div>
        </div>
    </div>
</section>

@if(isset($canalAdegaVirada) && $canalAdegaVirada->data_inicio <= date('Y-m-d Y:i:s') && $canalAdegaVirada->data_fim >= date('Y-m-d Y:i:s'))
<section class="rotulos-virada hidden">
    <div class="container-1000">
        <div class="titulo-rotulos">
            <img src="/img/adega/adega-icon.png" width="52" alt="Rótulos do Sorteio" class="icon">
            <h2>Conheça os rótulos participantes da promoção</h2>
            <!-- <div class="email-virada">
                <img src="/img/adega/email.svg" alt="Newletter" class="img-news">
                <div class="cont-email">
                    <p>Assine nossa newsletter e <strong>receba diariamente</strong> os novos rótulos da promoção!</p>

                    <form class="form-newsletter-virada">
                        <input type="email" name="email_newsletter" placeholder="Digite seu e-mail" required>
                        <button class="assinar-newsletter" type="button">Assinar</button>
                    </form>
                </div>
            </div> -->

            <div class="list-vinhos-virada" style="margin-top: 40px;">
                @foreach($ofertas as $oferta)
                   @include('adega-virada.oferta-item', ['oferta' => $oferta])
                @endforeach
            </div>


            <div>
                <a href="{{ url('/exclusivo/adega-da-virada') }}" class="btn-action quero-participar" type="button">VER TODOS OS RÓTULOS</a>
            </div>
            <!-- <div class="wrapper-btn">
                <button type="button" class="btn-action outline-gray" data-load-more>Carregar Mais Rótulos</button>
            </div> -->
        </div>
    </div>
</section>
@endif

<section class="new-inst-wrap section-faq-virada">
    <div class="container-800">
        <div class="title-sec-faq">
            <img src="/img/adega/logo.svg" alt="Vinumday" title="Vinumday">
            <h3>Restou alguma dúvida?</h3>
        </div>
        <div class="new-faq">
            <div class="new-faq-item active">
                <div class="new-faq-title">
                    <h2>Como faço para participar da Adega da Virada?</h2>
                    <img src="img/site/faq-arrow.svg" alt="Abrir/Fechar" class="arrow">
                </div>
                <div class="new-faq-content" style="display:block">
                    <p>Para participar da Adega da Virada você precisa indicar um amigo que faça uma compra mínima de R$ 50,00 em produtos do canal da promoção ou com o selo indicativo. O amigo apontado deverá ser um novo cliente na plataforma da VinumDay. Cada indicação validada será convertida em um número da sorte que será enviado para o e-mail do participante. A partir do recebimento desse número, você já estará concorrendo a R$ 15.000,00 em créditos na sua carteira da VinumDay!</p>
                </div>
            </div>

            <div class="new-faq-item">
                <div class="new-faq-title">
                    <h2>Qual é o prêmio?</h2>
                    <img src="img/site/faq-arrow.svg" alt="Abrir/Fechar" class="arrow">
                </div>
                <div class="new-faq-content">
                    <p>O prêmio oferecido é um crédito para compras no site da VinumDay no valor de R$ 15.000,00. Esse prêmio não terá modalidade de saque, o uso é exclusivo em produtos do site. O prazo máximo para a entrega do benefício ao contemplado é 08/02/2023.</p>
                </div>
            </div>

            <div class="new-faq-item">
                <div class="new-faq-title">
                    <h2>Até quando posso participar da promoção?</h2>
                    <img src="img/site/faq-arrow.svg" alt="Abrir/Fechar" class="arrow">
                </div>
                <div class="new-faq-content">
                    <p>O período de participação finaliza em 23/12/2022. Até o encerramento, é possível acumular números da sorte ilimitados. Quando mais indicações validadas, mais você se aproxima da conquista do prêmio.</p>
                    <p>Como é realizado o sorteio? O cliente que tiver a indicação validada, receberá um número da sorte composto de 5 dígitos, acompanhado da indicação de série de 2 dígitos. A definição do número premiado será feita na modalidade de sorteio, cuja realização ocorrerá no dia 09/01/2023 pela Loteria Federal. O modelo de extração numérica utilizado é o praticado pela instituição. Para apuração do prêmio, será considerado pré-contemplado o consumidor com o número da sorte (número básico + número de série), obtidos através das seguintes regras:</p>

                    <li>
                        <ul>O número básico composto de cinco algarismos será obtido através da leitura, de cima para baixo, da coluna formada pelos algarismos da unidade dos cinco primeiros prêmios subsequentes da Loteria Federal.</ul>
                    </li>

                    <p>Exemplo:</p>
                    <p>Extração da Loteria Federal</p>
                    <p>1º Prêmio: 63.258</p>
                    <p>2º Prêmio: 14.527</p>
                    <p>3º Prêmio: 90.333</p>
                    <p>4º Prêmio: 26.239</p>
                    <p>5º Prêmio: 05.651</p>
                    <p>Número básico pré-contemplado: 87391</p>

                    <li>
                        <ul>Para localizar a série, será considerado pré-contemplado o consumidor que tiver o número básico encontrado na série composta dos dois algarismos obtidos através da leitura, de cima para baixo, da coluna formada pelos algarismos da dezena do primeiro e segundo prêmios subsequentes da Loteria Federal.</ul>
                    </li>

                    <p>Exemplo:</p>
                    <p>Extração da Loteria Federal</p>
                    <p>1º Prêmio: 63.258</p>
                    <p>2º Prêmio: 14.527</p>
                    <p>3º Prêmio: 90.333</p>
                    <p>4º Prêmio: 26.239</p>
                    <p>5º Prêmio: 05.651</p>
                    <p>Série pré-contemplada: 52</p>
                    <p>No exemplo acima, o número da sorte pré-contemplado seria: 52-87391 Acompanhe o regulamento completo para todos os detalhes da apuração.</p>
                </div>
            </div>

            <div class="new-faq-item">
                <div class="new-faq-title">
                    <h2>Ficou alguma dúvida?</h2>
                    <img src="img/site/faq-arrow.svg" alt="Abrir/Fechar" class="arrow">
                </div>
                <div class="new-faq-content">
                    <p>Se ainda assim restar alguma dúvida entre em <a href="/contato" target="_blank">contato</a> conosco:</p>
                    <p><a href="mailto:contato@vinumday.com.br">contato@vinumday.com.br</a> ou</p>
                    <p>(54) 3419.6698</p>
                    <p>Atendimento de Segunda à Sexta 08h as 12h, e após, entre 13h:30 às 18h</p>
                </div>
            </div>
        </div>
    </div>
</section>

<script type="text/javascript">
    $(document).on('ready', function(){
        $('body').addClass('body-new-inst');

        /** Carregar mais rótulos */
        $(document).on('click', '[data-load-more]', function(){
            $('.carregando').fadeIn();
            var screenSize = $( window ).width();
            var $items = $('.item-vinho-virada');
            let offset = 10;

            $($items).each(function(index, item){
                offset = offset + 1;
            })

            $.ajax({
                type: "get",
                url: `/adega-da-virada/buscar-mais-ofertas/${offset}`,
                data: {},
                success: function(data) {
                    $('.carregando').fadeOut();

                    if(data.status && data.html != '')
                        $('.list-vinhos-virada').append(data.html);
                },
                error: function() {
                    $('.carregando').fadeOut();
                }
            });
        });

        $(document).on('click', '.comprar-oferta-virada', function(){
            var id                   = $(this).data('oferta');
            var quantidade           = 1;
            $.ajax({
                headers: {
                    'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
                },
                url:'/add-oferta-cart',
                type:'POST',
                data:{
                    oferta_id: id,
                    quantidade: quantidade,
                },
                beforeSend:function(){
                    $('.carregando').fadeIn();
                },
                success:function(data){
                    if(data.status){
                        alertUtil.alertSuccess('A oferta foi adicionada ao carrinho!');
                    }else{
                        alertUtil.alertError(data.message, '', true);
                    }
                    $('.carregando').fadeOut();
                }
            });
        });

        /*
        $(document).on('click', '.quero-participar', function(){
            $('.carregando').fadeIn();
            $.ajax({
                type: "post",
                url: `/adega-da-virada/quero-participar`,
                data: {},
                success: function(data) {
                    $('.carregando').fadeOut();
                    console.log(data);
                    if(!data.status)
                        return alertUtil.alertError(data.message)

                    return alertUtil.alertSuccess(data.message);
                },
                error: function() {
                    $('.carregando').fadeOut();
                }
            });
        });
        */

        $(document).on('click', '.assinar-newsletter', function(){
            let mailValue = $('[name="email_newsletter"]').val();
            $('.carregando').fadeIn();

            if(mailValue != "" && isEmail(mailValue)){
                $.post( "/mailchimp-cadastro", { email: mailValue } )
                    .success(function(data){
                        $('.carregando').fadeOut();
                        if(data.status)
                            alertUtil.alertSuccess(data.message);
                        else
                            alertUtil.alertError(data.message);
                    })
                    .fail(function() {
                        alertUtil.alertError("Ops! Ocorreu um erro. Tente novamente.");
                    })
            }else{
                alertUtil.alertError("Preencha corretamente o campo de e-mail.");
            }
        })


    })
</script>
@endsection