<?php
/**
 * Displays the site navigation.
 *
 * @package WordPress
 * @subpackage JShine_Theme
 * @since JShine 1.0
 */

$blog_info    = get_bloginfo( 'name' );
$description  = get_bloginfo( 'description', 'display' );
$show_title   = ( true === get_theme_mod( 'display_title_and_tagline', true ) );
$header_class = $show_title ? 'site-title' : 'screen-reader-text';
global $woocommerce;

?>
<!-- main header start -->
<div class="main-header d-none d-lg-block">
	<!-- header top start -->
	<div class="header-top bdr-bottom">
		<div class="container">
			<div class="row align-items-center">
				<div class="col-lg-3">
					<div class="welcome-message">
						<p>Welcome to JShine Jewellery online store</p>
					</div>
				</div>
				<div class="col-lg-6 d-flex align-items-center flex-column flex-lg-row" style="border:0px solid #000;">
					<?php //echo wp_daily_price_update(); ?>
				</div>
				<div class="col-lg-3 text-right">
					<div class="header-top-settings">
					</div>
				</div>
			</div>
		</div>
	</div>
	<!-- header top end -->
	<!-- header middle area start -->
	<div class="header-main-area sticky">
		<div class="container">
			<div class="row align-items-center position-relative">
				<!-- start logo area -->
				<div class="col-lg-2">
					<div class="logo">
						<?php if ( has_custom_logo() && ! $show_title ) : ?>
							<div class="site-logo"><?php the_custom_logo(); ?></div>
						<?php else: ?>						
							<a href="<?php echo esc_url( home_url( '/' ) ); ?>">
								<img src="<?php echo get_template_directory_uri(); ?>/assets/img/logo/logo.png" width="230px" height="83px" alt="<?=$blog_info?>">
							</a>
						<?php endif; ?>		
					</div>
				</div>		
				<!-- start logo area -->
				<!-- main menu area start -->
				<div class="col-lg-6 position-static">
					<div class="main-menu-area">
						<div class="main-menu">
							<?php if ( has_nav_menu( 'primary' ) ) : ?>
									<?php
									wp_nav_menu(
										array(
											'theme_location'  => 'primary',
											'menu_class'      => 'main-menu',
											'container_class' => 'desktop-menu',
											'items_wrap'      => '<ul id="primary-menu-list" class="%2$s dropdown">%3$s</ul>',
											'fallback_cb'     => true,
											'link_before'     => '',
											'link_after'      => '',
											'depth' 		  => 4,
											//'walker'          => new WP_Bootstrap_Navwalker(),										
										)
									);
									?>
							<?php endif; ?>						
						</div>
					</div>
				</div>
				<!-- main menu area end -->

				<!-- mini cart area start -->
				<div class="col-lg-4">
					<div class="header-right d-flex align-items-center justify-content-xl-between justify-content-lg-end">
						<div class="header-search-container">
							<button class="search-trigger d-xl-none d-lg-block"><i class="pe-7s-search"></i></button>
							<form class="header-search-box d-lg-none d-xl-block animated jackInTheBox">
								<input type="text" placeholder="Search entire store hire" class="header-search-field">
								<button class="header-search-btn"><i class="pe-7s-search"></i></button>
							</form>
						</div>
						<div class="header-configure-area">
							<ul class="nav justify-content-end">
								<li class="user-hover">
									<a href="javascript:void(0)"><i class="pe-7s-user"></i></a>
									<ul class="dropdown-list">
										<?php if ( is_user_logged_in() ) { ?>
											<li><a class="" href="<?php echo get_permalink( get_option('woocommerce_myaccount_page_id') ); ?>" title="<?php _e('My Account','woothemes'); ?>"><?php _e('My Account','woothemes'); ?></a></li>
										<?php } 
										else { ?>
											<li><a class="" href="<?php echo get_permalink( get_option('woocommerce_myaccount_page_id') ); ?>" title="<?php _e('Login / Register','woothemes'); ?>"><?php _e('Login / Register','woothemes'); ?></a></li>
										<?php } ?>
									</ul>
								</li>
								<!-- <li>
									<a href="wishlist.html">
										<i class="pe-7s-like"></i>
										<div class="notification">0</div>
									</a>
								</li> -->
								<li>
									<a href="#" class="minicart-btn">
										<i class="pe-7s-shopbag"></i>
										<div class="notification"><?php echo $woocommerce->cart->cart_contents_count ?></div>
									</a>
								</li>
							</ul>
						</div>
					</div>
				</div>
				<!-- mini cart area end -->

			</div>
		</div>
	</div>
	<!-- header middle area end -->
</div>
