<?php 

$nextbit_topbar_switch = get_theme_mod( 'nextbit_topbar_switch', false );
/**
 * header style 3
 */
function nextbit_header_style_4(){ ?>
    <!-- Main Header / Header Style Five -->
    <header class="main-header header-style-five">
    	
		<!-- Header Lower -->
        <div class="header-lower">
            
			<div class="auto-container clearfix">
				<div class="inner-container clearfix">
					
					<!-- Logo Box -->
					<div class="pull-left logo-box">
						<div class="logo"><?php nextbit_header_light2_logo(); ?></div>
					</div>
					<div class="nav-outer clearfix">
						
						<!-- Mobile Navigation Toggler -->
						<div class="mobile-nav-toggler"><span class="icon flaticon-menu"></span></div>
						<!-- Info Box -->
						<ul class="info-box">
							<li><a href="mailto:<?php echo esc_attr(get_theme_mod( 'nextbit_mail_id', __( 'info@webmail.com', 'nextbit' ) )); ?>"><span class="icon flaticon-telephone"></span><?php echo esc_html(get_theme_mod( 'nextbit_mail_id', __( 'info@webmail.com', 'nextbit' ) )); ?></a></li>

							<li><a href="#"><span class="icon flaticon-map"></span><?php echo  esc_html(get_theme_mod( 'nextbit_address_cd', __( 'Charleston, SC 29403, USA', 'nextbit' ) )); ?></a></li>
						</ul>
						
						<!-- Main Menu -->
						<nav class="main-menu show navbar-expand-md">
							<div class="navbar-header">
								<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
									<span class="icon-bar"></span>
									<span class="icon-bar"></span>
									<span class="icon-bar"></span>
								</button>
							</div>
							
							<div class="navbar-collapse collapse clearfix" id="navbarSupportedContent">
								<?php nextbit_header_menu();?>
							</div>
							
						</nav>
						<!-- Main Menu End-->
						
						<!-- Outer Box -->
						<div class="outer-box clearfix">
							<!-- Phone Box -->
							<div class="phone-box">
								<div class="box-inner">
									<span class="icon flaticon-telephone"></span>
									<?php echo get_theme_mod( 'nextbit_phone_label', __( 'Call: ', 'nextbit' ) );?><br>
									<a href="tel:<?php echo esc_attr(get_theme_mod( 'nextbit_phone', __( '+876 864 764 764', 'nextbit' ) ));?>"><?php echo esc_html(get_theme_mod( 'nextbit_phone', __( '+876 864 764 764', 'nextbit' ) ));?></a>
								</div>
							</div>
						</div>
						<!-- End Outer Box -->
						
					</div>
				</div>
				
			</div>
        </div>
        <!-- End Header Lower -->
        
		<!-- Sticky Header  -->
        <div class="sticky-header">
            <div class="auto-container clearfix">
                <!-- Logo -->
                <div class="logo pull-left">
                    <?php nextbit_header_logo();?>
                </div>
				
                <!--Right Col-->
                <div class="pull-right">
                    <!-- Main Menu -->
                    <nav class="main-menu">
                        <!--Keep This Empty / Menu will come through Javascript-->
                    </nav><!-- Main Menu End-->
					
					<!-- Outer Box -->
					<div class="outer-box clearfix">
						
						<!--Search Box-->
						<div class="search-box-outer">
							<div class="search-box-btn"><span class="fa fa-search"></span></div>
						</div>
						
						<!-- Cart Box -->
						<div class="cart-box">
							<div class="dropdown">
								<button class="cart-box-btn dropdown-toggle" type="button" id="dropdownMenu1" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false"><span class="flaticon-shopping-bag-2"></span>
                                    <span class="total-cart" id="nextbit-cart-count"><?php echo esc_html(WC()->cart->cart_contents_count); ?></span></button>
                                    <?php print nextbit_shopping_cart(); ?>
							</div>
						</div>
						<!-- End Cart Box -->
						
						<!-- Mobile Navigation Toggler -->
						<div class="mobile-nav-toggler"><span class="icon flaticon-menu"></span></div>
						
					</div>
					<!-- End Outer Box -->
					
                </div>
            </div>
        </div><!-- End Sticky Menu -->
    
		<!-- Mobile Menu  -->
        <div class="mobile-menu">
            <div class="menu-backdrop"></div>
            <div class="close-btn"><span class="icon flaticon-multiply"></span></div>
            
            <nav class="menu-box">
                <div class="nav-logo"><?php nextbit_header_logo();?></div>
                <div class="menu-outer"><!--Here Menu Will Come Automatically Via Javascript / Same Menu as in Header--></div>
            </nav>
        </div><!-- End Mobile Menu -->
	
    </header>
    <!-- End Main Header -->
<?php 
}