<?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 luzuk 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' ); ?>">
	<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.0.0/css/all.min.css" />
	
	<script src="https://use.fontawesome.com/18a9c36ed1.js"></script>
	<link href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.2/css/all.min.css
" rel="stylesheet">
	<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 rel="preconnect" href="https://fonts.googleapis.com">
	<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
	<link href="https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap" rel="stylesheet">

	<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
	<script src="https://code.jquery.com/jquery-3.1.1.min.js" integrity="sha384-3ceskX3iaEnIogmQchP8opvBy3Mi7Ce34nWjpBIwVTHfGYWQS9jwHDVRnpKKHJg7" crossorigin="anonymous"></script>

	<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>
<script type="text/javascript">
	$(document).ready(function(){
	$("#formButton").click(function(){
	$("#form1").toggle();
	});
	});
</script>
	
	<script type="text/javascript">
		
var resizeElements;

$(document).ready(function() {

  // Set up common variables
  // --------------------------------------------------

  var bar = ".search_bar";
  var input = bar + " input[type='text']";
  var button = bar + " button[type='submit']";
  var dropdown = bar + " .search_dropdown";
  var dropdownLabel = dropdown + " > span";
  var dropdownList = dropdown + " ul";
  var dropdownListItems = dropdownList + " li";


  // Set up common functions
  // --------------------------------------------------

  resizeElements = function() {
    var barWidth = $(bar).outerWidth();

    var labelWidth = $(dropdownLabel).outerWidth();
    $(dropdown).width(labelWidth);

    var dropdownWidth = $(dropdown).outerWidth();
    var buttonWidth	= $(button).outerWidth();
    var inputWidth = barWidth - dropdownWidth - buttonWidth;
    var inputWidthPercent = inputWidth / barWidth * 100 + "%";

    // $(input).css({ 'margin-left': dropdownWidth, 'width': inputWidthPercent });
  }

  function dropdownOn() {
    $(dropdownList).fadeIn(25);
    $(dropdown).addClass("active");
  }

  function dropdownOff() {
    $(dropdownList).fadeOut(25);
    $(dropdown).removeClass("active");
  }


  // Initialize initial resize of initial elements 
  // --------------------------------------------------
  resizeElements();


  // Toggle new dropdown menu on click
  // --------------------------------------------------

  $(dropdown).click(function(event) {
    if ($(dropdown).hasClass("active")) {
      dropdownOff();
    } else {
      dropdownOn();
    }

    event.stopPropagation();
    return false;
  });

  $("html").click(dropdownOff);


  // Activate new dropdown option and show tray if applicable
  // --------------------------------------------------

  $(dropdownListItems).click(function() {
    $(this).siblings("li.selected").removeClass("selected");
    $(this).addClass("selected");

    // Focus the input
    $(this).parents("form.search_bar:first").find("input[type=text]").focus();

    var labelText = $(this).text();
    $(dropdownLabel).text(labelText);

    resizeElements();

  });


  // Resize all elements when the window resizes
  // --------------------------------------------------

  $(window).resize(function() {
    resizeElements();
  });
});
	</script>
    <script src="<?php echo get_template_directory_uri(); ?>/js/jquery-3.1.1.slim.min.js" type="text/javascript"  ></script>
   <script src="<?php echo get_template_directory_uri(); ?>/js/swiper.min.js" type="text/javascript"  ></script>
	<script type="text/javascript" src="https://code.jquery.com/jquery-1.12.0.min.js"></script>
  <!--  	<script type="text/javascript">
		$(document).ready(function(){
			$("#formButton").click(function(){
				$("#form1").toggle();
			});
		});
	 </script> -->

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

