<link rel="manifest" href="/manifest.json">
<script type="text/javascript" src="sw.js"></script>
<style>
    body {
        background: #000 !important;
    }
</style>

<script src="https://code.jquery.com/jquery-3.7.0.min.js"
    integrity="sha256-2Pmvv0kuTBOenSvLm6bvfBSSHrUJ+3A7x6P5Ebd07/g=" crossorigin="anonymous"></script>
<script>
    $(function(e) {
        // if (isIOS()) {
        //     $('#app-main').attr('style', 'margin-top: 100px !important');
        // }
    })

    function isIOS() {
        var ua = navigator.userAgent.toLowerCase();

        //Lista de dispositivos que acessar
        var iosArray = ['iphone', 'ipod'];

        var isApple = false;

        if (ua.includes('iphone') || ua.includes('ipod')) {
            isApple = true
        }

        return isApple;
    }

    function duvidas() {
        window.open('https://api.whatsapp.com/send?phone=<?php echo e($user->telephone); ?>', '_blank');
    }

    function verRifa(route) {
        window.location.href = route
    }
</script>


<style>
    @media (max-width: 768px) {
        .app-main {
            margin-top: 50px !important;
        }
    }

    @media  only screen and (-webkit-min-device-pixel-ratio: 1) {

        ::i-block-chrome,
        .app-main {
            margin-top: 100px !important;
        }
    }

    .app-main {
        border-top-right-radius: 20px;
        border-top-left-radius: 20px;
        max-width: 600px;
        margin-top: 40px;
        margin-bottom: 50px;
        border-bottom-right-radius: 20px;
        border-bottom-left-radius: 20px;
    }

    .app-main a {
        text-decoration: none;
    }

    .app-main a:hover {
        text-decoration: none;
    }

    .app-title {
        display: flex;
        align-items: self-end;
        padding-bottom: 10px;
    }

    .app-title h1 {
        color: rgba(0, 0, 0, .9);
        padding-right: 5px;
        font-weight: 600;
        font-size: 1.3em;
        margin: 0;
        padding-top: 10px;
    }

    .app-title .app-title-desc {
        color: rgba(0, 0, 0, .5);
        padding-top: 6px;
        font-size: .9em;
    }


    /* *************************************************************** */
    /* Card Rifa em Destaque */
    /* *************************************************************** */
    .rifas {
        background: #e4e4e4;
        border-top-right-radius: 20px;
        border-top-left-radius: 20px;
        position: absolute;
        border-bottom-right-radius: 20px;
        border-bottom-left-radius: 20px;
    }

    .rifa-dark {
        background-color: #383838;
    }

    .card-rifa-destaque .img-rifa-destaque img {
        width: 100%;
        height: 290px;
        border-top-right-radius: 20px;
        border-top-left-radius: 20px;
    }

    .card-rifa-destaque {
        border-top-right-radius: 20px;
        border-top-left-radius: 20px;
        padding-bottom: 10px;
        background: #fff;
        margin-bottom: 10px;
        border-bottom-right-radius: 20px;
        border-bottom-left-radius: 20px;
    }

    .title-rifa-destaque {
        padding-top: 5px;
        padding-left: 10px;
    }

    .title-rifa-destaque h1 {
        color: #202020;
        -webkit-line-clamp: 2 !important;
        margin-bottom: 1px;
        font-weight: 500;
        font-size: 1em;
    }

    .title-rifa-destaque p {
        color: rgba(0, 0, 0, .7);
        font-size: .75em;
        max-width: 96%;
        margin: 0;
    }

    /* *************************************************************** */


    /* *************************************************************** */
    /* Card Rifa Normal */
    /* *************************************************************** */
    .card-rifa img {
        width: 100px;
        height: 100px;
        border-radius: 10px;
    }

    .card-rifa {
        background: #fff;
        padding: 5px;
        margin-bottom: 10px;
        border-radius: 10px;
        display: flex
    }

    .title-rifa {
        margin-left: 15px;
        width: 100%;
    }

    .blink {
        margin-top: 5px;
        animation: animate 1.5s linear infinite;
    }



    @keyframes  animate {
        0% {
            opacity: 0;
        }

        50% {
            opacity: 0.7;
        }

        100% {
            opacity: 0;
        }
    }
</style>


