<!-- FRISCO BROS HEADER -->
<div class="frisco-brothers visible-md visible-lg bg-img">
  <!-- ADDITIONAL TOP HEADER -->
  <?php
  	$head_add_top_row = get_theme_mod( 'header_additional_top_id', 'top-additional-no' );
  	if ( $head_add_top_row == "top-additional-yes" ):
	?>
  <div class="additional-top-header">
	<!-- LANGUAGE TOP -->  
    <?php
      $head_add_top_row = get_theme_mod( 'header_additional_top_language_id', 'top-add-language-no' );
      if ( $head_add_top_row == "top-add-language-yes" ):
		?>
    <div class="language-select">
      <form action="#">
        <label for="languages">Language:</label>
        <select id="language" name="languages">
          <option value="English">English</option>
          <option value="Spanish">Spanish</option>
        </select>
      </form>
      <?php do_action('wpml_add_language_selector'); ?>
    </div>
    <?php else : ?>
    <?php endif; ?>
    <!--//END LANGUAGE TOP -->
		<!-- TOP SECOND NAV -->
    <div class="top-second-nav">
      <?php
				wp_nav_menu( array(
					'theme_location' => 'additional-menu',
					'fallback_cb' => false
				) );
			?>
    </div>
		<!--//END TOP SECOND NAV -->
  </div>
  <?php else : ?>
  <?php endif; ?>
  <!--//END ADDITIONAL TOP HEADER -->

	<!-- MAIN HEADER ROW -->
  <div class="header-main-row">
		<!-- TOP HEADER -->
	  <div class="top-header <?= get_theme_mod('top_header_width', ''); ?>" >
			<!-- TOP HEADER LEFT -->
			<div class="top-header-left">
				<!-- STORE INDICATOR -->
				<span class="icon-marker fp-icon-map-marker-wide"><span class="hidden">Location</span></span>&nbsp;
				<div class="user-store-indicator store-indicator"></div>
				<!--//END STORE INDICATOR -->
			</div>
			<!--//END TOP HEADER LEFT -->
			<!-- TOP HEADER RIGHT -->
			<div class="top-header-right"> 
				<div class="top-header-right-wrap">
					<!-- LANGUAGE TOP NAV LEFT -->
					<?php 
						$head_add_language = get_theme_mod( 'header_topnav_language', 'add-language-no' );
						if ( $head_add_language == "header_topnav_language" ):
					?>
					<?php elseif ($head_add_language == "add-language-left") : ?>
					<span class="left"> 
						<?php get_template_part( 'header', 'include-language' );?>
					</span>
					<?php else : ?>
					<?php endif; ?>
					<!--//END LANGUAGE TOP NAV LEFT -->
					<!-- HEADER MENU -->
					<?php 
						wp_nav_menu( array(
							'theme_location' => 'header-menu',
							'menu_class' => 'top-header-menu',
							'fallback_cb' => false
						)); 
					?>
					<!--//END HEADER MENU -->
					<!-- LANGUAGE TOP NAV RIGHT -->
					<?php
						$head_add_language = get_theme_mod( 'header_topnav_language', 'add-language-no' );
						if ( $head_add_language == "header_topnav_language" ):
					?>
					<?php elseif ($head_add_language == "add-language-right") : ?>
					<span class="right">
						<?php get_template_part( 'header', 'include-language' );?>
					</span>
					<?php else : ?>
					<?php endif; ?>
					<!--//END LANGUAGE TOP NAV RIGHT -->
				</div>
			</div>
    </div>
		<!--//END TOP HEADER -->

		<!-- TOP ROW WRAP -->
	  <div class="top-row-wrap <?= get_theme_mod('logo_row_width', ''); ?>">
	  	<!-- HAMBURGER MENU --> 
	 		<div class="hamburger <?php $toggle_menu_text = get_theme_mod( 'mobile_nav_menu_display', 'menu-text-off' );
      	if ( $toggle_menu_text == "menu-text-off" ): ?><?php else : ?>menu-toggle<?php endif; ?> "> <button type="button" class="toggle" id="navbar-toggle"> <span class="sr-only">Toggle navigation</span> <span class="icon-bar"></span> <span class="icon-bar"></span> <span class="icon-bar"></span> </button>
    	</div>
    	<!--//END HAMBURGER MENU -->
			<!-- LOGO -->
      <div class="logo-wrap"> 
        <a aria-label="A theme logo of <?php bloginfo( 'name' ); ?>" class="logo-header" href="<?php echo home_url(); ?>">
					<img src="<?= get_theme_mod('fp_wp_setting_logo') ?>" alt="A theme logo of <?php bloginfo( 'name' ); ?>" />
				</a> 
	  	</div>
			<!--//END LOGO -->
			<!-- MAIN MENU ROW -->
			<div class="main-menu-box">
		  	<div class="main-menu-container">
					<nav id="navigation" role="navigation">
						<div class="menu-main-menu-container">
							<!-- MAIN MENU -->
							<?php
								wp_nav_menu( array(
									'depth' => 0,
									'menu' => 'menu-main-menu',
									'link_before' => '<span>',
									'link_after' => '</span>',
									'theme_location' => 'main-menu',
									'menu_class' => 'sf-menu main-menu',
									'fallback_cb' => 'menu-main-menu'
								) );
							?>
							<!--//END MAIN MENU -->
						</div>
					</nav>
				</div>
    	</div> 
			<!--//END MAIN MENU ROW -->
			<!-- SOCIAL MEDIA -->
		  <?php $social_display = get_theme_mod('social_color_display', 'display-on');?>
		  <?php $social_color = get_theme_mod('social_color_toggle', 'color-off');?>
		  <?php if ( $social_display ==  'display-on'): ?>
		  <div class="social-container">
				<ul class="social-links<?php if ( $social_color == "color-off" ): ?> OFF<?php else : ?> color-on<?php endif; ?>">
					<?php $social_media_urls = social_media_urls(); ?>
					<?php foreach ($social_media_urls as $key => $value) { ?>
					<?php if(!empty($value)) { ?>
					<li> <a href="<?php echo $value; ?>" title="<?php echo $key; ?>" class="my-store-link-<?php echo $key; ?>" <?php if($key != 'rss'){ ?> target="_blank" <?php } ?> ><span class="fp-icon-<?php echo $key; ?>-layered bg-<?php echo $key; ?>"></span><span class="hidden"><?php echo $key; ?></span></a> </li>
					<?php } ?>
					<?php } ?>
				</ul>
      </div>
		  <?php else : ?>
			<?php endif; ?>
			<!--//END SOCIAL MEDIA -->
    </div>
		<!--//END TOP ROW WRAP -->

		<!-- BAR CONTAINER -->
	  <div class="bar-container">
		  <div class="bar">
				<div class="header-utility <?= get_theme_mod('header_utility_width', 'container'); ?>">
			  	<div class="container">
						<!-- SEARCH -->
						<div class="top-menu-search"> 
							<div id="search" class="search"></div>
				  	</div>
						<!--//END SEARCH -->
			 			<!-- REORDER INDICATOR -->
						<?php $reorder_visibility = get_theme_mod( 'header_reorder_visibility', 'reorder-visible' );?>
						<?php if ( $reorder_visibility == 'reorder-visible' ): ?> 
						<div class="reorder-wrap">
            	<div class="reorder-indicator"></div>
          	</div>
						<?php else : ?>
						<?php endif; ?>
						<!--//END REORDER INDICATOR -->
						<!-- MINI LIST CART INDICATOR -->
			  		<div class="cart-wrap<?php $cart_layout = get_theme_mod( 'header_cart_layout', 'cart-yes' ); if ( $cart_layout == "cart-yes" ): ?> price<?php else : ?> no-price<?php endif; ?>"> <!-- Mini List Cart -->
							<div id="mini-list-wrapper" class="mini-list">
				  			<div id="mini-list-indicator"></div>
							</div>
			  		</div>
						<!--//END MINI LIST CART INDICATOR -->
			  	</div>
				</div>
			</div>
		</div>
		<!--//END BAR CONTAINER -->
  </div>
	<!--//END MAIN HEADER ROW -->
</div>
<!--//END FRISCO BROS HEADER -->