<!-- Start: Header
============================= -->
<?php

$elite_security_guard_header_btn_text = get_theme_mod('elite_security_guard_header_btn_text');
$elite_security_guard_header_btn_link = get_theme_mod('elite_security_guard_header_btn_link');
$elite_security_guard_header_phone_number_feild = get_theme_mod('elite_security_guard_header_phone_number_feild');
$elite_security_guard_header_email_address_feild = get_theme_mod('elite_security_guard_header_email_address_feild');
$elite_security_guard_header_address_feild = get_theme_mod('elite_security_guard_header_address_feild');
$elite_security_guard_header_social_icon_1_feild = get_theme_mod('elite_security_guard_header_social_icon_1_feild');
$elite_security_guard_header_social_icon_2_feild = get_theme_mod('elite_security_guard_header_social_icon_2_feild');
$elite_security_guard_header_social_icon_3_feild = get_theme_mod('elite_security_guard_header_social_icon_3_feild');
$elite_security_guard_header_social_icon_4_feild = get_theme_mod('elite_security_guard_header_social_icon_4_feild');
$elite_security_guard_header_social_icon_5_feild = get_theme_mod('elite_security_guard_header_social_icon_5_feild');
$elite_security_guard_header_social_link_1_feild = get_theme_mod('elite_security_guard_header_social_link_1_feild');
$elite_security_guard_header_social_link_2_feild = get_theme_mod('elite_security_guard_header_social_link_2_feild');
$elite_security_guard_header_social_link_3_feild = get_theme_mod('elite_security_guard_header_social_link_3_feild');
$elite_security_guard_header_social_link_4_feild = get_theme_mod('elite_security_guard_header_social_link_4_feild');
$elite_security_guard_header_social_link_5_feild = get_theme_mod('elite_security_guard_header_social_link_5_feild');
$elite_security_guard_sticky_header = esc_attr(elite_security_guard_sticky_header());

?>
<?php if ( true == get_theme_mod( 'elite_security_guard_top_header_display_setting', 'off' ) ) : ?>
	<div id="header-top" class="wow fadeInDown" data-wow-duration="2s">
	   <div class="container">
	      <div class="row">
	         <div class="col-lg-9 col-md-9 align-self-center">
	         	<ul>
	     		    <?php if ( ! empty( $elite_security_guard_header_phone_number_feild ) ) : ?>
						<li class="me-2"><a href="tel:<?php echo esc_html( $elite_security_guard_header_phone_number_feild ); ?>"><?php echo esc_html( $elite_security_guard_header_phone_number_feild ); ?></a></li>
					<?php endif; ?>
					<?php if ( ! empty( $elite_security_guard_header_email_address_feild ) ) : ?>
						<li class="me-2"><a href="mailto:<?php echo esc_html( $elite_security_guard_header_email_address_feild ); ?>"><?php echo esc_html( $elite_security_guard_header_email_address_feild ); ?></a></li>
					<?php endif; ?>
					<?php if ( ! empty( $elite_security_guard_header_address_feild ) ) : ?>
						<li class="me-2"><?php echo esc_html( $elite_security_guard_header_address_feild ); ?></li>
					<?php endif; ?>
	         	</ul>
	         </div>
	         <div class="col-lg-3 col-md-3 align-self-center text-md-end text-center">
	         	<?php if ( true == get_theme_mod( 'elite_security_guard_header_social_icon_display_setting', 'off' ) ): ?>
					<div class="media-links">
						<?php if ( ! empty( $elite_security_guard_header_social_icon_1_feild ) || ! empty( $elite_security_guard_header_social_link_1_feild ) ): ?>
							<a href="<?php echo esc_url( $elite_security_guard_header_social_link_1_feild ); ?>">
								<span class="dashicons dashicons-<?php echo esc_html( $elite_security_guard_header_social_icon_1_feild ); ?>"></span>
							</a>
						<?php endif; ?>
						<?php if ( ! empty( $elite_security_guard_header_social_icon_2_feild ) || ! empty( $elite_security_guard_header_social_link_2_feild ) ): ?>
							<a href="<?php echo esc_url( $elite_security_guard_header_social_link_2_feild ); ?>">
								<span class="dashicons dashicons-<?php echo esc_html( $elite_security_guard_header_social_icon_2_feild ); ?>"></span>
							</a>
						<?php endif; ?>
						<?php if ( ! empty( $elite_security_guard_header_social_icon_3_feild ) || ! empty( $elite_security_guard_header_social_link_3_feild ) ) : ?>
							<a href="<?php echo esc_url( $elite_security_guard_header_social_link_3_feild ); ?>">
								<span class="dashicons dashicons-<?php echo esc_html( $elite_security_guard_header_social_icon_3_feild ); ?>"></span>
							</a>
						<?php endif; ?>
						<?php if ( ! empty( $elite_security_guard_header_social_icon_4_feild ) || ! empty( $elite_security_guard_header_social_link_4_feild ) ) : ?>
							<a href="<?php echo esc_url( $elite_security_guard_header_social_link_4_feild ); ?>">
								<span class="dashicons dashicons-<?php echo esc_html( $elite_security_guard_header_social_icon_4_feild ); ?>"></span>
							</a>
						<?php endif; ?>
						<?php if ( ! empty( $elite_security_guard_header_social_icon_5_feild ) || ! empty( $elite_security_guard_header_social_link_5_feild ) ) : ?>
							<a href="<?php echo esc_url( $elite_security_guard_header_social_link_5_feild ); ?>">
								<span class="dashicons dashicons-<?php echo esc_html( $elite_security_guard_header_social_icon_5_feild ); ?>"></span>
							</a>
						<?php endif; ?>
					</div>
				<?php endif; ?>
	         </div>
	      </div>
	   </div>
	</div>
