

<?php $__env->startSection('title', 'Welcome'); ?>

<?php $__env->startSection('content'); ?>
	
	  <!-- ======= Hero Section ======= -->
  <section id="hero" class="d-flex align-items-center bg-color">

    <div  class="container ">
      <div class="row gy-4">
        <div class="col-lg-5 mt-lg-5 pt-lg-5 order-2 order-lg-1 d-flex flex-column justify-content-center z-in">
          <h1 class="heading">What kind of <span class="orange-text orang-t-size">SEO Service</span></h1>
          <h2>are you <span class="orange-text">Looking</span> for ?</h2>
          <!--<div>
            <a href="#about" class="btn-get-started scrollto">Get Started</a>
          </div>-->
		  <div class="call-green">
<div class="tWLnewIconlogoouter"><div class="TWL-widget_underlay"></div><a href="tel:7548004081"><div class="tWLnewIconlogoinner"><i class="fa fa-phone TWL-widget-button__icon"></i></div></a></div>
</div>
        </div>
        <div class="col-lg-7 order-1 order-lg-2 hero-img z-in">
          <img src="./21249.svg" class="img-fluid animated" alt="">
        </div>
      </div>
    </div>
<div class="ocean">
  <div class="wave"></div>
  <div class="wave"></div>
</div>
  </section><!-- End Hero -->
  <section class="py-5">
   <div  class="container ">
  <ul class="nav nav-pills mb-3 tab-pro" id="pills-tab" role="tablist">
  <li class="nav-item" role="presentation">
    <button class="nav-link active" id="pills-home-tab" data-bs-toggle="pill" data-bs-target="#pills-all" type="button" role="tab" aria-controls="pills-all" aria-selected="true">All</button>
  </li>
  <?php $__currentLoopData = $categories; $__env->addLoop($__currentLoopData); foreach($__currentLoopData as $category): $__env->incrementLoopIndices(); $loop = $__env->getLastLoop(); ?>
    <li class="nav-item" role="presentation">
      <button class="nav-link" id="pills-profile-tab" onclick="select_category(<?php echo e($category->id); ?>)" data-bs-toggle="pill" data-bs-target="#pills-seo" type="button" role="tab" aria-controls="pills-seo" aria-selected="false"><?php echo e($category->name); ?></button>
    </li>
  <?php endforeach; $__env->popLoop(); $loop = $__env->getLastLoop(); ?>
  
</ul>
<div class="tab-content pb-3 pt-3" id="pills-tabContent">

  <div class="tab-pane fade show active" id="pills-all" role="tabpanel" aria-labelledby="pills-all-tab">
  
          <div class="row">
             <?php if($packages->count() > 0): ?>
             <?php $__currentLoopData = $packages; $__env->addLoop($__currentLoopData); foreach($__currentLoopData as $package): $__env->incrementLoopIndices(); $loop = $__env->getLastLoop(); ?>
             
                    <div class="col-lg-6 mb-2"> 
                    <div class="product-item">
                      <div id="ribbon-container">
                          <a href="" id="ribbon">Best  Seller</a>
                      </div>
                      <a href="/package/<?php echo e($package->id); ?>"><div class="width-40"><img src="images/package/<?php echo e($package->image); ?>" class="img-fluid" alt=""></div></a>
                      <a href="/package/<?php echo e($package->id); ?>" style="color:#000;">
                      <div class="width-60">
                      <h5><?php echo e($package->name); ?></h5>
                        <div class="text-div">Drive more targeted traffic to your site or local business with our fully managed SEO campaign.</div>
                           
                           <div class="row mt-3">
                                <div class="col-6">
                                      <p class="text-green">Duration -: <span><?php echo e($package->period); ?></span></p>
                                </div>
                                <div class="col-6">
                                      <p class="text-green">Price -: <span>Rs.<?php echo e($package->price); ?></span></p>
                                </div>
                           </div>
                           
                      </div>
                      </a>
                      </div>
                      
                  </div>
             
              <?php endforeach; $__env->popLoop(); $loop = $__env->getLastLoop(); ?>
              <?php else: ?> 
                   <div class="text-center">
                        <h3>No Package Found</h3>
                   </div>
              <?php endif; ?>
         
          </div>
  
  </div>

   <div class="tab-pane fade" id="pills-seo" role="tabpanel" aria-labelledby="pills-seo-tab">
  
        <div class="row" id="package_div">
                
        </div>
  
  </div>
