<?php    
/**
 * The template for displaying the footer.
 *
 * Contains the closing of the #content div and all content after.
 *
 * @link https://developer.wordpress.org/themes/basics/template-files/#template-partials
 *
 * @package luzuk Premium
 */
?>
<?php 
	if( get_theme_mod('sec_footerseTmargin',true) ) {
		$sec_footerseTmargin = 'padding-top:'.esc_attr(get_theme_mod('sec_footerseTmargin')).';';
	}
	if( get_theme_mod('sec_footersebottommargin',true) ) {
		$sec_footersebottommargin = 'padding-bottom:'.esc_attr(get_theme_mod('sec_footersebottommargin')).';';
	}
	if( get_theme_mod('sec_footersecopacity',true) ) {
		$sec_footersecopacity = 'opacity:'.esc_attr(get_theme_mod('sec_footersecopacity')).';';
	}

?>		
<footer class="footer-area" id="footer" style="<?php echo esc_attr($sec_footerseTmargin); ?>" "<?php echo esc_attr($sec_footersebottommargin); ?>" "<?php echo esc_attr($sec_footersecopacity); ?>">

	<?php if(is_active_sidebar('luzuk-footer1') || is_active_sidebar('luzuk-footer2') || is_active_sidebar('luzuk-footer3') || is_active_sidebar('luzuk-footer4') || is_active_sidebar('luzuk-footer5') ){ ?>
	<div class="fbox"> 
		<div class="container">
			<div class="s-footer single-footer-1 ">
				<div class="single-footer wow zoomIn" data-wow-duration="1s" >
					<?php if(is_active_sidebar('luzuk-footer1')): 
						dynamic_sidebar('luzuk-footer1');
					endif;
					?>	
				</div>
			</div>
			<div class="row mr-0">
				<div class="s-footer col-lg-3 col-md-6 col-sm-6 col-xs-12 single-footer-2 ">
					<div class="single-footer wow zoomIn" data-wow-duration="1.5s" >
						<?php if(is_active_sidebar('luzuk-footer2')): 
							dynamic_sidebar('luzuk-footer2');
						endif;
						?>	
					</div>
				</div>
				<div class="s-footer col-lg-3 col-md-6 col-sm-6 col-xs-12 single-footer-3">
					<div class="single-footer wow zoomIn"  data-wow-duration="2s" >
						<?php if(is_active_sidebar('luzuk-footer3')): 
							dynamic_sidebar('luzuk-footer3');
						endif;
						?>	
					</div>
				</div>
				<div class="s-footer col-lg-3 col-md-6 col-sm-6 col-xs-12 single-footer-4" >
					<div class="single-footer wow zoomIn" data-wow-duration="2.5s" >
						<?php if(is_active_sidebar('luzuk-footer4')): 
							dynamic_sidebar('luzuk-footer4');
						endif;
						?>	
					</div>
				</div>
				<div class="s-footer col-lg-3 col-md-6 col-sm-6 col-xs-12 single-footer-5" >
					<div class="single-footer wow zoomIn" data-wow-duration="2.5s" >
						<?php if(is_active_sidebar('luzuk-footer5')): 
							dynamic_sidebar('luzuk-footer5');
						endif;
						?>	
					</div>
				</div>
			</div>
		</div>
	</div>
		
	<?php } ?>

	<?php
		$footercopyright = get_theme_mod('footer_area_copyrighttext', 'Copyright @ 2023 Rental Cloths All Right Reserved');
	?>
	<?php 
		if( get_theme_mod('sec_bottomareaTmargin',true) ) {
			$sec_bottomareaTmargin = 'padding-top:'.esc_attr(get_theme_mod('sec_bottomareaTmargin')).';';
		}
		if( get_theme_mod('sec_bottomareabottommargin',true) ) {
			$sec_bottomareabottommargin = 'padding-bottom:'.esc_attr(get_theme_mod('sec_bottomareabottommargin')).';';
		}
	?>		
	<div class="bottom-area wow zoomIn" style="<?php echo esc_attr($sec_bottomareaTmargin); ?>" "<?php echo esc_attr($sec_bottomareabottommargin); ?>">
		<div class="container">
			<div class="row">
				<div class="col-xl-4 col-lg-5 col-md-5">
					<?php
						$footer_facebook = get_theme_mod('footer_facebook', '#');
						$footer_twitter = get_theme_mod('footer_twitter', '#');
						$footer_instagram = get_theme_mod('footer_instagram', '#');
						$footer_mail = get_theme_mod('footer_mail', '#');
					?>
					<div class="footer-sclicn">
						<?php if ($footer_facebook || $footer_twitter || $footer_instagram || $footer_mail) { ?>
			                <div class="team-social-icon">
			                	<?php if ($footer_twitter) { ?>
			                        <li>
			                            <a target="_blank" href="<?php echo esc_url($footer_twitter) ?>" ><i class="fa-brands fa-x-twitter"></i></a>
			                        </li>
			                    <?php } ?>
			                    <?php if ($footer_instagram) { ?>
			                        <li>
			                            <a target="_blank" href="<?php echo esc_url($footer_instagram) ?>" ><i class="fa fa-instagram"></i></a> 
			                        </li>
			                    <?php } ?>
			                    <?php if ($footer_mail) { ?>
			                        <li>
			                            <a target="_blank" href="<?php echo esc_url($footer_mail) ?>"><i class="fa fa-envelope-o"></i></a>
			                        </li>
			                    <?php } ?>
			                    <?php if ($footer_facebook) { ?>
			                        <li>
			                            <a target="_blank" href="<?php echo esc_url($footer_facebook) ?>">
			                            <i class="fa fa-facebook"></i></a>
			                        </li>
			                    <?php } ?>
			                </div>
			        	<?php } ?> 
					</div>
				</div>
				<div class="col-xl-8 col-lg-7 col-md-7">
					<div class="footer-text">
						<?php if($footercopyright){ ?>
								<?php echo $footercopyright;?>
						<?php } ?>
					</div>
				</div>
			</div>
		</div>
	</div>
	<div class="clearfix"></div>
