<!doctype html>
<html <?php language_attributes(); ?>>
<head>
	<meta charset="<?php bloginfo( 'charset' ); ?>">
	<meta name="viewport" content="width=device-width, initial-scale=1">
	<?php wp_head(); ?>
	<link href="https://fonts.googleapis.com/css2?family=Mulish:ital,wght@0,400;0,700;1,400&family=Work+Sans:wght@300;400;500&display=swap" rel="stylesheet">
</head>

<body <?php body_class(); ?>>
<?php

	wp_body_open();

	use Tech360\Utils as Utils;

?>

<?php
if( Utils:: has_top_bar() ) {
?>
<div class="top-bar d-lg-none p-3">
	<?php Utils::render_top_bar_elements( 'top_bar_phone top_bar_toll_free_phone top_bar_email top_bar_quote_button top_bar_book_button' ) ?>
</div>
<?php
}
?>

<header id="site-header" class="site-header">

	<div class="container-fluid">
		<div class="row align-items-center position-relative">

			<div class="col-8 col-md-3 py-3 site-branding">
				<?php
					Utils::render_logo_link();
				?>
			</div>

			<div class="col-4 col-md-9 text-right position-static">

				<?php
				if( Utils::has_top_bar() ) {
				?>
				<div class="top-bar d-none d-lg-flex align-items-center justify-content-end pt-lg-3">
					<?php Utils::render_top_bar_elements( 'top_bar_phone top_bar_toll_free_phone top_bar_email top_bar_quote_button top_bar_book_button' ) ?>
				</div>
				<?php
				}
				?>

				<nav id="main-nav" class="main-nav">

					<button id="menu-handle">
						<?php esc_html_e( 'Primary Menu', 'tech360' ); ?>
						<span class="hamburger">
							<span></span>
							<span></span>
							<span></span>
						</span>
					</button>

					<?php
						$menu_args = [
							'theme_location' => 'header_menu',
							'menu_id' => 'primary-menu',
							'menu_class' => 'menu primary-menu my-4 my-lg-0',
							'container_id' => 'primary-menu-wrapper',
							'container_class' => 'primary-menu-wrapper text-center text-lg-right',
							'item_spacing' => 'discard'
						];
						wp_nav_menu( $menu_args );
					?>

				</nav>

			</div>

		</div>
	</div>

</header><!-- /#site-header -->

<main id="site-main" class="site-main">
