<?php $__env->startSection('title'); ?>
    <?php echo e($settings->home_title); ?>

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

<?php $__env->startSection('content'); ?>
<div>
            <div class="p-2">
 
    <?php if($settings->enable_notice): ?>
        <div class="notice-container container m-auto">
            <div class="alert alert-light notice-style alert-dismissible fade show position-relative" role="alert">
                <button type="button" class="btn-close" data-bs-dismiss="alert" aria-label="Close"></button>
                <div class="notice-heading"><?php echo e($settings->notice_title); ?></div>
                <div class="notice-text mb-0"><?php echo e($settings->notice_content); ?></div>
            </div>
        </div>
    <?php endif; ?>


<!--- slider --->
    <?php if(count($sliders) > 0): ?>

              <section class="container m-auto">
  <section class="carousel my-4" dir="ltr" aria-label="Gallery" tabindex="0" style="margin-bottom:10px !important;">
    <div class="carousel__viewport">
      <ol class="carousel__track" style="transform: translateX(0px); transition: all 0ms ease 0s;">

                <?php $__currentLoopData = $sliders; $__env->addLoop($__currentLoopData); foreach($__currentLoopData as $slider): $__env->incrementLoopIndices(); $loop = $__env->getLastLoop(); ?>
        <li class="carousel__slide">
          <div class="carousel__item">
                        <?php if(isset($slider->url)): ?>
             <a href="<?php echo e($slider->url); ?>" target="_blank">
              <img src="<?php echo e($slider->image_url); ?>" class="rounded-md">
            </a>
                        <?php else: ?>
              <img src="<?php echo e($slider->image_url); ?>" class="rounded-md">
                        <?php endif; ?>



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

 
  
      </ol>
    </div>


    <button type="button" class="carousel__prev" aria-label="Navigate to previous slide">
      <svg class="carousel__icon" viewBox="0 0 24 24" role="img" aria-label="Arrow pointing to the left">
        <title>Arrow pointing to the left</title>
        <path d="M15.41 16.59L10.83 12l4.58-4.59L14 6l-6 6 6 6 1.41-1.41z"></path>
      </svg>
    </button>
    <button type="button" class="carousel__next" aria-label="Navigate to next slide">
      <svg class="carousel__icon" viewBox="0 0 24 24" role="img" aria-label="Arrow pointing to the right">
        <title>Arrow pointing to the right</title>
        <path d="M8.59 16.59L13.17 12 8.59 7.41 10 6l6 6-6 6-1.41-1.41z"></path>
      </svg>
    </button>
    <ol class="carousel__pagination">

<?php if(count($sliders) > 0): ?>
    <?php for($i = 1; $i <= count($sliders); $i++): ?>
        <li class="carousel__pagination-item">
            <button type="button" class="carousel__pagination-button <?php echo e($i == 1 ? 'carousel__pagination-button--active' : ''); ?>" aria-label="Navigate to slide <?php echo e($i); ?>"></button>
        </li>
    <?php endfor; ?>
<?php endif; ?>

    </ol>
  </section>
