<?php
/**
 * The header for our theme.
 *
 * This is the template that displays all of the <head> section and everything up until <div id="content">
 *
 * @link https://developer.wordpress.org/themes/basics/template-files/#template-partials
 *
 * @package LZ Fitness Premium
 */

?><!DOCTYPE html>
<html <?php language_attributes(); ?>>
<head>
	<meta charset="<?php bloginfo( 'charset' ); ?>">
	<meta name="viewport" content="width=device-width, initial-scale=1">
	<link rel="profile" href="http://gmpg.org/xfn/11">
	<link rel="pingback" href="<?php bloginfo( 'pingback_url' ); ?>">
	<script src="https://use.fontawesome.com/18a9c36ed1.js"></script>
	
	<link rel="stylesheet" href="<?php echo get_template_directory_uri(); ?>/css/bootstrap.min.css">
	<link rel="stylesheet" href="<?php echo get_template_directory_uri(); ?>/css/animate.css" />
	<link href="https://fonts.googleapis.com/css?family=Roboto:700" rel="stylesheet">
	<link href="https://fonts.googleapis.com/css?family=Dancing+Script" rel="stylesheet">
	<link href="https://fonts.googleapis.com/css?family=Poppins:300" rel="stylesheet">
	<link href="https://fonts.googleapis.com/css?family=Open+Sans|Poppins:300,400" rel="stylesheet">
	<link href="https://fonts.googleapis.com/css?family=Poppins:500" rel="stylesheet">
	<link href="https://fonts.googleapis.com/css?family=Alex+Brush" rel="stylesheet">
	<script src="<?php echo get_template_directory_uri(); ?>/js/jquery-3.1.1.slim.min.js" crossorigin="anonymous"></script>

	<script src="<?php echo get_template_directory_uri(); ?>/js/bootstrap.min.js" type="text/javascript"  ></script>
	<script src="<?php echo get_template_directory_uri(); ?>/js/wow.js" ></script>
	<?php wp_head(); ?>
</head>

<body <?php body_class(); ?>>
    <div class="main-container">
		<a class="skip-link screen-reader-text" href="#content"><?php esc_html_e( 'Skip to content', 'gurukul' ); ?></a>
		<header class="site-header header-transparent header mo-left header-seo">