<?php $__env->startSection('content'); ?>
    <style>
        .duvida {
            background-color: #ffffff5e;
            border-radius: 10px;
            height: 60px;
            align-items: center;
            justify-content: center;
            margin-top: 7px;
            cursor: pointer;
        }

        .icone-duvidas {
            width: 50px;
            justify-content: center;
            align-items: center;
            background-color: #b9b9b9;
            height: 35px;
            border-radius: 10px;
            text-align: center;
            font-size: 20px;
        }

        .text-duvidas {
            display: flex !important;
            flex-direction: column;
            justify-content: center
        }

        .f-15 {
            font-size: 15px;
        }

        .f-12 {
            font-size: 12px;
        }

        .data-sorteio {
            /* float: right; */
            padding-right: 10px;
            font-weight: thin;
            text-align: center;
            /* margin-top: 10px; */
            color: #000;
        }

        .rifas.dark {
            background: #383838;
        }

        .app-title.dark h1 {
            color: #fff;
        }

        .app-title-desc.dark {
            color: #fff;
        }

        .card-rifa-destaque.dark {
            background: #222222;
        }

        .title-rifa-destaque.dark h1 {
            color: #fff;
        }

        .title-rifa-destaque.dark p {
            color: #fff;
        }

        .card-rifa.dark {
            background: #222222;
        }

        .text-duvidas.dark h6 {
            color: #fff;
        }

        .text-duvidas.dark p {
            color: #fff !important;
        }

        .data-sorteio.dark {
            color: #fff !important;
        }

        .app-title.dark {
            color: #fff;
        }
    </style>

    <div class="container app-main" id="app-main">
        
        <div class="row justify-content-center">
            <div class="col-md-6 col-12 rifas <?php echo e($config->tema); ?>">
                <div class="app-title <?php echo e($config->tema); ?>">
                    <h1>⚡ Prêmios</h1>
                    <div class="app-title-desc <?php echo e($config->tema); ?>">Escolha sua sorte</div>
                </div>

                
                <?php $__currentLoopData = $products->where('favoritar', '=', 1); $__env->addLoop($__currentLoopData); foreach($__currentLoopData as $product): $__env->incrementLoopIndices(); $loop = $__env->getLastLoop(); ?>
                    <a href="<?php echo e(route('product', ['slug' => $product->slug])); ?>">
                        <div class="card-rifa-destaque <?php echo e($config->tema); ?>">
                            <div class="img-rifa-destaque">
                                <img src="/products/<?php echo e($product->imagem()->name); ?>" alt="" srcset="">
                            </div>
                            <div class="title-rifa-destaque <?php echo e($config->tema); ?>">
                                <h1><?php echo e($product->name); ?></h1>
                                <p><?php echo e($product->subname); ?></p>
                                <div style="width: 100%;">
                                    <?php echo $product->status(); ?>

                                    <?php if($product->draw_date): ?>
                                        <br>
                                        <span class="data-sorteio <?php echo e($config->tema); ?>" style="font-size: 12px;">
                                            Data do sorteio <?php echo e(date('d/m/Y', strtotime($product->draw_date))); ?>

                                            
                                        </span>
                                    <?php endif; ?>
                                </div>
                            </div>
                        </div>
                    </a>
                <?php endforeach; $__env->popLoop(); $loop = $__env->getLastLoop(); ?>

                
                <?php $__currentLoopData = $products->where('favoritar', '=', 0); $__env->addLoop($__currentLoopData); foreach($__currentLoopData as $product): $__env->incrementLoopIndices(); $loop = $__env->getLastLoop(); ?>
                    <a href="<?php echo e(route('product', ['slug' => $product->slug])); ?>">
                        <div class="card-rifa <?php echo e($config->tema); ?>">
                            <div class="img-rifa">
                                <img src="/products/<?php echo e($product->imagem()->name); ?>" alt="" srcset="">
                            </div>
                            <div class="title-rifa title-rifa-destaque <?php echo e($config->tema); ?>">


                                <h1><?php echo e($product->name); ?></h1>
                                <p><?php echo e($product->subname); ?></p>

                                <div style="width: 100%;">
                                    <?php echo $product->status(); ?>

                                    <?php if($product->draw_date): ?>
                                        <br>
                                        <span class="data-sorteio <?php echo e($config->tema); ?>" style="font-size: 12px;">
                                            Data do sorteio <?php echo e(date('d/m/Y', strtotime($product->draw_date))); ?>

                                        </span>
                                    <?php endif; ?>
                                </div>
                            </div>
                        </div>
                    </a>
                <?php endforeach; $__env->popLoop(); $loop = $__env->getLastLoop(); ?>

                
                <div onclick="duvidas()" class="container d-flex duvida" style="">
                    <div class="row">
                        <div class="d-flex icone-duvidas">🤷</div>
                        <div class="col text-duvidas <?php echo e($config->tema); ?>">
                            <h6 class="mb-0 font-md f-15">Dúvidas?</h6>
                            <p class="mb-0  font-sm f-12 text-muted">Fale conosco</p>
                        </div>
                    </div>
                </div>

                
                <?php if($ganhadores->count() > 0): ?>
                    <div class="app-title <?php echo e($config->tema); ?>">
                        <h1>🎉 Ganhadores</h1>
                        <div class="app-title-desc <?php echo e($config->tema); ?>">sortudos</div>
                    </div>

                    <style>
                        .ganhador {
                            display: flex !important;
                            margin-bottom: 10px;
                            background: #fff;
                            padding: 5px;
                            border-radius: 10px;
                            cursor: pointer;
                        }

                        .ganhador-foto img {
                            width: 52px;
                            height: 52px;
                            border: 2px solid #63ac49;
                            margin-top: 10px;
                        }

                        .ganhador-desc {
                            margin-left: 5px;
                            width: 80%;
                        }

                        .ganhador-desc h3 {
                            font-size: 1.1em;
                        }

                        .ganhador p {
                            font-size: .85em;
                            margin-bottom: 0;
                            opacity: .85;
                        }

                        .ganhador-rifa {
                            float: right;
                        }

                        .ganhador-rifa img {
                            height: 40px;
                            width: 40px;
                            border-radius: 50rem;
                            margin-top: 5px;
                        }

                        .ganhadores a {
                            text-decoration: none !important;
                        }

                        .ganhador.dark {
                            background: #222222;
                        }

                        .ganhador-desc.dark {
                            color: #fff !important;
                        }
                    </style>

                    <div class="ganhadores">

                        
                        <?php $__currentLoopData = $winners; $__env->addLoop($__currentLoopData); foreach($__currentLoopData as $winner): $__env->incrementLoopIndices(); $loop = $__env->getLastLoop(); ?>
                            <div class="ganhador <?php echo e($config->tema); ?>"
                                onclick="verRifa('<?php echo e(route('product', ['slug' => $winner->slug])); ?>')">
                                <div class="ganhador-foto">
                                    <img src="images/sem-foto.jpg" class="" alt="<?php echo e($winner->name); ?>"
                                        style="min-height: 50px;max-height: 20px;border-radius:10px;">
                                </div>
                                <div class="ganhador-desc <?php echo e($config->tema); ?>">
                                    <h3><?php echo e($winner->winner); ?></h3>
                                    <p>
                                        <strong>Sorteio: </strong>
                                        <?php echo e(date('d/m/Y', strtotime($winner->draw_date))); ?>

                                    </p>
                                </div>
                                <div class="ganhador-rifa">
                                    <img src="/products/<?php echo e($winner->imagem()->name); ?>">
                                </div>
                            </div>
                        <?php endforeach; $__env->popLoop(); $loop = $__env->getLastLoop(); ?>

                        <?php $__currentLoopData = $ganhadores; $__env->addLoop($__currentLoopData); foreach($__currentLoopData as $ganhador): $__env->incrementLoopIndices(); $loop = $__env->getLastLoop(); ?>
                            <div class="ganhador <?php echo e($config->tema); ?>"
                                onclick="verRifa('<?php echo e(route('product', ['slug' => $ganhador->rifa()->slug])); ?>')">
                                <div class="ganhador-foto">
                                    <?php if($ganhador->foto): ?>
                                        <img src="<?php echo e(asset($ganhador->foto)); ?>" class="" alt="<?php echo e($product->name); ?>"
                                            style="min-height: 50px;max-height: 20px;border-radius:10px;">
                                    <?php else: ?>
                                        <img src="images/sem-foto.jpg" class="" alt="<?php echo e($product->name); ?>"
                                            style="min-height: 50px;max-height: 20px;border-radius:10px;">
                                    <?php endif; ?>

                                </div>
                                <div class="ganhador-desc <?php echo e($config->tema); ?>">
                                    <h3><?php echo e($ganhador->ganhador); ?></h3>
                                    <p>
                                        Ganhou <strong><?php echo e($ganhador->descricao); ?></strong> cota <?php echo e($ganhador->cota); ?> <br>
                                        <strong>Sorteio: </strong>
                                        <?php echo e(date('d/m/Y', strtotime($ganhador->rifa()->draw_date))); ?>

                                    </p>
                                </div>
                                <div class="ganhador-rifa">
                                    <img src="/products/<?php echo e($ganhador->rifa()->imagem()->name); ?>">
                                </div>
                            </div>
                        <?php endforeach; $__env->popLoop(); $loop = $__env->getLastLoop(); ?>

                    </div>
                <?php endif; ?>
            </div>
        </div>
    </div>

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

<?php echo $__env->make('layouts.app', \Illuminate\Support\Arr::except(get_defined_vars(), ['__data', '__path']))->render(); ?><?php /**PATH /home4/somaut60/app-sitederifa/resources/views/welcome.blade.php ENDPATH**/ ?>