<?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 multitas
*/
?>
<footer id="colophon" class="site-footer">
<div class="footer-main">
<div class="footer-container">
<div class="footer-columns">
<!-- Column 1: Logo & Company Name -->
<div class="footer-column footer-about">
<?php if ( has_custom_logo() ) : ?>
<div class="footer-logo">
<?php the_custom_logo(); ?>
</div>
<?php endif; ?>
<h3 class="footer-company-name"><?php echo esc_html( get_theme_mod( 'multitas_footer_company_name', get_bloginfo( 'name' ) ) ); ?></h3>
<?php
$footer_desc = get_theme_mod( 'multitas_footer_description', '' );
if ( ! empty( $footer_desc ) ) :
?>
<p class="footer-description"><?php echo esc_html( $footer_desc ); ?></p>
<?php endif; ?>
</div>
<!-- Column 2: Product Links -->
<div class="footer-column footer-links">
<h4 class="footer-title"><?php echo esc_html( get_theme_mod( 'multitas_footer_links_title', __( 'Our Products', 'multitas' ) ) ); ?></h4>
<ul class="footer-menu">
<?php
for ( $i = 1; $i <= 5; $i++ ) :
$link_text = get_theme_mod( "multitas_footer_link_{$i}_text", '' );
$link_url = get_theme_mod( "multitas_footer_link_{$i}_url", '' );
if ( ! empty( $link_text ) && ! empty( $link_url ) ) :
?>
<li><a href="<?php echo esc_url( $link_url ); ?>"><?php echo esc_html( $link_text ); ?></a></li>
<?php
endif;
endfor;
?>
</ul>
</div>
<!-- Column 3: Social Media -->
<div class="footer-column footer-social">
<h4 class="footer-title"><?php echo esc_html( get_theme_mod( 'multitas_footer_social_title', __( 'Follow Us', 'multitas' ) ) ); ?></h4>
<div class="social-links">
<?php
$social_links = array(
'facebook' => array( 'icon' => 'facebook', 'label' => 'Facebook' ),
'twitter' => array( 'icon' => 'twitter', 'label' => 'Twitter' ),
'instagram' => array( 'icon' => 'instagram', 'label' => 'Instagram' ),
'linkedin' => array( 'icon' => 'linkedin', 'label' => 'LinkedIn' ),
'youtube' => array( 'icon' => 'youtube', 'label' => 'YouTube' ),
);
foreach ( $social_links as $key => $social ) :
$url = get_theme_mod( "multitas_social_{$key}", '' );
if ( ! empty( $url ) ) :
?>
<a href="<?php echo esc_url( $url ); ?>" target="_blank" rel="noopener noreferrer" class="social-link social-<?php echo esc_attr( $key ); ?>" aria-label="<?php echo esc_attr( $social['label'] ); ?>">
<span class="social-icon"><?php echo esc_html( substr( $social['label'], 0, 1 ) ); ?></span>
</a>
<?php
endif;
endforeach;
?>
</div>
</div>
</div>
</div>
</div>
<!-- Copyright -->
<div class="footer-bottom">
<div class="footer-container">
<div class="footer-copyright">
<p><?php echo wp_kses_post( get_theme_mod( 'multitas_footer_copyright', sprintf( __( '© %s %s. All rights reserved.', 'multitas' ), date( 'Y' ), get_bloginfo( 'name' ) ) ) ); ?></p>
</div>
</div>
</div>
</footer><!-- #colophon -->
</div><!-- #page -->
<?php wp_footer(); ?>
</body>
</html>