<?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 computer-repair-solutions
 */

?>

<footer id="colophon" class="site-footer">
    <div class="footer-bgoverlay"></div>
    <div class="footer-widgets-area mt-4 container p-0">
        <?php
        $footer_sidebar_data = computer_repair_solutions_footer_sidebar_class();
        $footer_sidebar = $footer_sidebar_data['active_sidebar'];
        $footer_class = $footer_sidebar_data['class'];

        if (!empty($footer_sidebar)): ?>
            <div class="<?php echo esc_attr($footer_class); ?>">
                <?php foreach ($footer_sidebar as $sidebar): ?>
                    <div class="hentry">
                        <?php dynamic_sidebar($sidebar); ?>
                    </div>
                <?php endforeach; ?>
            </div>
        <?php endif; ?>


    <article
        class="contactmapbox mb-20 mt-4"
        data-wow-duration="1s" style="border-radius: 15px; overflow: hidden;">
        <?php $computer_repair_solutions_featured_footer_iframe_shortcode = get_theme_mod('computer_repair_solutions_featured_footer_iframe_shortcode', 'Add Map Embed Code Here'); ?>
        <?php if (!empty($computer_repair_solutions_featured_footer_iframe_shortcode)) { ?>
            <div class="featured-contact-mapbox">
<?php
echo wp_kses_post( $computer_repair_solutions_featured_footer_iframe_shortcode );
?>
            </div>
        <?php } ?>
    </article>



  <div class="site-info mb-2 d-flex justify-between border-t border-gray-700 py-8">
        <div class="copy-right">
            <p class="text-sm text-gray-400 " style="color:#d1d5dc">
                <?php
                $computer_repair_solutions_footer_text = get_theme_mod(
                    'computer_repair_solutions_foot_themename',
                    __( '© 2025 Computer Repair Solutions. All rights reserved.', 'computer-repair-solutions' )
                );
                echo esc_html( $computer_repair_solutions_footer_text );
                ?>
            </p>
        </div>
      

        <div class="text-sm">
            <?php
            $link_1_text = get_theme_mod(
                'computer_repair_solutions_foot_listfirst',
                __( 'Privacy Policy', 'computer-repair-solutions' )
            );
            $link_2_text = get_theme_mod(
                'computer_repair_solutions_foot_listsec',
                __( 'Terms of Service', 'computer-repair-solutions' )
            );
            $link_3_text = get_theme_mod(
                'computer_repair_solutions_foot_listthird',
                __( 'License Info', 'computer-repair-solutions' )
            );

            $link_1_url = get_theme_mod( 'computer_repair_solutions_foot_listfirst_url', '#' );
            $link_2_url = get_theme_mod( 'computer_repair_solutions_foot_listsec_url', '#' );
            $link_3_url = get_theme_mod( 'computer_repair_solutions_foot_listthird_url', '#' );
            ?>
            <ul class="w-100 d-flex">
                <li class="m-0">
                    <a class="hover:text-[#00C1D4] transition-colors"
                       style="font-size: 0.75rem;color: #d1d5dc;"
                       href="<?php echo esc_url( $link_1_url ); ?>">
                        <?php echo esc_html( $link_1_text ); ?>
                    </a>
                </li>
                <li class="m-0">
                    <a class="hover:text-[#00C1D4] transition-colors"
                       style="font-size: 0.75rem;color: #d1d5dc;"
                       href="<?php echo esc_url( $link_2_url ); ?>">
                        <?php echo esc_html( $link_2_text ); ?>
                    </a>
                </li>
                <li class="m-0">
                    <a class="hover:text-[#00C1D4] transition-colors"
                       style="font-size: 0.75rem;color: #d1d5dc;"
                       href="<?php echo esc_url( $link_3_url ); ?>">
                        <?php echo esc_html( $link_3_text ); ?>
                    </a>
                </li>
            </ul>
        </div>
    </div><!-- .site-info -->

    </div>

  

    <!-- Scroll to Top Button -->
    <?php if (get_theme_mod('featured_scrooltopbtn_on_off', true) == true) { ?>
        <div class="scroll-to-top">
            <a href="#" id="scroll-to-top">
                <i class="fas fa-caret-up"></i>
            </a>
        </div>
    <?php } ?>
</footer><!-- #colophon -->
</div><!-- #page -->

<?php wp_footer(); ?>

</body>

</html>

