</div>
</div>
<?php 
	$footer_bg_clr		= get_theme_mod('footer_bg_clr','#000000');
	$footer_bg_img	= get_theme_mod('footer_bg_img',get_template_directory_uri(). '/assets/images/footer_bg.png');
	// $social_icons		= get_theme_mod('social_icons', pet_bazaar_get_social_icon_default());
?>
<footer id="footer-section" class="footer-section footer-one" style="background:url('<?php if($footer_bg_img) { echo $footer_bg_img; } ?>') no-repeat scroll center center / cover;">
	<div class="footer-top">
            <div class="container">
                <div class="row wow fadeInUp d-flex align-items-center">
                    <div class="col-lg-9">				
					
                        <aside id="mail" class="widget widget_mail widget_custom_html">
                            <div class="contact-area mb-2 mb-lg-0">
                                <div class="contact-info">
                                    <h4 class="title"><?php echo esc_html__('subscribe to us!','pet-bazaar'); ?></h4> 
                                    <p><?php echo esc_html__('subscribe to our monthly newsletter!','pet-bazaar'); ?></p>
                                </div>
                            </div>
							<form class="mail-form spanco-subscription" action="#" method="post">
								<label>
									<span class="screen-reader-text"><?php echo esc_html__('Search for:','pet-bazaar'); ?></span>
									<input type="email" class="mail-field" name="email" placeholder="<?php esc_attr_e('Enter Your email','pet-bazaar'); ?>">
								</label>
								<button type="submit" class="submit btn"><i class="fa fa-paper-plane"></i></button>
								<div class="spanco-subscription-msg"></div>
							</form>
                        </aside>
                    </div>

                    <div class="col-lg-3 d-flex justify-content-lg-end">
					<?php do_action('pet_bazaar_footer_socials'); ?>						
                    </div>
                </div>
            </div>
        </div>
	<?php 
		if ( is_active_sidebar( 'pet-bazaar-footer-widget' ) ) {
	?>
		<div class="footer-middle-wrapper pb-4 mt-4">
			<div class="container">
				<div class="row">
					<div class="col-lg-3 middle-footer">
						<?php  dynamic_sidebar( 'pet-bazaar-footer-widget' ); ?>
					</div>
					<div class="col-lg-3 middle-footer">
						<?php  dynamic_sidebar( 'pet-bazaar-footer-widget-2' ); ?>
					</div>
					<div class="col-lg-3 middle-footer">
						<?php  dynamic_sidebar( 'pet-bazaar-footer-widget-3' ); ?>
					</div>
					<div class="col-lg-3 middle-footer">
						<?php  dynamic_sidebar( 'pet-bazaar-footer-widget-4' ); ?>
					</div>
				</div>
			</div>
		</div>
	<?php } ?>
	<!-- <hr> -->
	
	<div class="footer-copyright">
            <div class="container">
                <div class="row align-items-center">
                    <div class="col-lg-4 col-md-4 col-12 text-lg-left text-md-left text-left">
                        <div class="widget-left text-lg-left text-md-left text-left">
                            <div class="widget textwidget">
                                <div class="brand">
                                    <p class="copyright-text">
									<?php 	
									$footer_copyright 	= get_theme_mod('footer_copyright','Copyright &copy; [current_year] [site_title] | Powered by [theme_author]');	
									
									if(!empty($footer_copyright)) {						
											$pet_bazaar_copyright_allowed_tags = array(
											'[current_year]' => date_i18n('Y', current_time( 'timestamp' )),
											'[site_title]'   => get_bloginfo('name'),
											'[theme_author]' => sprintf(__('<a href="#">Pet Bazaar</a>', 'pet-bazaar')),
											);
											
											echo apply_filters('pet_bazaar_footer_copyright', wp_kses_post(pet_bazaar_str_replace_assoc($pet_bazaar_copyright_allowed_tags, $footer_copyright)));
									}	?>
                                </div>
                            </div>
                        </div>
                    </div>
					
					<?php
						$visa_icon 			= get_theme_mod('visa_icon');
						$visa_link 			= get_theme_mod('visa_link','#');
						$paypal_icon 		= get_theme_mod('paypal_icon');
						$paypal_link 		= get_theme_mod('paypal_link','#');
						$mastercard_icon 	= get_theme_mod('mastercard_icon');
						$mastercard_link 	= get_theme_mod('mastercard_link','#');
						$amex_icon 			= get_theme_mod('amex_icon');
						$amex_link 			= get_theme_mod('amex_link','#');
						$discover_icon 		= get_theme_mod('discover_icon');
						$discover_link 		= get_theme_mod('discover_link','#');
						$jcb_icon 			= get_theme_mod('jcb_icon');
						$jcb_link 			= get_theme_mod('jcb_link','#');
					?>
                    <div class="col-lg-4 col-md-4 col-12 text-center">
                        <div class="footer-item">
                            <aside class="widget widget_payment_methods">
                                <ul class="payment_methods">
                                    <?php if($visa_link != '') { echo '<li><a href="'.esc_url($visa_link).'"><i class="fab '.$visa_icon.'"></i></a></li>'; } ?>
                                    <?php if($paypal_link != '') { echo '<li><a href="'.esc_url($paypal_link).'"><i class="fab '.$paypal_icon.'"></i></a></li>'; } ?>
                                    <?php if($mastercard_link != '') { echo '<li><a href="'.esc_url($mastercard_link).'"><i class="fab '.$mastercard_icon.'"></i></a></li>'; } ?>
                                    <?php if($amex_link != '') { echo '<li><a href="'.esc_url($amex_link).'"><i class="fab '.$amex_icon.'"></i></a></li>'; } ?>
                                    <?php if($discover_link != '') { echo '<li><a href="'.esc_url($discover_link).'"><i class="fab '.$discover_icon.'"></i></a></li>'; } ?>
                                    <?php if($jcb_link != '') { echo '<li><a href="'.esc_url($jcb_link).'"><i class="fab '.$jcb_icon.'"></i></a></li>'; } ?>                                    
                                </ul>
                            </aside>
                        </div>
                    </div>
                    <div class="col-lg-4 col-md-4 col-12 text-lg-right text-md-left text-left">
                        <div class="widget-center text-lg-right text-md-left text-left">
                            <div class="widget textwidget">
                                <div class="brand">
									<aside class="widget widget_nav_menu">
										<div class="menu-pages-container">
											<?php 
												wp_nav_menu( 
													array(  
														'theme_location' => 'footer_menu',
														'container'  => '',
														'menu_class' => 'menu',
														'fallback_cb' => 'WP_Bootstrap_Navwalker::fallback',
														'walker' => new WP_Bootstrap_Navwalker()
														 ) 
													);
											?>   
										</div>
									</aside>
                                </div>
                            </div>
                        </div>
                    </div>					
				</div>
			</div>
		</div>
