<?php
/**
 * The template for displaying the footer.
 *
 * Contains the closing of the #content div and all content after
 *
 * @package the-fashion-woocommerce
 */
?>
<footer role="contentinfo">
    <?php if (get_theme_mod('the_fashion_woocommerce_show_hide_footer', true)){ ?>
        <?php //Set widget areas classes based on user choice
            $the_fashion_woocommerce_widget_areas = get_theme_mod('the_fashion_woocommerce_footer_widget_areas', '4');
            if ($the_fashion_woocommerce_widget_areas == '3') {
                $the_fashion_woocommerce_cols = 'col-lg-4 col-md-4';
            } elseif ($the_fashion_woocommerce_widget_areas == '4') {
                $the_fashion_woocommerce_cols = 'col-lg-3 col-md-3';
            } elseif ($the_fashion_woocommerce_widget_areas == '2') {
                $the_fashion_woocommerce_cols = 'col-lg-6 col-md-6';
            } else {
                $the_fashion_woocommerce_cols = 'col-lg-12 col-md-12';
            }
        ?>
        <div id="footer" class="copyright-wrapper">
            <div class="container">
                <div class="row wow bounceInUp">
                    <!-- Footer Column 1 -->
                    <div class="sidebar-column <?php echo esc_attr($the_fashion_woocommerce_cols); ?>">
                        <?php if (is_active_sidebar('footer-1')) : ?>
                            <?php dynamic_sidebar('footer-1'); ?>
                        <?php else : ?>
                            <aside id="calendar" role="complementary" aria-label="firstsidebar" class="widget">
                                <h2 class="widget-title"><?php esc_html_e('Calendar', 'the-fashion-woocommerce'); ?></h2>
                                <?php get_calendar(); ?>
                            </aside>
                        <?php endif; ?>
                    </div>

                    <!-- Footer Column 2 -->
                    <div class="sidebar-column <?php echo esc_attr($the_fashion_woocommerce_cols); ?>">
                        <?php if (is_active_sidebar('footer-2')) : ?>
                            <?php dynamic_sidebar('footer-2'); ?>
                        <?php else : ?>
                            <aside id="categories" role="complementary" aria-label="secondsidebar" class="widget">
                                <h2 class="widget-title"><?php esc_html_e('Categories', 'the-fashion-woocommerce'); ?></h2>
                                <ul>
                                    <?php wp_list_categories(array('title_li' => '')); ?>
                                </ul>
                            </aside>
                        <?php endif; ?>
                    </div>

                    <!-- Footer Column 3 -->
                    <div class="sidebar-column <?php echo esc_attr($the_fashion_woocommerce_cols); ?>">
                        <?php if (is_active_sidebar('footer-3')) : ?>
                            <?php dynamic_sidebar('footer-3'); ?>
                        <?php else : ?>
                            <aside id="search" role="complementary" aria-label="thirdsidebar" class="widget">
                                <h2 class="widget-title"><?php esc_html_e('Search', 'the-fashion-woocommerce'); ?></h2>
                                <?php get_search_form(); ?>
                            </aside>
                        <?php endif; ?>
                    </div>

                    <!-- Footer Column 4 -->
                    <div class="sidebar-column <?php echo esc_attr($the_fashion_woocommerce_cols); ?>">
                        <?php if (is_active_sidebar('footer-4')) : ?>
                            <?php dynamic_sidebar('footer-4'); ?>
                        <?php else : ?>
                            <aside id="meta" role="complementary" aria-label="fourthsidebar" class="widget">
                                <h2 class="widget-title"><?php esc_html_e('Meta', 'the-fashion-woocommerce'); ?></h2>
                                <ul>
                                    <?php wp_register(); ?>
                                    <li><?php wp_loginout(); ?></li>
                                </ul>
                            </aside>
                        <?php endif; ?>
                    </div>
                </div>
            </div>
        </div>
    <?php }?>
<div class="footer <?php if( get_theme_mod( 'the_fashion_woocommerce_copyright_sticky', false) == 1) { ?> copyright-sticky<?php } else { ?>close-sticky <?php } ?>">      
    <?php if (get_theme_mod('the_fashion_woocommerce_show_hide_copyright', true)) {?>
        <div class="copyright">
            <div class="container wow bounceInUp">
                <p><?php the_fashion_woocommerce_credit();?><?php echo esc_html(get_theme_mod('the_fashion_woocommerce_footer_copy', __('By Themescaliber', 'the-fashion-woocommerce')));?></p>
            </div>
        </div>
    <?php }?>
    <?php if (get_theme_mod('the_fashion_woocommerce_show_hide_footer_social_icon', false)) {?>
        <div class="footer-social-icon">
            <div class="container">
                <?php for ( $the_fashion_woocommerce_j = 1; $the_fashion_woocommerce_j <= 5; $the_fashion_woocommerce_j++ ) { ?>
                    <?php if( get_theme_mod( 'the_fashion_woocommerce_social_icon_url' .$the_fashion_woocommerce_j) != '') { ?>
                        <a target="_blank" href="<?php echo esc_url( get_theme_mod( 'the_fashion_woocommerce_social_icon_url' .$the_fashion_woocommerce_j) ); ?>"><i class="<?php echo esc_attr(get_theme_mod('the_fashion_woocommerce_select_social_icon' .$the_fashion_woocommerce_j)); ?>" aria-hidden="true"></i></a>
                    <?php } ?>
                <?php } ?>
            </div>
        </div>
    <?php }?>
</div>
</footer>
<?php if( get_theme_mod( 'the_fashion_woocommerce_enable_disable_scroll',true) != '' || get_theme_mod( 'the_fashion_woocommerce_responsive_scroll',true) != '') { ?>
    <?php $the_fashion_woocommerce_theme_lay = get_theme_mod( 'the_fashion_woocommerce_scroll_setting','Right');
      if($the_fashion_woocommerce_theme_lay == 'Left'){ ?>
        <button id="scroll-top" class="left-align" title="<?php esc_attr_e('Scroll to Top','the-fashion-woocommerce'); ?>"><i class="<?php echo esc_attr(get_theme_mod('the_fashion_woocommerce_back_to_top_icon','fas fa-chevron-up')); ?>"></i><span class="screen-reader-text"><?php esc_html_e('Scroll to Top', 'the-fashion-woocommerce'); ?></span></button>
      <?php }else if($the_fashion_woocommerce_theme_lay == 'Center'){ ?>
        <button id="scroll-top" class="center-align" title="<?php esc_attr_e('Scroll to Top','the-fashion-woocommerce'); ?>"><i class="<?php echo esc_attr(get_theme_mod('the_fashion_woocommerce_back_to_top_icon','fas fa-chevron-up')); ?>"></i><span class="screen-reader-text"><?php esc_html_e('Scroll to Top', 'the-fashion-woocommerce'); ?></span></button>
      <?php }else{ ?>
        <button id="scroll-top" title="<?php esc_attr_e('Scroll to Top','the-fashion-woocommerce'); ?>">
        <i class="<?php echo esc_attr(get_theme_mod('the_fashion_woocommerce_back_to_top_icon','fas fa-chevron-up')); ?>"></i><span class="screen-reader-text"><?php esc_html_e('Scroll to Top', 'the-fashion-woocommerce'); ?></span></button>
    <?php }?>
<?php }?>

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