<?php
    $content = getContent('recent_winners.content', true);
    $recentWinners = \App\Models\Winner::orderBy('id', 'desc')
        ->limit(8)
        ->with('user')
        ->get();
?>

<?php if($recentWinners->count()): ?>
    <section class="pt-120 pb-120 border-top-1">
        <div class="container">
            <div class="row justify-content-center">
                <div class="col-lg-6 text-center">
                    <div class="section-header">
                        <h2 class="section-title"><span class="font-weight-normal"><?php echo e(__(@$content->data_values->heading)); ?>

                    </div>
                </div>
            </div>
            <div class="recent_winner_slider">
                <?php $__currentLoopData = $recentWinners; $__env->addLoop($__currentLoopData); foreach($__currentLoopData as $k => $data): $__env->incrementLoopIndices(); $loop = $__env->getLastLoop(); ?>
                    <div class="p-2">
                        <div class="recent-winner-card">
                            <div class="row align-items-center">
                                <div class="col-8">
                                    
                                    <h5 class="recent-winner-card__name"><?php echo e($data->user->fullname); ?></h5>
                                    <h6 class="name"><?php echo e(@json_decode(json_encode($data->user->username))); ?></h6>
                                    <span class="amount f-size-14"><?php echo app('translator')->get('Win'); ?> - <?php echo e($general->cur_sym); ?><?php echo e(showAmount($data->win_bonus)); ?></span>
                                </div>
                                <div class="col-4">
                                    <img src="<?php echo e(asset($data->user->image ?? 'assets/images/default.png')); ?>" style="
                                        width: 60px;
                                        height: 60px;
                                        border-radius: 50%;
                                    " />
                                </div>
                            </div>
                        </div>
                    </div>
                <?php endforeach; $__env->popLoop(); $loop = $__env->getLastLoop(); ?>
            </div>
        </div>
    </section>

    <?php $__env->startPush('style'); ?>
        <style>
            .recent-winner-card {
                background-color: #fff;
                border: 1px solid #36eef3;
                box-shadow: 0 0.75rem 1.5rem rgba(18, 38, 63, 0.03) !important;
                padding: 25px;
                transition: all 0.3s;
                position: relative;
                overflow: hidden;
                border-radius: 6px;
                transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out, border-radius .15s ease;
            }

            .recent-winner-card::before {
                display: none;
                position: absolute;
                content: "";
                width: 100px;
                height: 100px;
                right: -15px;
                bottom: -24%;
                background-color: #c91d29;
                border-radius: 46% 54% 55% 45% / 35% 38% 62% 65%;
                transform: rotate(-38deg);
            }

            .recent-winner-card__number {
                position: absolute;
                right: 25px;
                font-size: 25px;
                color: #9c9898;
                font-weight: 900;
                top: 15px;
                transition: .2s linear;
            }

            .recent-winner-card__name {
                margin-bottom: 10px;
            }

            .recent-winner-card .amount {
                color: #37f5f9;
                font-weight: 400;
            }

            h1,
            h2,
            h3,
            h4,
            h5,
            h6 {
                font-family: MohrRounded-SemiBold;
                /*color: #e9e4e4;*/
                font-weight: 400;
                margin: 0;
                line-height: 1.3;
            }

            h5 {
                font-size: 20px;
            }
        </style>
    <?php $__env->stopPush(); ?>
    
    <?php $__env->startPush('script'); ?>
        <script>
            $('.recent_winner_slider').slick({
              dots: false,
              arrows: false,
              infinite: false,
              centerMode: false,
              variableWidth: false,
              autoplay: true,
              speed: 300,
              slidesToShow: 4,
              slidesToScroll: 1,
              responsive: [
                {
                  breakpoint: 1024,
                  settings: {
                    slidesToShow: 3,
                    slidesToScroll: 1,
                  }
                },
                {
                  breakpoint: 600,
                  settings: {
                    slidesToShow: 1,
                    slidesToScroll: 1
                  }
                },
                {
                  breakpoint: 480,
                  settings: {
                    slidesToShow: 1,
                    slidesToScroll: 1
                  }
                }
              ]
            });
        </script>
    <?php $__env->stopPush(); ?>
<?php endif; ?>
<?php /**PATH /home/wwwlifelinehealt/public_html/lotto-fiesta.lifelinehealthcare.com.pk/core/resources/views/templates/basic/sections/recent_winners.blade.php ENDPATH**/ ?>