<?php
/**
 * The header for our theme
 *
 * @package Plumbing Services
 */

?>
<!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="https://gmpg.org/xfn/11">

	<?php wp_head(); ?>
</head>

<body <?php body_class(); ?>>
<?php wp_body_open(); ?>
<div id="page" class="site">
	<a class="skip-link screen-reader-text" href="#primary"><?php esc_html_e( 'Skip to content', 'plumbing-services' ); ?></a>

	<?php
		$plumbing_services_preloader_wrap = absint(get_theme_mod('plumbing_services_enable_preloader', 0));
		if($plumbing_services_preloader_wrap == 1){ ?>
			<div id="loader">
				<div class="loader-container">
					<div id="preloader" class="loader-2">
						<div class="dot"></div>
					</div>
				</div>
			</div>
	<?php } ?>

	<header id="masthead" class="site-header">
		<?php $plumbing_services_has_header_image = has_header_image(); ?>
		<div class="header-info-box" <?php if (!empty($plumbing_services_has_header_image)) { ?> style="background-image: url(<?php echo header_image(); ?>);" <?php } ?> >
			<div class="header-top">
				<div class="main-header-wrap">
				<div class="top-box">
					<div class="container">
						<div class="flex-row">
							<div class="nav-box-header-one"></div>
							<div class="nav-box-header-two">
								<div class="phone-box flex-row">
									<?php if ( get_theme_mod('plumbing_services_header_info_email','xyz123@example.com') ) : ?><p><i class="<?php echo esc_attr(get_theme_mod('plumbing_services_header_mail_icon','fas fa-envelope')); ?>"></i> <?php echo esc_html( get_theme_mod('plumbing_services_header_info_email','xyz123@example.com') ); ?></p><?php endif; ?>
									<?php if ( get_theme_mod('plumbing_services_header_info_phone','+123 456 7890') ) : ?><p><i class="<?php echo esc_attr(get_theme_mod('plumbing_services_header_phone_icon','fas fa-phone-alt')); ?>"></i> <?php echo esc_html( get_theme_mod('plumbing_services_header_info_phone','+123 456 7890') ); ?></p><?php endif; ?>
								</div>	
							</div>
							<div class="nav-box-header-three">
								<?php if ( get_theme_mod('plumbing_services_facebook_link_option','#') ) : ?><a href="<?php echo esc_url(get_theme_mod('plumbing_services_facebook_link_option', '#')); ?>"><i class="fab fa-facebook-f"></i></a><?php endif; ?>
								<?php if ( get_theme_mod('plumbing_services_twitter_link_option','#') ) : ?><a href="<?php echo esc_url(get_theme_mod('plumbing_services_twitter_link_option', '#')); ?>"><i class="fab fa-twitter"></i></span><?php endif; ?>
								<?php if ( get_theme_mod('plumbing_services_youtube_link_option','#') ) : ?><a href="<?php echo esc_url(get_theme_mod('plumbing_services_youtube_link_option', '#')); ?>"><i class="fab fa-youtube"></i></a><?php endif; ?>
								<?php if ( get_theme_mod('plumbing_services_instagram_link_option','#') ) : ?><a href="<?php echo esc_url(get_theme_mod('plumbing_services_instagram_link_option', '#')); ?>"><i class="fab fa-instagram"></i></a><?php endif; ?>
								<?php if ( get_theme_mod('plumbing_services_pintrest_link_option','#') ) : ?><a href="<?php echo esc_url(get_theme_mod('plumbing_services_pintrest_link_option', '#')); ?>"><i class="fab fa-pinterest-p"></i></a><?php endif; ?>
							</div>
						</div>
					</div>
				</div>
			</div>
			<div class="header-menu-box">
				<div class="container <?php echo esc_attr( get_theme_mod( 'plumbing_services_enable_sticky_header', false ) ? 'sticky-header' : '' ); ?>">
					<div class="flex-row menu-bg">
						<div class="nav-box-header-start">
							<div class="site-branding">
									<?php
									the_custom_logo();
									if ( is_front_page() && is_home() ) :
										?>
										<?php if( get_theme_mod('plumbing_services_site_title_text',true)){ ?>
											<h1 class="site-title"><a href="<?php echo esc_url( home_url( '/' ) ); ?>" rel="home"><?php bloginfo( 'name' ); ?></a></h1>
										<?php } ?>
										<?php
									else :
										?>
										<?php if( get_theme_mod('plumbing_services_site_title_text',true)){ ?>
											<p class="site-title"><a href="<?php echo esc_url( home_url( '/' ) ); ?>" rel="home"><?php bloginfo( 'name' ); ?></a></p>
										<?php } ?>
										<?php
									endif; ?>
									<?php $plumbing_services_description = get_bloginfo( 'description', 'display' );
										if ( $plumbing_services_description || is_customize_preview() ) :
										?>
										<?php if( get_theme_mod('plumbing_services_site_tagline_text',false)){ ?>
											<p class="site-description"><?php echo $plumbing_services_description; ?></p>
										<?php } ?>
									<?php endif; ?>
								</div>
						</div>
						<div class="nav-box-header-middle">
							<nav id="site-navigation" class="main-navigation">
								<button class="menu-toggle" aria-controls="primary-menu" aria-expanded="false"><i class="fas fa-bars"></i></button>
								<?php
									wp_nav_menu(
										array(
											'theme_location' => 'menu-1',
											'menu_id'        => 'primary-menu',
										)
									);
								?>
							</nav>
						</div>
						<div class="nav-box-header-end">
							<?php if( get_theme_mod( 'plumbing_services_header_search',true) == 1) { ?>
				        <div class="search-box">
                  <span><a href="#"><i class="fas fa-search"></i></a></span>
                </div>
			        <?php }?>
						</div>
					</div>
				</div>
			</div>
			</div>
		</div>
		<div class="serach_outer">
          <div class="closepop"><a href="#maincontent"><i class="fa fa-window-close"></i></a></div>
	          <div class="serach_inner">
	            <?php get_search_form(); ?>
	          </div>
        </div>
	</header>