<?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( __( '&copy; %s %s. All rights reserved.', 'multitas' ), date( 'Y' ), get_bloginfo( 'name' ) ) ) ); ?></p>
				</div>
			</div>
		</div>
	</footer><!-- #colophon -->
</div><!-- #page -->

<?php wp_footer(); ?>

</body>
</html>