</footer>
<!-- START: SCROLL UP -->
<?php 
	$hs_scroller 	= get_theme_mod('hs_scroller','1');	
	$scroller_icon 	= get_theme_mod('scroller_icon','fa-arrow-up');	
	if($hs_scroller == '1') :
?>
<button type="button" class="p-0" id="scrollup"  aria-label="<?php echo esc_attr__('scrollingUp','pet-bazaar'); ?>"><i class="fa <?php echo esc_attr($scroller_icon); ?>"></i></button>
<?php endif; ?>
<!-- END: SCROLL UP -->

<!-- footer small menu -->
<?php
	
    $footer_menu_hs				= get_theme_mod( 'footer_menu_hs','1');
	
if($footer_menu_hs!='0' && class_exists( 'woocommerce' )): ?>
<div id="footer-small" class="footer-small d-lg-none d-block" style="bottom: 0px;">
	<div class="container-fluid">
		<div class="row">
			<div class="col px-2">
				<div class="footer-mobile-menu">
					<a href="<?php echo esc_url( home_url( '/' ) ); ?>" class="active">
						<i class="fa-solid fa-house"></i>
					</a>
				</div>
			</div>
		
			<div class="col px-2">
				<div class="footer-mobile-menu">
					<a href="<?php echo get_permalink( get_option('woocommerce_myaccount_page_id') ); ?>">
						<i class="fa-solid fa-user"></i>
					</a>
				</div>
			</div>
			
			<div class="col px-2">
				<div class="footer-mobile-menu">
					<a href="javascript:void(0)" id="bottom-search-area">
						<i class="fa fa-search"></i>
					</a>
					<?php 
						$pet_bazaar_theme 	=	get_theme_mod('pet_bazaar_theme','theme-1');
						if ($pet_bazaar_theme == 'theme-5' || $pet_bazaar_theme == 'theme-3') {
							do_action('pet_bazaar_hdr_normal_search');
						} 
					?>
				</div>
			</div>			
			
			<div class="col px-2">
				<div class="footer-mobile-menu menu-collapsed">
					<a href="javascript:void(0)" id="footer-bottom-category">
						<i class="fa fa-list-ul"></i>
					</a>
				</div>
			</div>
		</div>
	</div>
</div>
<?php endif; ?>
<!-- footer small menu end -->

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