<head>
   <?php echo $product->header_code; ?>
</head>


<section class="sptb-1 pt-5 pb-5 bg-custom-blue padding-top-xs-70">
   <div class="header-text1 mb-0">
      <div class="container">
         <div class="row">
            <div class="col-xl-8 col-lg-7 col-md-12 text-center d-flex align-items-center">
               <div>
                  <h1 class=" display-5 font-weight-semibold" style="color:#fff"><?php echo $product->prd_name ?></h1>
                  <p class=" lead" style="color:#fff!important"> <?php echo $product->prd_short_description ?></p>

                  <div class="card  d-lg-none">
                     <div class="card-body">
                        <div class="product-slider">
                           <ul class="list-unstyled video-list-thumbs">
                              <li class="mb-0">
                                 <?php if ($product->video_or_image == 0): ?>
                                    <img loading="lazy" src="<?php echo base_url() ?><?php echo $product->prd_image ?>" alt="img" class="img-responsive  border br-7">
                                 <?php else: ?>
                                    <div class="container-video">
                                       <iframe class="responsive-iframe" src="<?php echo $product->defaul_video; ?>"></iframe>
                                    </div>
                                 <?php endif; ?>
                              </li>
                           </ul>
                        </div>
                     </div>
                  </div>

                  <div class="text-center-2">
                     <?php if ($product->front_demo_url): ?>
                        <a target="_blank" href="<?php echo $product->front_demo_url ?>" class="btn-secondary btn btn-lg" style="border-radius: 0;background-color: <?php echo $visual_setting->color_5; ?>!important;border-color: <?php echo $visual_setting->color_5; ?>!important;color:#fff">Browse Frontend<span class="text-white"><i class="fa fa-video-camera ms-1 text-white"></i></span></a>
                     <?php endif; ?>
                     <a onclick="open_demo_model_product()" style="border-radius: 0;background-color: <?php echo $visual_setting->color_4; ?>!important;border-color: <?php echo $visual_setting->color_4; ?>!important;color:#fff" href="javascript:void(0)" class="btn-secondary btn btn-lg padding mt-4 mt-sm-0">Admin DEMO<span class="text-white"><i style="color:#fff!important" class="fa fa-desktop ms-1 text-white"></i></span></a>
                     <a href="#video_demo" class="btn-secondary btn btn-lg mt-4 mt-sm-0" style="border-radius: 0;background-color: <?php echo $visual_setting->color_5; ?>!important;border-color: <?php echo $visual_setting->color_5; ?>!important;color:#fff">Watch Video Demo<span class="text-white"><i class="fa fa-television ms-1 text-white"></i></span></a>
                  </div>
               </div>
            </div>
         </div>
      </div>
   </div>
</section>
<div class="relative">
   <div class="shape overflow-hidden text-white">
      <svg viewBox="0 0 2880 48" fill="none" xmsns="http://www.w3.org/2000/svg">
         <path d="M0 48H1437.5H2880V0H2160C1442.5 52 720 0 720 0H0V48Z" fill="#fff"></path>
      </svg>
   </div>
</div>


<section class="sptb bg-white">
   <div class="container">
      <div class="row">
         <div class="col-xl-8">
            <?php include 'element/description.php'; ?>
            <?php include 'element/benefits.php'; ?>
            <?php include 'element/features.php'; ?>
            <?php include 'element/technical_features.php'; ?>
            <?php include 'element/front_design.php'; ?>
            <?php include 'element/video_demo.php'; ?>
            <?php include 'element/customize_features.php'; ?>
            <?php include 'element/faq.php'; ?>
         </div>
         <div class="col-xl-4 col-lg-5 col-md-12 text-center d-none d-lg-block pricing-data-section ">
            <div data-sticky-container>
               <div class="card pricing-card custom-sadow border-0" data-sticky-class="is-sticky" data-margin-top="80">
                  <div class="card-body selector sticky" >

                     <!-- Product Image / Video -->
                     <div class="product-media mb-3">
                        <?php if ($product->video_or_image == 0): ?>
                           <img loading="lazy"
                              src="<?php echo base_url() ?><?php echo $product->prd_image ?>"
                              alt="Product"
                              class="img-fluid border rounded">
                        <?php else: ?>
                           <div class="ratio ratio-16x9">
                              <iframe src="<?php echo $product->defaul_video; ?>"
                                 class="rounded" allowfullscreen></iframe>
                           </div>
                        <?php endif; ?>
                     </div>

                     <!-- License Title -->
                     <h5 class="text-center mb-2">Regular License</h5>

                     <!-- Pricing -->
                     <div class="text-center mb-3">
                        <?php if ($product->disocunt_price):
                           $discountPercentage = round((($product->main_price - $product->disocunt_price) / $product->main_price) * 100);
                        ?>
                           <h2 class="text-success fw-bold mb-1">
                              ₹<?php echo $product->disocunt_price; ?>
                           </h2>
                           <del class="text-muted">₹<?php echo $product->main_price; ?></del>
                           <span class="badge bg-danger ms-2"><?php echo $discountPercentage; ?>% OFF</span>
                        <?php else: ?>
                           <h2 class="text-success fw-bold mb-1">
                              ₹<?php echo $product->main_price; ?>
                           </h2>
                        <?php endif; ?>
                     </div>

                     <!-- Features -->
                     <!-- <ul class="list-unstyled small mb-3">
                        <li>✔ Quality checked</li>
                        <li>✔ Free updates</li>
                        <li>✔ 6 months support included</li>
                     </ul> -->

                  </div>
               </div>
            </div>
            
         </div>
      </div>
   </div>
