<?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 FitNote
 */
?>
<?php
$enable_offcanvas = fitnote_get_option('enable_offcanvas');
if ($enable_offcanvas) { ?>
    <div class="site-drawer-overlay"></div>
    <div class="site-drawer-offcanvas" aria-hidden="true" role="dialog" aria-labelledby="menu-title">
        <button class="site-drawer-close-btn" aria-label="<?php esc_attr_e('Close menu', 'fitnote'); ?>">
            <?php fitnote_the_theme_svg('cross'); ?>
        </button>

        <?php if (is_active_sidebar('offcanvas-drawer')) { ?>
            <?php get_template_part('template-parts/widgetarea/offcanvas-drawer'); ?>
        <?php } else { ?>
            <div class="no-widgets-message">
                <p><?php esc_html_e('No widgets added yet.', 'fitnote'); ?>
                    <a href="<?php echo esc_url(admin_url('widgets.php')); ?>">
                        <?php esc_html_e('Add widgets on Off-canvas Drawer', 'fitnote'); ?>
                    </a>.</p>
            </div>
        <?php } ?>
    </div>
<?php } ?>
<?php do_action('fitnote_before_footer'); ?>



<?php get_template_part('template-parts/footer/before-footer'); ?>

<footer id="colophon" class="site-footer">


    <?php get_template_part('template-parts/footer/footer-widgetarea'); ?>

    <?php get_template_part('template-parts/footer/footer-navarea'); ?>

    <?php get_template_part('template-parts/footer/footer-bottom'); ?>


</footer><!-- #colophon -->
<?php get_template_part('template-parts/footer/after-footer'); ?>

<?php do_action('fitnote_before_footer'); ?>

<?php
$enable_footer_scroll_to_top = fitnote_get_option('enable_footer_scroll_to_top');
if ($enable_footer_scroll_to_top) { ?>
<button id="scrollToTopBtn" aria-label="Scroll to top" title="Scroll to top">
    <svg id="progressCircle" width="50" height="50" aria-hidden="true">
        <circle cx="25" cy="25" r="22" stroke-width="4" fill="none"/>
    </svg>
    <?php fitnote_the_theme_svg('arrow-up'); ?>
</button>
<?php } ?>

<?php
$enable_footer_progressbar = fitnote_get_option('enable_footer_progressbar');
if ($enable_footer_progressbar) { ?>
    <div id="progressBarContainer">
        <div id="progressBar"></div>
    </div>
<?php } ?>

</div><!-- #page -->

<?php
wp_footer(); ?>

</body>
</html>