</div>
</div>
  </section>

  <?php $__env->stopSection(); ?>
 
	
    <!-- ===============================================-->
    <!--    JavaScripts-->
    <!-- ===============================================-->

  <script src="https://code.jquery.com/jquery-3.5.1.min.js"></script>
<script src="aos/aos.js"></script>
   <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.0.2/dist/js/bootstrap.bundle.min.js" integrity="sha384-MrcW6ZMFYlzcLA8Nl+NtUVF0sA7MsXsP1UyJoMp4YLEuNSfAP+JcXn/tWtIaxVXM" crossorigin="anonymous"></script>
	<script src="https://cdn.jsdelivr.net/npm/@popperjs/core@2.9.2/dist/umd/popper.min.js" integrity="sha384-IQsoLXl5PILFhosVNubq5LC7Qb9DXgDA9i+tQ8Zj3iwWAwPtgFTxbJ8NT4GN1R8p" crossorigin="anonymous"></script>
    <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.0.2/dist/js/bootstrap.min.js" integrity="sha384-cVKIPhGWiC2Al4u+LWgxfKTRIcfu0JTxR+EQDz/bgldoEyl4H0zUF0QKbrJ0EcQF" crossorigin="anonymous"></script>
  
    <script>

      function add_cart(id){

          var cart_no = document.getElementById('cart_no').textContent;

                  $.ajax({
                          type: "Post",
                          url: '<?php echo e(route('add.to.cart')); ?>',
                          datatype: 'json',
                          data: {
                            "_token": "<?php echo e(csrf_token()); ?>",
                              'package_id' : id,
                          },
                          success: function (data) {
                              const obj = JSON.parse(data);
                              
                                document.getElementById('add-'+id).classList.add('d-none');
                                document.getElementById('added-'+id).classList.remove('d-none');
                                document.getElementById('cart_no').textContent = parseInt(cart_no) + 1;

                            },
                          complete: function () {
                          },
                          error: function () {
                          }
                      });

    }

              function select_category(id){

                  $.ajax({
                          type: "Get",
                          url: '<?php echo e(route('welcome')); ?>',
                          datatype: 'json',
                          data: {
                              'category_id' : id,
                          },
                          success: function (data) {
                              const obj = JSON.parse(data);
                              console.log(obj);
                                var item = $('#package_div');
                                item.empty();
                              if(obj.new.packages.length == 0){
                                      item.append('<div class="text-center mt-5 mb-5"><h4>No Package Found</h4></div>');
                              }
                              else{
                                  $.each(obj.new.packages, function(key,value) {
                                      item.append('<div class="col-lg-6 mb-2"><div class="product-item"><div id="ribbon-container"><a href="product-page.html" id="ribbon">Best  Seller</a></div><div class="width-40"><a href="/package/' + value.id + '"><img src="images/package/'+ value.image +'" class="img-fluid" alt=""></a></div><div class="width-60"><a href="/package/' + value.id + '" style="color:#000;"><h5>' + value.name + '</h5></a><div class="text-div">Drive more targeted traffic to your site or local business with our fully managed SEO campaign.</div><div class="row"><div class="col-6"><p class="text-green">Duration -: <span>'+ value.period +'</span></p></div><div class="col-6"><p class="text-green">Price -: <span>Rs.'+ value.price  +'</span></p></div></div></div></div> </div>');
                                  });
                              }
                              
                                // document.getElementById('nav-'+id).classList.add('active');

                            },
                          complete: function () {
                          },
                          error: function () {
                          }
                      });

                }

    </script>

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