<?php
/*
* Display Theme menus
*/
?>

<div class="menubar py-3">
	<div class="container">
		<div class="row">
			<div class="col-lg-3 col-md-5 col-sm-5 align-self-center">
		        <div class="logo">
		          	<?php if( has_custom_logo() ) construction_hub_the_custom_logo(); ?>
		          		<?php if( get_theme_mod('construction_hub_site_title_text',true) == 1){ ?>
	           	 			<?php if (is_front_page() && is_home()) : ?>
				                <h1 class="text-capitalize">
				                    <a href="<?php echo esc_url(home_url('/')); ?>" rel="home"><?php bloginfo('name'); ?></a>
				                </h1> 
				              <?php else : ?>
				                  <p class="text-capitalize site-title">
				                      <a href="<?php echo esc_url(home_url('/')); ?>" rel="home"><?php bloginfo('name'); ?></a>
				                  </p>
				             <?php endif; ?>
	          			<?php }?>
		          	<?php $construction_hub_description = get_bloginfo( 'description', 'display' );
		          	if ( $construction_hub_description || is_customize_preview() ) : ?>
		            	<?php if( get_theme_mod('construction_hub_site_tagline_text',false)){ ?>
			              <p class="site-description"><?php echo esc_html($construction_hub_description); ?></p>
			            <?php }?>
		          	<?php endif; ?>
		        </div>
	     	</div>
			<div class="menubox col-lg-8 col-md-4 col-sm-4 col-6 align-self-center">
		  		<div class="innermenubox">
			          	<div class="toggle-nav mobile-menu">
		        			<button onclick="construction_hub_open_nav()" class="responsivetoggle"><i class="fas fa-bars"></i><span class="screen-reader-text"><?php esc_html_e('Open Button','roofing-contractor'); ?></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', 'roofing-contractor' ); ?>">
			              	<?php 
			                  	wp_nav_menu( array(
				                    'theme_location' => 'primary-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="construction_hub_close_nav()"><i class="fas fa-times"></i><span class="screen-reader-text"><?php esc_html_e('Close Button','roofing-contractor'); ?></span></a>
		        		</nav>
		      		</div>
		  			<div class="clearfix"></div>
				</div>
			</div>
			<div class="col-lg-1 col-md-2 col-5 align-self-center d-flex justify-content-center align-items-center">
	        	<span class="search-bar">
	            	<button type="button" class="open-search"><i class="fas fa-search"></i></button>
	        	</span>
	      	</div>
	      	<div class="search-outer">
	          	<div class="inner_searchbox w-100 h-100">
	              <?php get_search_form(); ?>
          		</div>
	          	<button type="button" class="search-close"><?php esc_html_e('CLOSE', 'construction-hub'); ?></button>
	      	</div>
		</div>
	</div>
</div>
