<?php if (get_theme_mod('fashion_outfits_trend_topbar_section_on_off_setting', true)) { ?>
	<div class="top-info-area">
		<div class="container">
			<div class="row">			
				<div class="col-lg-3 col-md-3 col-sm-3">
					<?php
						$fashion_outfits_trend_address = get_theme_mod( 'fashion_outfits_trend_address', 'Store Location' );
						if ( ! empty( $fashion_outfits_trend_address ) ) {
						?>
						<p class="location-text mb-0"><i class="fas fa-map-marker-alt mr-2"></i> <?php echo esc_html( $fashion_outfits_trend_address ); ?></p>
					<?php } ?>
				</div>
				<div class="col-lg-4 col-md-4 col-sm-4">
					<?php
						$fashion_outfits_trend_timing = get_theme_mod( 'fashion_outfits_trend_timing', 'Get free home delivery (Order More then $300)' );
						if ( ! empty( $fashion_outfits_trend_timing ) ) {
						?>
						<p class="mb-0 text-center"><?php echo esc_html( $fashion_outfits_trend_timing ); ?></p>
					<?php } ?>
				</div>
				<div class="col-lg-5 col-md-5 col-sm-5">
					<div class="header-info">
						<?php
							$fashion_outfits_trend_phone_number = get_theme_mod( 'fashion_outfits_trend_phone_number', '+1800-1574-1540' );
							if ( ! empty( $fashion_outfits_trend_phone_number ) ) {
							?>
							<p class="mb-0"><i class="fas fa-phone mr-2"></i> <?php echo esc_html( $fashion_outfits_trend_phone_number ); ?> </p>
						<?php } ?>
						<?php
							$fashion_outfits_trend_email_address = get_theme_mod( 'fashion_outfits_trend_email_address', 'info@example.com' );
							if ( ! empty( $fashion_outfits_trend_email_address ) ) {
							?>
							<a href="mailto:<?php echo esc_attr( $fashion_outfits_trend_email_address ); ?>"><i class="fas fa-envelope-open-text mr-2"></i> <?php echo esc_html( $fashion_outfits_trend_email_address ); ?></a>
						<?php } ?>
					</div>
				</div>
			</div>
		</div>
	</div>
<?php } ?>

<?php 
	$fashion_outfits_trend_has_header_image = has_header_image();
	$fashion_outfits_trend_header_image_url = $fashion_outfits_trend_has_header_image ? esc_url(get_header_image()) : '';
	$fashion_outfits_trend_header_style = '';
	if ($fashion_outfits_trend_has_header_image) {
		$fashion_outfits_trend_header_style = sprintf(
			'background-image: url(%s); background-position: center; background-attachment: fixed; background-size: cover;',
			$fashion_outfits_trend_header_image_url
		);
	}
?>
<div class="upper-header-area <?php echo esc_attr( get_theme_mod('fashion_outfits_trend_sticky_header', false) ? 'sticky-header' : '' ); ?>" <?php if ($fashion_outfits_trend_header_style) echo 'style="' . esc_attr($fashion_outfits_trend_header_style) . '";'; ?>>
	<div class="container">
		<div class="row">
			<div class="col-xl-3 col-lg-2 col-md-3 align-self-center">
				<?php get_template_part( 'template-parts/site', 'branding' ); ?>
			</div>
			<div class="col-xl-5 col-lg-5 col-md-3 align-self-center">
				<header id="masthead" class="site-header header-one">
					<div class="bottom-header header-image-wrap">
						<div class="toggle-menu menu text-center">
							<button onclick="fashion_outfits_trend_mobile_menu_open()" class="toggle p-2"><i class="fa-solid fa-bars"></i></button>
						</div>
						<div id="responsive" class="nav side_nav">
							<nav id="top_menu" class="nav_menu" role="navigation" aria-label="<?php esc_attr_e( 'Menu', 'fashion-outfits-trend' ); ?>">
								<?php
								    wp_nav_menu( array( 
										'theme_location' => 'menu-1',
										'container_class' => 'navigation clearfix' ,
										'menu_class' => 'clearfix',
										'items_wrap' => '<ul id="%1$s" class="%2$s mobile_nav m-0 px-0">%3$s</ul>',
										'fallback_cb' => 'wp_page_menu',
								    ) ); 
								?>
								<a href="javascript:void(0)" class="closebtn menu" onclick="fashion_outfits_trend_mobile_menu_close()"><i class="fa-solid fa-xmark"></i></a>
							</nav>
						</div>
					</div>
				</header>
			</div>
			<div class="col-xl-3 col-lg-3 col-md-3 align-self-center">
				<?php if(class_exists('woocommerce')){ ?>
					<form method="get" class="woocommerce-product-search" action="<?php echo esc_url( home_url( '/' ) ); ?>">
					    <input type="search" id="woocommerce-product-search-field" class="search-field" placeholder="Search products…" value="<?php echo get_search_query(); ?>" name="s" />
					    <button type="submit" value="Search"><i class="fas fa-search"></i></button>
					    <input type="hidden" name="post_type" value="product" />
					</form>
				<?php }?>
			</div>
			<div class="col-xl-1 col-lg-2 col-md-3 align-self-center">
				<div class="text-center">
					<?php $fashion_outfits_trend_wishlist = get_theme_mod( 'fashion_outfits_trend_wishlist', '#' );
						if ( ! empty( $fashion_outfits_trend_wishlist ) ) {
			             ?>
			            <a href="<?php echo esc_url( $fashion_outfits_trend_wishlist ); ?>" class="wishlist-icon"><i class="fas fa-heart"></i></a>
			        <?php } ?>

					<?php if(class_exists('woocommerce')){ ?>
						<a class="cart-contents" href="<?php echo wc_get_cart_url(); ?>" title="View your shopping cart">
						    <i class="fas fa-shopping-cart"></i> <span><?php echo WC()->cart->get_cart_contents_count(); ?></span>
						</a>
					<?php }?>
				</div>
			</div>
		</div>
	</div>
</div>