<?php
/**
 * The Header for our theme.
 *
 * Displays all of the <head> section and everything up till <div id="content-vw">
 *
 * @package Auction Bidding 
 */

?><!DOCTYPE html>

<html <?php language_attributes(); ?>>

	<head>
	  	<meta charset="<?php bloginfo( 'charset' ); ?>">
	  	<meta name="viewport" content="width=device-width">
	  	<?php wp_head(); ?>
	</head>

	<body <?php body_class(); ?>>
	<?php if ( function_exists( 'wp_body_open' ) )
		{
	    	wp_body_open();
	  	}else{
	    	do_action('wp_body_open');
	  	}
	?>

	<header role="banner">
		<a class="screen-reader-text skip-link" href="#maincontent" ><?php esc_html_e( 'Skip to content', 'auction-bidding' ); ?><span class="screen-reader-text"><?php esc_html_e( 'Skip to content', 'auction-bidding' ); ?></span></a>
		<div class="home-page-header">
			<?php get_template_part('template-parts/header/top-bar'); ?>
			<?php get_template_part('template-parts/header/middle-header'); ?>
		</div>
		<div id="header" class="responsive-menu">
		      <div class="toggle-nav mobile-menu">
		        <button role="tab" onclick="auction_bidding_menu_open_nav()" class="responsivetoggle"><i class="<?php echo esc_attr(get_theme_mod('auction_bidding_res_open_menu_icon','fas fa-bars')); ?>"></i><span class="screen-reader-text"><?php esc_html_e('Open Button','auction-bidding'); ?></span></button>
		      </div>
				<div id="mySidenav" class="nav sidenav">
		      <nav id="site-navigation" class="main-navigation" role="navigation" aria-label="<?php esc_attr_e( 'Top Menu', 'auction-bidding' ); ?>">
		        <?php
		            wp_nav_menu( array(
		              'theme_location' => 'responsive-menu',
		              'container_class' => 'main-menu clearfix' ,
		              'menu_class' => 'clearfix',
		              'items_wrap' => '<ul id="%1$s" class="%2$s mobile_nav">%3$s</ul>',
		              'fallback_cb' => 'wp_page_menu',
		            ) );
		        ?>
		        <a href="javascript:void(0)" class="closebtn mobile-menu" onclick="auction_bidding_menu_close_nav()"><i class="<?php echo esc_attr(get_theme_mod('auction_bidding_res_close_menus_icon','fas fa-times')); ?>"></i><span class="screen-reader-text"><?php esc_html_e('Close Button','auction-bidding'); ?></span></a>
		      </nav>
	    	</div>
		</div>
	</header>

	<?php if(get_theme_mod('auction_bidding_loader_enable',false) == 1 || get_theme_mod('auction_bidding_responsive_preloader_hide',false) == 1) { ?>
	  	<div id="preloader">
		    <div class="loader-inner">
		      <div class="loader-line-wrap">
		        <div class="loader-line"></div>
		      </div>
		      <div class="loader-line-wrap">
		        <div class="loader-line"></div>
		      </div>
		      <div class="loader-line-wrap">
		        <div class="loader-line"></div>
		      </div>
		      <div class="loader-line-wrap">
		        <div class="loader-line"></div>
		      </div>
		      <div class="loader-line-wrap">
		        <div class="loader-line"></div>
		      </div>
		    </div>
	  	</div>
	<?php } ?>