<?php endif; ?>

<header id="header" role="banner" style="background-image: url( <?php echo esc_url(get_header_image()); ?> ); background-size: 100%;">
	<div class="navbar-area normal-h py-3 <?php echo esc_attr(elite_security_guard_sticky_header()); ?>">
		<div class="container">
			<div class="row">
				<div class="col-lg-3 col-md-4 col-8 align-self-center">
					<div class="logo main">
						<?php if ( function_exists( 'elite_security_guard_logo_title_description' ) ) :	elite_security_guard_logo_title_description(); endif; ?>
					</div>
				</div>
				<div class="col-lg-7 col-md-4 col-4 align-self-center">
					<div class="toggle-menu gb_menu text-md-start">
						<button onclick="elite_security_guard_navigation_open()" class="gb_toggle p-2"><p class="mb-0"><?php esc_html_e('Menu','elite-security-guard'); ?></p></button>
					</div>
					<div id="gb_responsive" class="nav side_gb_nav">
						<nav id="top_gb_menu" class="gb_nav_menu" role="navigation" aria-label="<?php esc_attr_e( 'Menu', 'elite-security-guard' ); ?>">
							<?php
							    wp_nav_menu( array( 
									'theme_location' => 'primary_menu',
									'container_class' => 'gb_navigation clearfix' ,
									'menu_class' => 'clearfix',
									'items_wrap' => '<ul id="%1$s" class="%2$s mobile_nav mb-0 px-0">%3$s</ul>',
									'fallback_cb' => 'wp_page_menu',
							    ) ); 
							 ?>
							<a href="javascript:void(0)" class="closebtn gb_menu" onclick="elite_security_guard_navigation_close()">x<span class="screen-reader-text"><?php esc_html_e('Close Menu','elite-security-guard'); ?></span></a>
						</nav>
					</div>
				</div>
				<div class="col-lg-2 col-md-4 align-self-center text-md-end text-center">
					<?php if ( ! empty( $elite_security_guard_header_btn_text ) ||  ! empty( $elite_security_guard_header_btn_link )) : ?>
						<div class="btn wow fadeIn">
							<a href="<?php echo esc_url( $elite_security_guard_header_btn_link ); ?>"><?php echo esc_html( $elite_security_guard_header_btn_text ); ?></a>
						</div>
					<?php endif; ?>
				</div>
			</div>
		</div>
	</div>
</header>