<?php
/**
 * The header for our theme
 *
 * Displays all of the <head> section and everything up till <div id="content">
 *
 * @package Wrock Metro
 */

// Exit if accessed directly.
defined( 'ABSPATH' ) || exit;

$navbar_type = get_theme_mod( 'wrockmetro_navbar_type', 'collapse' );
?>
	<a class="skip-link screen-reader-text" href="#content">
			<?php esc_html_e( 'Skip to content', 'wrock-metro' ); ?>
		</a>
		<?php if(get_theme_mod('wrockmetro_topnavi_enablethree') !== 'disable'){ ?>
		<header id="wrapper-navbar" class="topbarthree">

		<div class="container">
			<div class="row">
			<div class="col text-start">
				<?php echo wp_kses_post(get_theme_mod('wrockmetro_topnavi_leftthree', '<i class="fa-solid fa-mobile-screen-button"></i> +123456789')); ?>
			</div>
			<div class="col text-end">
				<?php echo wp_kses_post(get_theme_mod('wrockmetro_topnavi_rightthree', 'Get The Latest Offers On Our Products')); ?>
			</div>
			</div>
		</div>
	</header><!-- #wrapper-navbar -->
	<?php } ?>
	<div class="container stylethree">
		<div class="row g-0 overflow-hidden flex-md-row mt-4 mb-4 position-relative">
			<div class="col-auto d-lg-block logo">
				<?php get_template_part( 'global-templates/navbar','branding' ); ?>
			</div>
		 <div class="col d-flex flex-column position-static">
		 <?php get_template_part( 'sidebar-templates/sidebar', 'header' ); ?>
		</div>
		</div>
	</div>	
		<div id="wrapper-navbar">

		<a class="skip-link screen-reader-text" href="#content">
			<?php esc_html_e( 'Skip to content', 'wrock-metro' ); ?>
		</a>

		<?php get_template_part( 'global-templates/header/navbar', $navbar_type . '-' . 'bootstrap5-three' ); ?>

	</div><!-- #wrapper-navbar -->
	<?php do_action( 'below_stylethree_header' ); ?>