<body <?php body_class(); ?>>
	<div class="main-container">
		<div id="loading-area"><div class="la-anim-10"></div></div>
		<header class="site-header header-transparent header header-seo">
			<?php								
				$tpheadtxt = get_theme_mod('tpheadtxt', 'SPECIAL OFFER : HARRY UP PURCHES NOW');	
				$tpheadtxt2 = get_theme_mod('tpheadtxt2', 'SPECIAL OFFER : HARRY UP PURCHES NOW');	
				$tpheadtxt3 = get_theme_mod('tpheadtxt3', 'SPECIAL OFFER : HARRY UP PURCHES NOW');	
			?>
			<?php if($tpheadtxt || $tpheadtxt2 || $tpheadtxt3){ ?>
			<div class="h-offer">
				<div class="h-offtxt">
					<li><i class="fa fa-bolt"></i> <?php echo ($tpheadtxt); ?> </li>
					<li><i class="fa fa-bolt"></i> <?php echo ($tpheadtxt2); ?></li>
					<li><i class="fa fa-bolt"></i> <?php echo ($tpheadtxt3); ?></li>
				</div>
			</div>
			<?php }?>
			<div class="top-bar-head">
				<div class="top-header">
					<div class="l_headerbx">
						<div class="container clearfix"> 
							<div class="row mr-0">
								<div class="header-left col-xl-3 col-lg-3 col-md-3 col-sm-3 col-3 logo">
								<?php 
									if( get_theme_mod('pages_logoTopsetmaxwidth',true) ) {
										$pages_logoTopsetmaxwidth = 'max-width:'.esc_attr(get_theme_mod('pages_logoTopsetmaxwidth')).';';
									}
									?>
									<!-- website logo -->
									<div class="logo-header mostion">
										<?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; ?>
										<?php endif; ?>
										<?php if( get_theme_mod('head_tagline_display','show' ) == 'show') :?>	
									<p class="ht-site-description"><a href="<?php echo esc_url( home_url( '/' ) ); ?>" rel="home"><?php bloginfo( 'description' ); ?></a></p> 
									<?php endif ?>  
									</div> 
									<!-- nav toggle button -->
									<div class="resp_header_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>
								</div>
								<div class="col-xl-6 col-lg-5 col-md-6 col-sm-5 col-5">
									<div class="s-frm">
										<form class="search_bar huge">
											<div class="search_dropdown" >
										    	<span>All</span>
				
											</div>
											<?php get_search_form(); ?>
										</form>
									</div>
									<div class="top-form">
										<button type="button" id="formButton" class="pull-right"></button>		
											<form id="form1">					
												<?php get_search_form(); ?>
											</form>
									</div>
								</div>
								
								<div class="col-xl-3 col-lg-4 col-md-3 col-sm-3 col-4">
									<div class="row mr-0">
										<?php if( get_theme_mod('sign_in_button_display','show' ) == 'show') :?>
										<div class="col-xxl-8 col-xl-8 col-lg-8 col-md-6 col-sm-6  col-6">
											<?php
								          $sign_intitle = get_theme_mod('sign_intitle', 'My Accounts');
								      ?>
											<div class="sign_in">
												<a href="<?php echo get_permalink( get_option('woocommerce_myaccount_page_id') ); ?>" >
													<i class="fa fa-user-o"></i> <div class="sign_intxt"> <?php echo ($sign_intitle);  ?></div>
												</a>
											</div>
										</div>
										<?php endif ?>	

										<div class="col-xxl-4 col-xl-4 col-lg-4 col-md-6 col-sm-6  col-6">
											<?php
								                $cart_title = get_theme_mod('cart_title', 'Cart');
								            ?>
											<?php if( get_theme_mod('shop_button_display','show' ) == 'show') :?>
												<div class="hshop "> 
												<?php if(function_exists ('wc_get_cart_url')){?>				
													<a href="<?php echo wc_get_cart_url();?>" class="">
														<i class="fa fa-shopping-bag"></i>   <div class="hshoptxt"><?php echo ($cart_title);  ?></div>
														<div class="count">
															<?php global $woocommerce; ?><?php echo WC()->cart->get_cart_contents_count(); ?>
														</div> 
													</a>
												<?php }?>
												</div>
											<?php endif ?>	
										</div>
									</div>
								</div>
							</div>
						</div>
					</div>
					<div class="menubx">
						<div class="row mr-0">
						<?php if( get_theme_mod('cat_button_display','show' ) == 'show') :?>
							<?php if(class_exists('woocommerce')){ ?>
								<div class="col-xl-2 col-lg-2 col-md-3 col-sm-3 col-5 pd-0 ">
									<?php
										$categories_txt = get_theme_mod('categories_txt', 'Categories');
										$productcate_link = get_theme_mod('productcate_link', 'add link here');
									?>
										<div class="header-category-box ">
												<button class="product-btn">
													<a href="<?php echo $productcate_link;?>">
																<i class="fa fa-bars" aria-hidden="true"> </i> <?php echo ($categories_txt);  ?>

														</a>
												</button>
												
										</div>
								</div>
								<?php }else {
									echo '<h6>'.esc_html('Please Install Woocommerce Plugin','luzuk').'<h6>'; }?>
						<?php endif ?>	
							<div class="col-xl-8 col-lg-8 col-md-1 col-sm-3 col-3 header-middle">
								<div class=" head-menubx">
									<div class="head-menu">
										<div class="site-navigation ">
					              <div class="nav-menus">                 
														<a class="js-nav-toggle">
																<span></span>
														</a> 
													  <div class="nav-wrapper">
																<nav role="navigation">
																	<div class="nav-toggle">
																			<span class="nav-back"></span>
																			<span class="nav-title">Menu</span>
																			<span class="nav-close"></span>
																	</div>
																	<?php
                                      if( get_post_meta( get_the_ID(), 'intrinsic_header_page_menu', true) !=='0') {
                                          wp_nav_menu ( array(
                                              'menu_class' => 'mainm 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' => 'mainm ht-clearfix',
                                              'container'=> 'ul',
                                              'theme_location' => 'primary',  
                                          )); 
                                      }
                                  ?>
																</nav>
														</div>
													</div>
	                        <nav class="navigation">
	                            <div class="overlaybg"></div><!--  /.overlaybg -->
	                            <!-- Main Menu -->
	                            <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> <!-- /.hours-content-->
																	<div class="clearfix"></div>
	                        		</div><!-- /.menu-wrapper --> 
	                        </nav>
					                        <div class="clearfix"></div>
					                    </div><!--  /.site-navigation -->
									</div>  
									<div class="clearfix"></div>
								</div>
							</div> 
							<div class="col-xl-2 col-lg-2 col-md-6 col-sm-6 col-4 header-rght">
								<?php
					                $headercont = get_theme_mod('headercont', 'Contact Us');
					                $headcontbtnlink = get_theme_mod('headcontbtnlink', 'add link here');
					            ?>				            
								<?php if( $headcontbtnlink){ ?>
								<div class="header-btn">
								    <div class="header-cont ">
										<a href="<?php echo $headcontbtnlink;?>">
											<?php echo ($headercont);  ?>
										</a>
						        	</div>					
								</div>
								<?php }?>
							</div>
						</div>
						<div class="clearfix"></div>
					</div>
				</div>
				<div class="clearfix"></div>
			</div>
		</header>
	</div>			
<div class="clearfix"></div>	