<?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 voltmaster-electrician
 */

?>

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

<div class="bg-line-anim">
  <svg class="w-full h-full" viewBox="0 0 1200 400" fill="none">
    <path
      d="M0 200 L200 200 L200 100 L400 100 L400 300 L600 300 L600 200 L800 200 L800 150 L1200 150"
      stroke="currentColor"
      stroke-width="2"
      class="text-yellow-400"
    ></path>
    <circle cx="200" cy="200" r="6" fill="currentColor" class="text-yellow-400"></circle>
    <circle cx="400" cy="100" r="6" fill="currentColor" class="text-yellow-400"></circle>
    <circle cx="600" cy="300" r="6" fill="currentColor" class="text-yellow-400"></circle>
    <circle cx="800" cy="200" r="6" fill="currentColor" class="text-yellow-400"></circle>
  </svg>
</div>
 <style>
@keyframes slowFade {
  0% {
    opacity: 0.05; /* lowest visibility */
  }
  50% {
    opacity: 0.15; /* slightly higher */
  }
  100% {
    opacity: 0.05; /* back to low */
  }
}

.bg-line-anim {
  position: absolute;
  inset: 0;
  animation: slowFade 3s ease-in-out infinite;
}
</style>
    <div class="footer-bgoverlay"></div>
    <div class="footer-widgets-area mt-4 container p-0">
        <?php
        $footer_sidebar_data = voltmaster_electrician_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; ?>

  <div class="site-info mb-2 d-flex justify-between border-t border-gray-700 py-8">
        <div class="copy-right">
            <p class="text-xs text-gray-400 " style="color:#d1d5dc">
                <?php

                printf(
                    esc_html__('%1$s', 'voltmaster-electrician'),
                    esc_html(get_theme_mod('voltmaster_electrician_foot_themename', "© 2025 ElectricPro. All rights reserved.")),
                );
                ?>
            </p>
        </div>
      

        <div class="">
            <ul class="w-100 d-flex">
                <li class=" m-0"><a style="font-size: 0.75rem;color: #d1d5dc;" href=""> <?php

                printf(
                    esc_html__('%1$s', 'voltmaster-electrician'),
                    esc_html(get_theme_mod('voltmaster_electrician_foot_list1', "Privacy Policy")),
                );
                ?></a></li>
                <li class=" m-0"><a style="font-size: 0.75rem;color: #d1d5dc;" href=""> <?php

                printf(
                    esc_html__('%1$s', 'voltmaster-electrician'),
                    esc_html(get_theme_mod('voltmaster_electrician_foot_list2', "Terms of Service")),
                );
                ?></a></li>
                <li class=" m-0"><a style="font-size: 0.75rem;color: #d1d5dc;" href=""> <?php

                printf(
                    esc_html__('%1$s', 'voltmaster-electrician'),
                    esc_html(get_theme_mod('voltmaster_electrician_foot_list3', "License Info")),
                );
                ?></a></li>
                <li class=" m-0"><a style="font-size: 0.75rem;color: #d1d5dc;" href=""> <?php

                printf(
                    esc_html__('%1$s', 'voltmaster-electrician'),
                    esc_html(get_theme_mod('voltmaster_electrician_foot_list4', "Sitemap")),
                );
                ?></a></li>
            </ul>
        </div>
    </div><!-- .site-info -->


      <div class="mt-6 text-center">
            <p class="text-xs text-gray-300 " style="color: #9CA3AF;">
                <?php

                printf(
                    esc_html__('%1$s', 'voltmaster-electrician'),
                    esc_html(get_theme_mod('voltmaster_electrician_foot_themename', "Licensed, Bonded & Insured • License #IL-123456 • Serving Springfield and surrounding areas since 1998")),
                );
                ?>
            </p>
        </div>

    </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>

<!-- <ul class="d-flex">
    <li>
        <a href="</?php echo esc_html(get_theme_mod('voltmaster_electrician_featured_icon_url_footer1', ' ')); ?>">
            <i class="</?php echo esc_html(get_theme_mod('voltmaster_electrician_foot_featured_icon_footer1', 'fa-brands fa-facebook-f')) ?>"></i>
        </a>
    </li>
    <li>
        <a href="</?php echo esc_html(get_theme_mod('voltmaster_electrician_featured_icon_url_footer2', ' ')); ?>">
            <i class="</?php echo esc_html(get_theme_mod('voltmaster_electrician_foot_featured_icon_footer2', 'fa-brands fa-twitter')) ?>"></i>
        </a>
    </li>
    <li>
        <a href="</?php echo esc_html(get_theme_mod('voltmaster_electrician_featured_icon_url_footer3', ' ')); ?>">
            <i class="</?php echo esc_html(get_theme_mod('voltmaster_electrician_foot_featured_icon_footer3', 'fa-brands fa-instagram')) ?>"></i>
        </a>
    </li>
    <li>
        <a href="</?php echo esc_html(get_theme_mod('voltmaster_electrician_featured_icon_url_footer4', ' ')); ?>">
            <i class="</?php echo esc_html(get_theme_mod('voltmaster_electrician_foot_featured_icon_footer4', 'fa-brands fa-youtube')) ?>"></i>
        </a>
    </li>
</ul> -->