</section>

    <?php endif; ?>
          <!--- /slider --->


 <!--- products --->
     <?php $__currentLoopData = $categorys; $__env->addLoop($__currentLoopData); foreach($__currentLoopData as $category): $__env->incrementLoopIndices(); $loop = $__env->getLastLoop(); ?>
          <section class="my-2" id="topup">
                <div class="container mx-auto">
                  <div class="text-center">
                    <div class="flex items-center justify-center px-4 mt-0 md:mt-2 section-contact-gap pb-4">
                      <h3 class="text-2xl sm:text-3xl text-center font-primary font-bold mx-4 text-secondary-900"><?php echo e($category->title); ?></h3>
                    </div>
                  </div>

                  <div class="pb-1 md:pb-10">
                    <div class="md:py-5 md:px-0 grid md:grid-cols-6 sm:grid-cols-4 grid-cols-3 md:gap-8 gap-4">
            <?php $__currentLoopData = $products->where('category_id', $category->id); $__env->addLoop($__currentLoopData); foreach($__currentLoopData as $product): $__env->incrementLoopIndices(); $loop = $__env->getLastLoop(); ?>
 <div class="single-game-product mb-2 md:mb-6">
                        <a href="<?php echo e(route('topup', ['slug' => $product->slug])); ?>" class="triangle">
                          <div class="cursor-pointer">
                            <div class="inset-0 opacity-25"></div>
                            <div class="inset-0 transform hover:scale-90 transition duration-300">
                              <div class="h-full w-full text-center mx-auto">
                                <img src="<?php echo e($product->image_url); ?>" width="200" height="100" alt="" data-nuxt-img="" sizes="(max-width: 640px) 100vw, (max-width: 768px) 50vw, 400px" srcset="<?php echo e($product->image_url); ?> 1w, <?php echo e($product->image_url); ?> 2w, <?php echo e($product->image_url); ?> 320w, <?php echo e($product->image_url); ?> 400w, <?php echo e($product->image_url); ?> 640w, <?php echo e($product->image_url); ?> 800w" class="rounded-md">
                              </div>
                            </div>
                          </div>
                          <div>
                            <h1 class="capitalize text-xs text-center pt-3 font-primary font-extralight text-secondary-500"><?php echo e($product->title); ?></h1>
                          </div>
                        </a>
                      </div>
            <?php endforeach; $__env->popLoop(); $loop = $__env->getLastLoop(); ?>
                    </div>
                  </div>
              </div>
           </section>
    <?php endforeach; $__env->popLoop(); $loop = $__env->getLastLoop(); ?>
           
           <section class="my-2">
              <div class="container mx-auto">
                  <div class="text-center">
                      <div class="flex items-center justify-between px-4 mt-0 md:mt-2 section-contact-gap pb-4">
                          <h3 class="text-2xl sm:text-3xl text-center font-primary font-bold mx-4 text-secondary-900 flex-1">Latest Orders</h3>
                      </div>
                  </div>
                  <div class="pb-1 md:pb-10">
                      <div id="recent_order">
                      <?php $__currentLoopData = $orders; $__env->addLoop($__currentLoopData); foreach($__currentLoopData as $order): $__env->incrementLoopIndices(); $loop = $__env->getLastLoop(); ?>
                          <div class="recent_order_item flex items-center gap-4 p-4 mb-3 rounded-lg shadow-md shadow-neutral-100 bg-white">
                              <img src="<?php echo e($order->user->avator); ?>" alt="User Avatar" class="h-12 w-12 rounded-full">
                              <div class="flex-1">
                                  <div class="font-semibold text-sm"><?php echo e($order->user->name); ?> <br>
                                  <spen class="font-normal text-xs"> <?php echo e($order->created_at); ?> </spen></div>
                                  <div class="text-xs text-muted-foreground"><?php echo e($order->variation->title); ?> | <?php echo e($order->amount); ?> ৳</div>
                              </div>
                              <div class="inline-flex items-center border font-semibold transition-colors focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2 px-3 py-1 text-xs rounded-full justify-center <?php if($order->status == 'completed'): ?> bg-green-500 <?php elseif($order->status == 'processing'): ?> bg-yellow-500 <?php elseif($order->status == 'cancelled'): ?> bg-red-500 <?php elseif($order->status == 'auto-processing'): ?> bg-info <?php elseif($order->status == 'pending'): ?> bg-yellow-500 <?php endif; ?> text-white"><?php echo e($order->status); ?></div>
                          </div>
                      <?php endforeach; $__env->popLoop(); $loop = $__env->getLastLoop(); ?>
                      </div>        
                  </div>
              </div>
          </section>
           
           <section>
              <div style="max-width:850px;margin:auto">
                <div class="box-form w-full sm:rounded-lg pl-2">
                  <div class="xs:p-2 md:p-6 mr-2">
                    <h1 class="text-4xl sm:text-5xl text-gray-800 text-center font-normal font-primary">Follow Us</h1>
                    <div class="grid md:grid-cols-2 md:gap-4 gap-2 my-2 md:my-5 font-primary">
                      <a href="https://wa.me/<?php echo e($settings->whatsapp_number); ?>" target="_blank" rel="noopener noreferrer" class="flex items-center single-support p-4 bg-white hover:border-primary hhover:border-1 hover:shadow-lg"><svg viewbox="0 0 24 24" style="width:12%;height:35px;color:rgb(43, 211, 73)">
                      <path fill="currentColor" d="M12.04 2C6.58 2 2.13 6.45 2.13 11.91C2.13 13.66 2.59 15.36 3.45 16.86L2.05 22L7.3 20.62C8.75 21.41 10.38 21.83 12.04 21.83C17.5 21.83 21.95 17.38 21.95 11.92C21.95 9.27 20.92 6.78 19.05 4.91C17.18 3.03 14.69 2 12.04 2M12.05 3.67C14.25 3.67 16.31 4.53 17.87 6.09C19.42 7.65 20.28 9.72 20.28 11.92C20.28 16.46 16.58 20.15 12.04 20.15C10.56 20.15 9.11 19.76 7.85 19L7.55 18.83L4.43 19.65L5.26 16.61L5.06 16.29C4.24 15 3.8 13.47 3.8 11.91C3.81 7.37 7.5 3.67 12.05 3.67M8.53 7.33C8.37 7.33 8.1 7.39 7.87 7.64C7.65 7.89 7 8.5 7 9.71C7 10.93 7.89 12.1 8 12.27C8.14 12.44 9.76 14.94 12.25 16C12.84 16.27 13.3 16.42 13.66 16.53C14.25 16.72 14.79 16.69 15.22 16.63C15.7 16.56 16.68 16.03 16.89 15.45C17.1 14.87 17.1 14.38 17.04 14.27C16.97 14.17 16.81 14.11 16.56 14C16.31 13.86 15.09 13.26 14.87 13.18C14.64 13.1 14.5 13.06 14.31 13.3C14.15 13.55 13.67 14.11 13.53 14.27C13.38 14.44 13.24 14.46 13 14.34C12.74 14.21 11.94 13.95 11 13.11C10.26 12.45 9.77 11.64 9.62 11.39C9.5 11.15 9.61 11 9.73 10.89C9.84 10.78 10 10.6 10.1 10.45C10.23 10.31 10.27 10.2 10.35 10.04C10.43 9.87 10.39 9.73 10.33 9.61C10.27 9.5 9.77 8.26 9.56 7.77C9.36 7.29 9.16 7.35 9 7.34C8.86 7.34 8.7 7.33 8.53 7.33Z"></path></svg>
                      <h6 class="ml-2" style="width:88%">যেকোন সমস্যায় এখানে ক্লিক করে আমাদের Whatsapp HelpLine এ মেসেজ দিন।</h6>
                      </a>
                      <a href="<?php echo e($settings->telegram_link); ?>" target="_blank" rel="noopener noreferrer" class="flex items-center single-support p-4 bg-white hover:border-primary hhover:border-1 hover:shadow-lg"><svg stroke="currentcolor" fill="currentcolor" stroke-width="0" viewbox="0 0 16 16" height="1em" width="1em" xmlns="http://www.w3.org/2000/svg" style="width:12%;height:35px;color:rgb(0, 132, 198)">
                      <path d="M16 8A8 8 0 1 1 0 8a8 8 0 0 1 16 0zM8.287 5.906c-.778.324-2.334.994-4.666 2.01-.378.15-.577.298-.595.442-.03.243.275.339.69.47l.175.055c.408.133.958.288 1.243.294.26.006.549-.1.868-.32 2.179-1.471 3.304-2.214 3.374-2.23.05-.012.12-.026.166.016.047.041.042.12.037.141-.03.129-1.227 1.241-1.846 1.817-.193.18-.33.307-.358.336a8.154 8.154 0 0 1-.188.186c-.38.366-.664.64.015 1.088.327.216.589.393.85.571.284.194.568.387.936.629.093.06.183.125.27.187.331.236.63.448.997.414.214-.02.435-.22.547-.82.265-1.417.786-4.486.906-5.751a1.426 1.426 0 0 0-.013-.315.337.337 0 0 0-.114-.217.526.526 0 0 0-.31-.093c-.3.005-.763.166-2.984 1.09z"></path>
                      </svg>
                      <h6 class="ml-2" style="width:88%">গিভওয়ে এবং অফারের আপডেট পেতে এখানে ক্লিক করে চ্যানেলে Join করুন।</h6>
                      </a>
                      <a href="<?php echo e($settings->youtube_link); ?>" target="_blank" rel="noopener noreferrer" class="flex items-center single-support p-4 bg-white hover:border-primary hhover:border-1 hover:shadow-lg">
                          <svg width="12%" height="35px" viewBox="0 0 16 16" xmlns="http://www.w3.org/2000/svg" fill="none"><path fill="red" d="M14.712 4.633a1.754 1.754 0 00-1.234-1.234C12.382 3.11 8 3.11 8 3.11s-4.382 0-5.478.289c-.6.161-1.072.634-1.234 1.234C1 5.728 1 8 1 8s0 2.283.288 3.367c.162.6.635 1.073 1.234 1.234C3.618 12.89 8 12.89 8 12.89s4.382 0 5.478-.289a1.754 1.754 0 001.234-1.234C15 10.272 15 8 15 8s0-2.272-.288-3.367z"/><path fill="#ffffff" d="M6.593 10.11l3.644-2.098-3.644-2.11v4.208z"/></svg>
                      <h6 class="ml-2" style="width:88%">কিভাবে টপআপ করবেন সেটি জানতে এই ভিডিওটি দেখুন।</h6>
                      </a>
                      <a href="<?php echo e($settings->facebook_link); ?>" class="flex items-center single-support p-4 bg-white hover:border-primary hhover:border-1 hover:shadow-lg" target="_blank" rel="noopener noreferrer"><svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 512 512" class="cursor-pointer h-6 w-6 text-white" style="width:12%;height:35px;color:rgb(255, 1, 1)">
                      <path d="M512 256C512 114.6 397.4 0 256 0S0 114.6 0 256C0 376 82.7 476.8 194.2 504.5V334.2H141.4V256h52.8V222.3c0-87.1 39.4-127.5 125-127.5c16.2 0 44.2 3.2 55.7 6.4V172c-6-.6-16.5-1-29.6-1c-42 0-58.2 15.9-58.2 57.2V256h83.6l-14.4 78.2H287V510.1C413.8 494.8 512 386.9 512 256h0z"></path></svg>
                      <h6 class="ml-2">এখানে ক্লিক করে আমাদের ফেসবুক এ ফলো করবেন।</h6></a>
                    </div>
                  </div>
                </div>
              </div>
            </section>

    <script src="<?php echo e(asset('assets/template/js/slider.js')); ?>?1879"></script>
    
</div>
</div>
<?php $__env->stopSection(); ?>

<?php $__env->startPush('script'); ?>
    <?php echo $__env->make('scripts.popup', \Illuminate\Support\Arr::except(get_defined_vars(), ['__data', '__path']))->render(); ?>
<?php $__env->stopPush(); ?>

<?php $__env->startPush('style'); ?>
    <style>
        .notice-style {
            background-color: <?php echo e($settings->notice_background_color); ?>;
            color: <?php echo e($settings->notice_font_color); ?>;
        }

        .notice-style .btn-close {
            font-size: 12px;
        }

        .notice-style .notice-heading {
            font-size: 18px;
            font-weight: 500;
            padding-bottom: 4px;
        }

        .notice-text {
            font-size: 12px;
            font-weight: 400;
            font-family: "Times New Roman", Times, serif;

        }
    </style>
<?php $__env->stopPush(); ?>

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