</section>
<script src="https://cdn.jsdelivr.net/npm/sticky-js@1.3.0/dist/sticky.min.js"></script>
<script>
   var sticky = new Sticky('.selector');
</script>
<script>
   $(document).ready(function(){
      $(".sticky").sticky({ topSpacing: 80 }); // 80px offset so it clears navbar
   });
</script>


<footer class="bg-dark text-center-media" style="background-color: <?php echo $visual_setting->color_4; ?>!important;">
   <div class=" bg-dark">
      <div class="container">
         <div class="row d-flex">
            <?php
            $page_pri = $this->frontend_model->get_page_by_id(10);
            $page_trms = $this->frontend_model->get_page_by_id(11);
            ?>
            <div class="d-none d-lg-block col-lg-12 col-sm-12  text-center text-white mb-0" style="padding-top:15px">
               <div class="d-inline-flex">
                  <?php echo $app_setting->copywrite ?>
               </div>
               <br />
               <div class="d-inline-flex">
                  <a target="_blank" href="<?php echo base_url() ?>p/<?php echo $page_pri->slug; ?>" class="text-white"> &nbsp;&nbsp;Privacy Policy</a>
               </div>
               <div class="d-inline-flex">
                  &nbsp;&nbsp;|| <a target="_blank" href="<?php echo base_url() ?>p/<?php echo $page_trms->slug; ?>" class="text-white"> &nbsp;&nbsp;Terms & Conditions</a>
               </div>
            </div>
            <div class="d-lg-none col-lg-12 col-sm-12  text-center text-white" style="padding-top:15px">
               <div>
                  <?php echo $app_setting->copywrite ?>
               </div>
               <div class="d-inline-flex">
                  <a target="_blank" href="<?php echo base_url() ?>p/<?php echo $page_pri->slug; ?>" class="text-white"> &nbsp;&nbsp;Privacy Policy</a>
               </div>
               <div class="d-inline-flex">
                  &nbsp;&nbsp;|| <a target="_blank" href="<?php echo base_url() ?>p/<?php echo $page_trms->slug; ?>" class="text-white"> &nbsp;&nbsp;Terms & Conditions</a>
               </div>
            </div>
            <div class="col-lg-12 col-sm-12  text-center text-white footer-notice">
               <?php echo $app_setting->product_footer_notice ?>
            </div>
         </div>
      </div>
   </div>
</footer>

<a href="javascript:void(0)" onclick="download_brochur()" class="btn btn-secondary interested d-none d-lg-block"><i class="fa fa-download" aria-hidden="true"></i> Download Brochure</a>
<?php if ($product->prd_whatsapp_link): ?>
   <a href="https://api.whatsapp.com/send?phone=<?php echo $product->prd_whatsapp_link ?>" target="_blank" class="btn btn-download d-none d-lg-block"><i class="fa fa-whatsapp" aria-hidden="true"></i> Inquiry Now</a>
<?php endif; ?>

<div class="container d-lg-none">
   <div class="stickt_button">
      <div class="row">
         <div class="col-6" style="padding-right:0px;">
            <?php if ($product->prd_whatsapp_link): ?>
               <a target="_blank" href="https://api.whatsapp.com/send?phone=<?php echo $product->prd_whatsapp_link ?>"><button class="whatsapp-button"><i class="fa fa-whatsapp" aria-hidden="true"></i>&nbsp;&nbsp;Inquiry Now</button></a>
            <?php endif; ?>
         </div>
         <div class="col-6" style="padding-left:0px;">
            <a onclick="download_brochur()" href="javascript:void(0)"><button class="call-button"><i class="fa fa-download" aria-hidden="true"></i>&nbsp;Download Brochure</button></a>
         </div>
      </div>
   </div>
</div>
<div class="position-relative">
   <div class="shape overflow-hidden bottom-footer-shape">
      <svg viewBox="0 0 2880 48" fill="none" xmsns="http://www.w3.org/2000/svg">
         <path d="M0 48H1437.5H2880V0H2160C1442.5 52 720 0 720 0H0V48Z" fill="#fff"></path>
      </svg>
   </div>
</div>

<?php include 'style.php'; ?>
<?php include 'js.php'; ?>
<?php include 'form.php'; ?>