</footer>

<script type="text/javascript">
	if(jQuery(window).width() >= 1170){
		new WOW().init();
	}
</script>

<script type="text/javascript">
    jQuery(document).ready(function(){
        setTimeout(function(){
            jQuery(".flex-control-nav").wrapInner("<div class='owl-carousel'></div>");
            jQuery('.flex-control-nav li').addClass('item');

            $('.flex-control-nav .owl-carousel').owlCarousel({
                refreshClass: 'owl-refresh',
                autoplayTimeout: 5000,
                // loop: true,
                margin: 10,
                autoplay: false,
                navText: [
                    '<i class="fa fa-angle-left" aria-hidden="true"></i>',
                    '<i class="fa fa-angle-right" aria-hidden="true"></i>'
                ],
                responsive: {
                    0: {
                        items: 2,
                        nav: true
                    },
                    400: {
                        items: 3,
                        nav: true
                    },
                    992: {
                        items: 4,
                        nav: true
                        // loop: true
                    }
                }
            });
        }, 1000);
    });
</script>
<script>
$(document).ready(function(){
  $(".woocommerce ul.products li.product img").wrapInner("<div class='shop-product-img'></div>");
});
</script>
<script type="text/javascript">
	// To wrap product page image div
	document.addEventListener('DOMContentLoaded', function() {
  // Query all WooCommerce product images on the shop page
  var productImages = document.querySelectorAll('.woocommerce-loop-product__link img');

  // Loop through each product image and wrap it in a div with class 'shop-product-img'
  productImages.forEach(function(image) {
    // Create a wrapper div
    var wrapperDiv = document.createElement('div');
    wrapperDiv.className = 'shop-product-img';

    // Insert the wrapper before the image in the DOM
    image.parentNode.insertBefore(wrapperDiv, image);

    // Move the image inside the wrapper
    wrapperDiv.appendChild(image);
  });
});
</script>
<script>
	var btn = $('#back2Top');

$(window).scroll(function() {
  if ($(window).scrollTop() > 300) {
    btn.addClass('show');
  } else {
    btn.removeClass('show');
  }
});

btn.on('click', function(e) {
  e.preventDefault();
  $('html, body').animate({scrollTop:0}, '300');
});
</script> 


<?php wp_footer(); ?>

<a id="back2Top" title="Back to top" href="#"> 
	<!-- <i class="fa fa-angle-double-up" aria-hidden="true"></i> -->
	<div class="backtotopbrd"></div>
	<svg width="24.767" height="25.173" viewBox="0 0 24.767 25.173">
	  <path id="Path_42" data-name="Path 42" d="M35.463,24.362c-1.2,4.664-4.781,7.339-10.247,7.532V29.4a3.4,3.4,0,0,1,3.776-3.776,4.632,4.632,0,0,0,5.035-5.035c0-3.116-1.852-4.989-4.943-5.03-1.675-3.517-7.435-3.284-8.993,0-3.091.041-4.943,1.913-4.943,5.03a4.642,4.642,0,0,0,5.045,5.045c2.436,0,3.786,1.33,3.786,3.776v2.5c-6.821-.254-10.714-4.319-10.714-11.318,0-7.2,4.131-11.328,11.328-11.328,5.826,0,9.633,2.7,10.9,7.552h1.279C35.442,11.223,31.093,8,24.576,8,16.72,8,12,12.73,12,20.576c0,7.882,4.73,12.612,12.576,12.6,6.511,0,10.856-3.238,12.165-8.811Zm-5.953-7.516c2.1.178,3.258,1.472,3.258,3.74a3.4,3.4,0,0,1-3.776,3.776,3.565,3.565,0,0,1-3.126-1.386C30.083,22.134,29.7,17.917,29.509,16.846Zm-4.146,4.943c-.127-.523-.827-4.415,2.852-4.923.117.513.837,4.421-2.857,4.923Zm-.777-7.5a3.536,3.536,0,0,1,3.116,1.4A4.3,4.3,0,0,0,24.576,17.9a4.3,4.3,0,0,0-3.126-2.208A3.593,3.593,0,0,1,24.576,14.3Zm-3.629,2.573c3.715.538,2.989,4.405,2.867,4.923-3.674-.5-2.994-4.415-2.857-4.923Zm-.777,7.5a3.4,3.4,0,0,1-3.776-3.776c0-2.253,1.162-3.553,3.258-3.74-.345,1.888-.071,5.405,3.639,6.131a3.535,3.535,0,0,1-3.1,1.386Zm2.7.629a4.1,4.1,0,0,0,1.705-1.7A4.237,4.237,0,0,0,26.3,25,4.075,4.075,0,0,0,24.6,26.712,4.146,4.146,0,0,0,22.891,25Z" transform="translate(-12 -8)"/>
	</svg>
</a>
</body>
</html>