{#=====Get variable : Config Select Block on header=====#}
{% set hidden_headercenter = soconfig.get_settings('toppanel_type') =='2'? 'hidden-compact' : '' %}
{% set hidden_headerbottom = soconfig.get_settings('toppanel_type') =='1'? 'hidden-compact' : '' %}

<header id="header" class="variant typeheader-{{ typeheader ? typeheader : '1'}}">
	{#======	HEADER promotion	=======#}  
	{% if soconfig.get_settings('imgpromotion_status') and soconfig.get_settings('imgpromotion') %}
	<div class="header-promotion {{hidden_headertop}}" >
		<img src="image/{{  soconfig.get_settings('imgpromotion') }}"  alt="imgpayment">
	</div>
	{% endif %}
	
		<!-- HEADER TOP -->
	<div class="header-top {{hidden_headertop}}">
		<div class="container">
			<div class="row">
				<div class="col-lg-3 col-sm-3 col-xs-12">
					<div class="logo-wrapper">
						<h1 class="logo-content">
						    <strong class="logo">
								{{soconfig.get_logo()}}
							</strong>
						</h1>

					</div>	
				</div>
				<div class="col-lg-6 col-sm-6 col-xs-12">
					<div class="header_search">
						<div class="search-header-content">
							<a href="javascript:void(0)" title="Close" class="btn-search">
								<span class="hidden">{{button_search}}</span>
							</a>
							<!-- <button id="dropdownSearch"  class="dropdown-toggle bt-search hidden" data-toggle="dropdown" aria-haspopup="true" aria-expanded="true"><i class="fa fa-search" aria-hidden="true"></i>	</button> -->
							<div class="dropdown-menu-search">
								{{ search_block }}
							</div>
						</div>
					</div>
				</div>
				<div class="col-lg-3 col-sm-3 col-xs-12 ">
					<div class="custom">
						<div class="block-cart">
							<div class="shopping_cart">
							 	{{cart}} 
							</div>
						</div>
						<div class="setting">
							<div class="dropdown-toggle">
								<i class="fa fa-cog" aria-hidden="true"></i>
							</div>
							<div class="dropdown-menu">

								<div class="box-lang-cunrent">
									{% if soconfig.get_settings('lang_status') %}
										<div class="switcher" > {{ currency }}  </div>
										<div class="switcher">{{ language }} </div>
									{% endif %}
								</div>
								<div class="account" id="my_account1"><a href="{{account}}" title="{{text_account}}" class="btn-xs dropdown-toggle" data-toggle="dropdown"> <span class="dropdown-toggle">{{text_account}}</span></a>
									<ul class="dropdown">
										<li><a href="{{ account }}">{{text_account}}</a></li>
										<li class="wishlist"><a href="{{ wishlist }}" id="wishlist-total" class="top-link-wishlist" title="{{text_wishlist}}">{{text_wishlist}}</a></li>
										<li class="compare"><a href="{{ compare }}" id="compare-total" class="top-link-compare" title="{{text_compare}}">{{text_compare}}</a></li>
										{% if logged %} 
											<li class="log logout"><a class="link-lg" href="{{ logout }} ">{{ text_logout }} </a></li>
										{% else %}  
											<li class="register"><a class="link-lg" href="{{ register }} ">{{ text_register }} </a></li>
											<li class="log login"><a class="link-lg" href="{{ login }} "><span >{{ text_login }}</span > </a></li>
										{% endif %} 

									</ul>
								</div>
								
							</div>
						</div>

						
					</div>
					
				</div>
			</div>	
		</div>
	</div>
	
	{#======	HEADER BOTTOM	=======#}  
	<div class="header-bottom">
		<div class="container">
			<div class="row">			
				<div class="text-left col-md-3 col-xs-6">
					<div class="menu-vertical">
						{{ content_menu2 }}
					</div>
						
				</div>
				
				<div class="col-md-9 col-xs-6">
					<!-- BOX CONTENT MENU -->
					
					{{content_menu1}}	
					{% if header_block is not empty %}
						<div class="header-block1 hidden-xs hidden-md hidden-sm">
						{{header_block}}
						</div>
					{% endif %}
				</div>
			</div>
		</div>
	</div>
	
	
	
</header>