<div class="main-header">
				<div class="col-md-10 col-md-offset-1 padding0">
					<div class="col-md-9 col-sm-9">
						<?php 
						$phone = get_theme_mod('lz_fitness_headermain_phone', '+(123) 4567 8910');
						$email = get_theme_mod('lz_fitness_headermain_email', 'info@yourmail.com');
						$opening = get_theme_mod('lz_fitness_headermain_opening', 'Opening: 09am - 5pm');
							//$time = get_theme_mod('lz_fitness_contactus_time', 'Mon-Sat 0900-1900');
						?>
						<div class="header-right-box">
							<div class="header-menu-box">
								<ul>
									<li>
								<?php if($phone){ ?>
								<i class="fa fa-phone"></i>
								<a href="tel:<?php echo $phone;?>"><?php echo esc_html($phone);  ?></a>
								<?php } ?>
									</li>
									<li>
								<?php if($email){ ?>
								<i class="fa fa-envelope"></i>
								<a href="mailto:<?php echo $email;?>"><?php echo esc_html($email);  ?></a>
								<?php } ?>
							</li>
									<!-- <a href="mailto:<?php //echo $email;?>"><?php // echo $email;?></a> -->
							     <li>
									<?php if($opening){ ?>
										<i class="fa fa-clock-o"></i>
									<?php echo esc_html($opening);  ?>
								<?php } ?>
							</li>
									<!-- <i class="fa fa-map-marker"></i>
									<?php // echo $location;?> -->
							         </ul> 

							</div>

							<!--<div class="col-md-3 padding0">	
									<div class="contact-border">
									<div class="themetext">WORKING HOURS</div>
										<div><?php //echo $time;?></div>
									</div>
								</div>-->

							</div>
						</div>
						<div class="col-md-3 pull-right text-right col-sm-3">
							<div class="col-sm-12 upper-header padding0">					
								<?php 

								$facebook = get_theme_mod('lz_fitness_header_fb','http://Facbook.com');
								$twitter = get_theme_mod('lz_fitness_header_tw','http://twitter.com');
								$instagram = get_theme_mod('lz_fitness_header_it','http://Instragram.com');
								$linkedIn = get_theme_mod('lz_fitness_header_in','http://Linkedin.com');
								?>
								<div class="header-social-links">
									<?php if(!empty($facebook)){ ?> 
									<a href="<?php echo $facebook ?>" target="_blank" title="Facebook"><span class="fa fa-facebook"></span></a>
									<?php }?>
									<?php if(!empty($twitter)){ ?>
									<a href="<?php echo $twitter ?>" target="_blank" title="Twitter"><span class="fa fa-twitter"></span></a>
									<?php }?>
									<?php if(!empty($linkedIn)){ ?>
									<a href="<?php echo $linkedIn ?>" target="_blank" title="Linked In"><span class="fa fa-linkedin"></span></a>
									<?php }?>
									<?php if(!empty($instagram)){ ?>
									<a href="<?php echo $instagram ?>" target="_blank" title="Instagram"><span class="fa fa-instagram"></span></a>
									<?php }?>
								</div>
							</div>
						</div>	
					</div>	
					<div class="clearfix"></div>
				</div>	
				
				<div class="lower-header"> 
					<div class="col-md-10 col-md-offset-1 bottom-header">	
						<div class="col-md-3 col-sm-3 col-xs-7 logo">
				<?php 
				if ( function_exists( 'has_custom_logo' ) && has_custom_logo() ) :
					the_custom_logo();
				else : 
					if ( is_front_page() ) : ?>
						<h1 class="ht-site-title"><a href="<?php echo esc_url( home_url( '/' ) ); ?>" rel="home"><?php bloginfo( 'name' ); ?></a></h1>
					<?php else : ?>
						<p class="ht-site-title"><a href="<?php echo esc_url( home_url( '/' ) ); ?>" rel="home"><?php bloginfo( 'name' ); ?></a></p>
					<?php endif; ?>
					<!--<p class="ht-site-description"><a href="<?php //echo esc_url( home_url( '/' ) ); ?>" rel="home"><?php //bloginfo( 'description' ); ?></a></p>-->
				<?php endif; ?>
			</div><!-- .site-branding -->
								
										<div class="col-md-9 top-bar-head">
											
											<div class="site-navigation ">
												<div class="hamburger-menus">
													<span></span>
													<span></span>
													<span></span>
													<span></span>
													<span></span>
													<span></span>
													<span></span>
													<span></span>
													<span></span>
												</div>
												<nav class="navigation">
													<div class="overlaybg"></div>
													<div class="menu-wrapper">
														<div class="menu-content">
															<?php
															if( get_post_meta( get_the_ID(), 'intrinsic_header_page_menu', true) !=='0') {
																wp_nav_menu ( array(
																	'menu_class' => 'mainmenu ht-clearfix',
																	'container'=> 'ul',
																	'menu' => get_post_meta( get_the_ID(), 'intrinsic_header_page_menu', true),
																	'theme_location' => 'primary',  
																)); 
															} else {
																wp_nav_menu ( array(
																	'menu_class' => 'mainmenu ht-clearfix',
																	'container'=> 'ul',
																	'theme_location' => 'primary',  
																)); 
															}
															?>
														</div> 
														<div class="responsive-only col-md-3 col-sm-3">
							<div class="col-sm-12 upper-header padding0">					
								<?php 

								$facebook = get_theme_mod('lz_fitness_header_fb','http://Facbook.com');
								$twitter = get_theme_mod('lz_fitness_header_tw','http://twitter.com');
								$instagram = get_theme_mod('lz_fitness_header_it','http://Instragram.com');
								$linkedIn = get_theme_mod('lz_fitness_header_in','http://Linkedin.com');
								?>
								<div class="header-social-links">
									<?php if(!empty($facebook)){ ?> 
									<a href="<?php echo $facebook ?>" target="_blank" title="Facebook"><span class="fa fa-facebook"></span></a>
									<?php }?>
									<?php if(!empty($twitter)){ ?>
									<a href="<?php echo $twitter ?>" target="_blank" title="Twitter"><span class="fa fa-twitter"></span></a>
									<?php }?>
									<?php if(!empty($linkedIn)){ ?>
									<a href="<?php echo $linkedIn ?>" target="_blank" title="Linked In"><span class="fa fa-linkedin"></span></a>
									<?php }?>
									<?php if(!empty($instagram)){ ?>
									<a href="<?php echo $instagram ?>" target="_blank" title="Instagram"><span class="fa fa-instagram"></span></a>
									<?php }?>
								</div>
							</div>
						</div>
														<div class="clearfix"></div>
													</div>
												</nav>
												<div class="clearfix"></div>
											</div>
									</div>
								</div>
									
							<!-- 	</div> -->
							</div>
							
							<div class="clearfix"></div>
					</header>
	</div>
