 <!-- Footer section start -->

 <footer class="text-center text-lg-start text-white" style="background-color: #1c2331">
   <!-- <?php //include get_template_directory() . '/site-details.php'; 
        ?> -->

   <section class="bottom_footer">
     <div class="container container_padding text-center text-md-start">
       <div class="row mt-3 footer_row">
         <div class="col-sm-6 col-lg-4 col-xl-3 mx-auto mb-4">
           <a class="text-white" href="<?php echo home_url(); ?>">
             <img src="<?php echo esc_url(get_company_footer_logo()); ?>" width="300" height="60" alt="Company Logo">
           </a>
           <p class="pt-4 footer_company_detail"><?php echo esc_html(get_company_short_note()); ?>
           </p>
         </div>

         <!-- Dynamic Features Section -->
         <div class="col-sm-6 col-lg-2 col-xl-2 mx-auto mb-4 footer_row_links">
           <h4 class="text-uppercase fw-bold text-white">Features</h4>
           <hr class="footer_hr d-inline-block mx-auto" />
           <?php
            $feature_args = array(
              'post_type'      => 'feature_tool',
              'posts_per_page' => 6, // Fetch only 6 features
            );
            $feature_query = new WP_Query($feature_args);

            if ($feature_query->have_posts()) :
              while ($feature_query->have_posts()) : $feature_query->the_post();
                echo '<p><a href="' . get_permalink() . '" class="text-white">' . get_the_title() . '</a></p>';
              endwhile;
              wp_reset_postdata();
            else :
              echo '<p>No features available.</p>';
            endif;
            ?>
         </div>

         <!-- Dynamic Useful Links (Pages & Templates) -->
         <div class="col-sm-6 col-lg-2 col-xl-2 mx-auto mb-4 footer_row_links">
           <h4 class="text-uppercase fw-bold text-white">Useful links</h4>
           <hr class="footer_hr d-inline-block mx-auto" />

           <?php
            $pages = get_pages(array('sort_column' => 'menu_order', 'sort_order' => 'ASC'));

            if (!empty($pages)) {
              foreach ($pages as $page) {
                echo '<p><a href="' . get_permalink($page->ID) . '" class="text-white">' . esc_html($page->post_title) . '</a></p>';
              }
            } else {
              echo '<p>No pages available.</p>';
            }
            ?>
         </div>

         <!-- Dynamic Contact Details -->
         <div class="col-sm-6 col-lg-3 col-xl-3 mx-auto mb-md-0 mb-4 footer_row_links">
           <h4 class="text-uppercase fw-bold text-white">Contact</h4>
           <hr class="footer_hr d-inline-block mx-auto" />
           <p><a href="#" class="text-white contact_item"><i class="fas fa-home mr-3"></i> <?php echo esc_html(get_company_location()); ?></a></p>
           <p><a href="mailto:<?php echo esc_attr(get_company_email()); ?>" class="text-white contact_item"><i class="fas fa-envelope mr-3"></i> <?php echo esc_html(get_company_email()); ?></a></p>
           <p><a href="tel:<?php echo esc_attr(get_company_phone()); ?>" class="text-white contact_item"><i class="fas fa-phone mr-3"></i> <?php echo esc_html(get_company_phone()); ?></a></p>
           <p><a href="tel:<?php echo esc_attr(get_company_fax()); ?>" class="text-white contact_item"><i class="fas fa-print mr-3"></i> <?php echo esc_html(get_company_fax()); ?></a></p>
         </div>
       </div>
     </div>
   </section>

   <div class="text-center footer_copyright p-3" style="background-color: rgba(0, 0, 0, 0.2)">
     © 2024 Copyright:
     <a class="text-white" href="<?php echo home_url(); ?>"><?php echo esc_html(get_company_name()); ?></a>
     <br> Designed & Developed By <a class="text-white" href="#">CONVIRZON</a>
   </div>
 </footer>

 <!-- Footer section end -->



 <!-- <script src="<?php // echo get_template_directory_uri(); 
                    ?>/assets/js/app.js"></script> -->
 <!-- <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.2.3/dist/js/bootstrap.bundle.min.js"
        integrity="sha384-kenU1KFdBIe4zVF0s0G1M5b4hcpxyD9F7jL+jjXkk+Q2h455rYXK/7HAuoJl+0I4"
        crossorigin="anonymous"></script> -->


 <!-- <script src="<?php // echo get_template_directory_uri(); 
                    ?>/assets/js/popper.min.js" crossorigin="anonymous"></script>

 <script src="<?php // echo get_template_directory_uri(); 
              ?>/assets/js/bootstrap.min.js" crossorigin="anonymous"></script>

 <script src="<?php // echo get_template_directory_uri(); 
              ?>/assets/js/bootstrap.bundle.min.js" crossorigin="anonymous"></script>

 <script src="<?php // echo get_template_directory_uri(); 
              ?>/assets/js/jquery-3.7.1.min.js"></script>
 <script src="<?php // echo get_template_directory_uri(); 
              ?>/assets/js/owl.carousel.min.js"></script> -->
 <!-- <script>
   $(".owl-one").owlCarousel({
     loop: true,
     autoplay: false,
     nav: true,
     smartSpeed: true,
     autoplayTimeout: 1000,
     autoplayHoverPause: true,
     smartSpeed: 500,
     center: true,
     margin: 20,
     nav: true,
     navSpeed: 500,
     responsive: {
       0: {
         items: 1,
         margin: 10,
       },
       600: {
         items: 2,
       },
       1000: {
         items: 3,
       },
     },
   });

   $(".owl-listslide").owlCarousel({
     loop: true,
     autoplay: false,
     nav: true,
     dots: false,
     smartSpeed: true,
     autoplayTimeout: 1000,
     autoplayHoverPause: true,
     smartSpeed: 500,
     center: true,
     margin: 20,
     nav: true,
     navSpeed: 500,
     responsive: {
       0: {
         items: 1,
         margin: 10,
       },
       320: {
         items: 2,
       },
       768: {
         items: 3,
       },
       1000: {
         items: 4,
       },
     },
   });
 </script> -->
 <!-- <script>
   $(".owl-two").owlCarousel({
     loop: true,
     nav: true,
     dots: false,
     autoplay: false,
     margin: 20,
     smartSpeed: 500,
     padding: 20,
     smartSpeed: true,
     autoplayTimeout: 2000,
     autoplayHoverPause: true,
     navSpeed: 500,
     responsive: {
       0: {
         items: 1,
       },
       600: {
         items: 1,
       },
       1000: {
         items: 1,
       },
     },
   });
 </script> -->
 <!-- <script>
   jQuery(document).ready(function($) {

     var owl = $(".owl-demo-2");
     owl.owlCarousel({
       autoplay: false,
       items: 4,
       dots: false,
       loop: true,
       nav: true,
       margin: 20,
       responsive: {
         0: {
           items: 1,
         },
         480: {
           items: 2,
         },
         768: {
           items: 3,
         },
         1020: {
           items: 4,
         },
       },
       autoplay: true,
       autoplayTimeout: 4000
     });
     $(".next").click(function() {
       owl.trigger('owl.next');
     });
     $(".prev").click(function() {
       owl.trigger('owl.prev');
     });

     $('.latest-blog-posts .thumbnail.item').matchHeight();

   });
 </script> -->
 <!-- <script>
   $(document).ready(function() {

     $('#register-link').click(function() {
       $('#login-box').hide();
       $('#register-box').show();
       $('#forgot-box').hide();
       $('#upload-box').hide();
     });


     $('#login-link').click(function() {
       $('#register-box').hide();
       $('#login-box').show();
       $('#forgot-box').hide();
       $('#upload-box').hide();
     });


     $('#forgot-link').click(function() {
       $('#login-box').hide();
       $('#register-box').hide();
       $('#forgot-box').show();
       $('#upload-box').hide();
     });


     $('#back-link').click(function() {
       $('#forgot-box').hide();
       $('#login-box').show();
     });


     $('#login-btn').click(function(event) {
       event.preventDefault();
       $('#login-box').hide();
       $('#upload-box').show();
     });


     $('#login-link').click(function() {
       $('#upload-box').hide();
       $('#login-box').show();
     });
   });
 </script> -->


 <?php wp_footer(); ?>
 </body>

 </html>