crosterOverWrites/includes/pre-header.tpl

{*
 **********************************************************
 * Developed by: Team Theme Metro
 * Website: http://www.thememetro.com
 **********************************************************
*}

<!-- templates/croster/core/includes/pre-header.tpl -->
{debug}
<div class="pre-header{if $themesettings.headersetting.preheaderbg == "1"} primary{elseif $themesettings.headersetting.preheaderbg == "2"} light{else}{/if}">
	<div class="container">
		<!-- <div class="d-flex align-items-center space-between mx-0 mx-lg-3"> -->
		<div class="nav navbar-nav mr-auto w-auto">
			<a class="logo" style="display:flex;" href="/">
				<img src="https://portal.thurdata.ch/templates/croster/assets/images/logo-bw-invert-medium.png" alt="Thurdata GmbH" width="182"> <!-- class="logo-light"> -->
				<!-- <img src="https://portal.thurdata.ch/templates/croster/assets/images/logo-color-medium.png" alt="Thurdata GmbH"> class="logo-light"> -->
			</a>
			 
			<ul class="nav navbar-nav mr-auto w-auto">
				<li class="home-item" style="font-size: 1.8em; color: white">
					&nbsp;&nbsp;  <!-- white space in header -->
				</li>
			</ul>
			
			<!-- Contact Items in Pre-Header 
			<ul class="list-unstyled list-inline d-none d-md-inline-block">
				{if $themesettings.general.whatsapp}<li class="list-inline-item"><a href="https://api.whatsapp.com/send?phone={$themesettings.general.whatsapp}" target="_blank"><i class="fab fa-whatsapp"></i></a></li>{/if}
				{if $themesettings.general.phonenumber}<li class="list-inline-item"><a href="tel:+41716716840" style="color:white;"><i class="fas fa-phone-volume"></i> +41 71 671 68 40</a></li>{/if}
				{if $themesettings.general.contactemail}<li class="list-inline-item"><a href="#"><i class="far fa-envelope"></i> {$themesettings.general.contactemail}</a></li>{/if}
			</ul>
			-->

			<!--
			<ul class="list-unstyled list-inline d-inline-block d-md-none">
				{if $themesettings.general.whatsapp}
				<li class="list-inline-item">
					<span data-toggle="tooltip" data-placement="bottom" data-title="{$themesettings.general.whatsapp}">
						<a href="https://api.whatsapp.com/send?phone={$themesettings.general.whatsapp}" target="_blank"><i class="fab fa-whatsapp"></i></a>
					</span>
				</li>			
				{/if}
				{if $themesettings.general.phonenumber}
				<li class="list-inline-item">
					<span data-toggle="tooltip" data-placement="bottom" data-title="{$themesettings.general.phonenumber}">
						<a href="tel:{$themesettings.general.phonenumber}"><i class="fas fa-phone-volume"></i></a>
					</span>
				</li>
				{/if}
				{if $themesettings.general.contactemail}
				<li class="list-inline-item">
					<span data-toggle="tooltip" data-placement="bottom" data-title="{$themesettings.general.contactemail}">
						<a href="#"><i class="far fa-envelope"></i></a>	
					</span>
				</li>
				{/if}
			</ul>
			-->

			<ul class="list-unstyled list-inline" style="white-space:nowrap">

				<!-- Whatsapp -->
				{if $themesettings.general.whatsapp}<li class="list-inline-item"><a href="https://api.whatsapp.com/send?phone={$themesettings.general.whatsapp}" target="_blank"><i class="fab fa-whatsapp"></i></a></li>{/if}
				<!-- Phone 1 -->
				{if $themesettings.general.phonenumber}<li class="list-inline-item"><a href="tel:+41716716840"> <i class="fas fa-phone-volume"></i> +41 71 671 68 40</a></li>{/if}

				<!-- Email-Kontakt -->
				{if $themesettings.general.contactemail}<li class="list-inline-item"><a href="#"><i class="far fa-envelope"></i> {$themesettings.general.contactemail}</a></li>{/if}



				
				{if $themesettings.general.whatsapp}
					<li class="list-inline-item">
	    				    <span data-toggle="tooltip" data-placement="bottom" data-title="{$themesettings.general.whatsapp}">
						<a href="https://api.whatsapp.com/send?phone={$themesettings.general.whatsapp}" target="_blank"><i class="fab fa-whatsapp"></i></a>
					    </span>
				    </li>			
				{/if}
				{if $themesettings.general.phonenumber}
				    <li class="list-inline-item">
					<span data-toggle="tooltip" data-placement="bottom" data-title="{$themesettings.general.phonenumber}">
						<a href="tel:{$themesettings.general.phonenumber}" style="color:white;"><i class="fas fa-phone-volume"></i></a>
					</span>
				    </li>
				{/if}
				{if $themesettings.general.contactemail}
				    <li class="list-inline-item">
					<span data-toggle="tooltip" data-placement="bottom" data-title="{$themesettings.general.contactemail}">
						<a href="#"><i class="far fa-envelope"></i></a>	
					</span>
				    </li>
				{/if}
				





			
			<!-- Client Alerts -->
			{if $loggedin}
				{if count($clientAlerts) > 0}
					<li style="border-right:none" class="list-inline-item dropdown nocaret">
						<a href="#" class="dropdown-toggle" data-toggle="dropdown">
							<i class="fal fa-bell" style="color:white;"></i>  <span class="badge up badge-primary">{$clientAlerts|count}</span>
						</a>
						<ul class="dropdown-menu dropdown-menu-right dropdown-scroll dropdown-tasks auto">
							<li class="dropdown-header">
								<i class="fal fa-info-circle"></i> ({$clientAlerts|count}) {$LANG.notifications}
							</li>
							<li id="taskScroll">
								<ul class="list-unstyled">
									{foreach $clientAlerts as $alert}
									<li>
										<a href="{$alert->getLink()}"><i class="fas fa-fw fa-{if $alert->getSeverity() == 'danger'}exclamation-circle{elseif $alert->getSeverity() == 'warning'}exclamation-triangle{elseif $alert->getSeverity() == 'info'}info-circle{else}check-circle{/if} text-{$alert->getSeverity()}"></i> {$alert->getMessage()} {if $alert->getLinkText()}<button href="{$alert->getLink()}" class="btn btn-xs btn-{$alert->getSeverity()}">{$alert->getLinkText()}</button>{/if}</a>
									</li>
									{foreachelse}
									<li>
										<a href="javascript:;">{lang key='notificationsnone'}</a>
									</li>
									{/foreach}
								</ul>
							</li>
						</ul>
					</li>
				{/if}
				<!-- Locales -->
				{if $languagechangeenabled && count($locales) > 1}
					<li style="border-right:none" class="list-inline-item lang-btn">
						<button type="button" class="btn" data-toggle="modal" data-target="#modalChooseLanguage">
							{if $languagechangeenabled && count($locales) > 1}
							<span class="d-inline-block align-middle">
								<span class="d-block iti-flag {if $activeLocale.countryCode === '001'}us{else}{$activeLocale.countryCode|lower}{/if}"></span>
							</span>
							<span class="d-none d-sm-block">{$activeLocale.localisedName}</span>{/if}{if $languagechangeenabled && count($locales) > 1 && $currencies && !$loggedin}&nbsp;|&nbsp;{/if}{if !$loggedin && $currencies}{$activeCurrency.prefix} {$activeCurrency.code}{/if}
						</button>
					</li>
				{/if}
				
				{else}
				<!-- Currency Menu -->
				{if $languagechangeenabled && count($locales) > 1 || $currencies}
						<li style="border-right:none; padding-right: 0px; margin-right: 7px;" class="list-inline-item lang-btn">
							<button type="button" class="btn" data-toggle="modal" data-target="#modalChooseLanguage">
								{if $languagechangeenabled && count($locales) > 1}
								<span class="d-inline-block align-middle">
									<span class="d-block iti-flag {if $activeLocale.countryCode === '001'}us{else}{$activeLocale.countryCode|lower}{/if}"></span>
								</span>
								<span class="d-none d-sm-block">{$activeLocale.localisedName}</span>{/if}
								    {if $languagechangeenabled && count($locales) > 1 && $currencies && !$loggedin}&nbsp;|&nbsp;{/if}
								    {if !$loggedin && $currencies}{$activeCurrency.prefix} {*   {$activeCurrency.code}  *} {/if}
							</button>
						</li>
				    {/if}
				{/if}
				<!-- Shopping Cart -->
				{if $themesettings.orderform.orderopc != '1'}
				    {if $templatefile != 'order'}
					<li style="border-right:none;" class="list-inline-item">
						<a href="{$WEB_ROOT}/cart.php?a=view">
							<i style="color:white" class="fal fa-shopping-cart"></i> {if $cartitemcount > 0}<span class="badge up badge-primary">{$cartitemcount}</span>{/if}
						</a>
					</li>
				    {/if}
				{/if}

				<!-- Contact -->
				<li data-menuitemname="Contact Us" class="list-inline-item" style="border:0;">
				    <a class="nav-link" href="/contact.php">
				        <!-- <i class="fas fa-paper-plane mr-0 list-inline-item" title="Kontakt"></i> -->
					<i style="color:white;" class="fas fa-paper-plane mr-0 list-inline-item" title="Kontakt"></i>
				    </a>
				</li>
				<!-- Support Menu -->
				<li data-menuitemname="Contact Us" class="list-inline-item" style="border:0;">
				    <a class="nav-link" href="/support">
				        <!-- <i class="fas fa-paper-plane mr-0 list-inline-item" title="Support"></i> -->
					<i style="color:white;" class="fas fa-question mr-0 list-inline-item" title="Kontakt"></i>
				    </a>
				</li>

				<!-- Support Menu old
				<li style="margin-left: 0px; border-right:0;" data-menuitemname="Support" class="dropdown list-inline-item">
				        <a style="color:white; padding: 2px;" class="nav-link dropdown-toggle" data-toggle="dropdown" aria-haspopup="true" aria-expanded="true" href="#">
				        	<i style="color:white" class="fas fa-question mr-0 list-inline-item" title="Support"></i>
				        </a>
				        <ul style="color: white;" class="dropdown-menu">
    					    <li class="mega-menu">        	
				                <div class="menu-small-box ">
				                    <div class="item-with-icons">
					                    <span class="item-icon">
					                        <i style="color: #1B5F8F;" class="far fa-life-ring"></i>
					                    </span>
					                    <h4 class="menu-name">Unser Support<span>Nehmen Sie mit uns Kontakt auf,<br>wir helfen Ihnen gerne</span></h4>
				                    </div>
				                </div>
					    </li>
				    	    <li data-menuitemname="Support-Tools">
				    		<a class="nav-link" href="/supporttools.php">
				                    <span style="color: #1B5F8F;" class="item">Fernwartung</span>
				        	</a>
				    	    </li>

				    	    <li data-menuitemname="Software Downloads">
				    		<a class="nav-link" href="/index.php?rp=/download">
				                    <span style="color: #1B5F8F;" class="item">Software Downloads</span>
				        	</a>
				    	    </li>


				    	    <li data-menuitemname="Ticket eröffnen">
				    		<a class="nav-link" href="/submitticket.php">
				                    <span style="color: #1B5F8F;" class="item">Ticket eröffnen</span>
				        	</a>
				    	    </li>
					    <li data-menuitemname="Announcements">
				        	<a class="nav-link" href="/announcements.php">
				            	    <span style="color: #1B5F8F;" class="item">News</span>
				        	</a>
				    	    </li>
				    	    <li data-menuitemname="Knowledgebase">
				        	<a class="nav-link" href="/knowledgebase.php">
				            	    <span style="color: #1B5F8F;" class="item">Knowledgebase</span>
				        	</a>
				    	    </li>
				        </ul>
				</li>
				-->
				<!-- Account Menu -->
				<li style="border:0;" data-menuitemname="Account" class="list-inline-item dropdown">
				    <a style="color:white;" class="nav-link dropdown-toggle" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false" href="#">
				        <i style="color: white;" class="fas fa-user mr-0" title="Account"></i>
    				    </a>
				    <ul class="dropdown-menu dropdown-user">
				        <li data-menuitemname="Login" class="">
				            <a href="/clientarea.php" class="dropdown-item">Einloggen</a>
				        </li>
				        <li data-menuitemname="Register" class="">
				            <a href="/register.php" class="dropdown-item">Registrieren</a>
				        </li>
				        <li class="dropdown-divider"></li>
				        <li data-menuitemname="Forgot Password?" class="">
				            <a href="/index.php?rp=/password/reset" class="dropdown-item">Passwort vergessen?</a>
    					</li>
				    </ul>
				</li>


				{if $adminMasqueradingAsClient || $adminLoggedIn}
					<li style="border-right:none" class="list-inline-item">
						<a href="{$WEB_ROOT}/logout.php?returntoadmin=1" class="" data-toggle="tooltip" data-placement="bottom" title="{if $adminMasqueradingAsClient}{$LANG.adminmasqueradingasclient} {$LANG.logoutandreturntoadminarea}{else}{$LANG.adminloggedin} {$LANG.returntoadminarea}{/if}">
							<i class="fal fa-sign-out-alt"></i>
						</a>
					</li>
				{/if}
			</ul>
		</div>
	</div>	
</div>