<!--Start Header-->
{% set locale = app.request.locale %}
{% if locale == 'en_GB' %}
{% set locale = 'en' %}
{% endif %}
<div id="preLoading">
<div class="preloading"></div>
</div>
<header class="header">
<div class="container-xl custom-container-xl">
{% if editmode %}
{% for i in pimcore_block('headwebblock').iterator %}
{{ pimcore_link('headwebblogLink') }}
{% endfor %}
{% endif %}
<div
class="row">
<!--Start Mobile Menu-->
<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
<span class="navbar-toggler-icon"></span>
</button>
<!--End Mobile Menu-->
<div class="col-md-2 col-xl-2">
<a href="/{{locale}}">
<figure class="logo-holder">
{% if locale == 'ar' %}
<img alt="Rainbow" class="img-fluid" src="/logos/rainbow_logo-ar.png"/>
{% else %}
<img alt="Rainbow" class="img-fluid" src="/logos/rainbow_logo_en.png"/>
{% endif %}
</figure>
</a>
<div class="mobile-search">
<a href="javascript:;">
<i class="fa fa-search"></i>
</a>
</div>
</div>
<div class="col-md-10 col-xl-10 top-nav-box" id="navbarSupportedContent">
<nav
class="top-nav-holder">
<!-- <= $this->wysiwyg("Navbar", ["customConfig" => "/static/js/wysiwygconfig.js"]); ?> -->
<ul class="list-unstyled top-nav one">
{% if not editmode %}
{% for i in pimcore_block('headwebblock').iterator %}
<li>
{{ pimcore_link('headwebblogLink') }}</li>
{% endfor %}
{% endif %}
<li class="language-select"><img
src="/static/assets/images/globe-icon.png" alt="Rainbow Milk - Globe Icon">
{% if locale == 'ar' %}
<a id="langswitcher" href="/en/" class="lang langswitcher">EN
</a>
|
<strong>العربية
</strong>
{% else %}
<strong>EN
</strong>
|
<a id="langswitcher" href="/ar/" class="lang langswitcher">العربية
</a>
{% endif %}
</li>
{% if app.session.get('loginUserName') %}
<li class="dropdown account-dropdown">
<a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-expanded="false"><img src="/static/assets/images/user-login.png"><span class="caret"></span>
</a>
<ul class="dropdown-menu" role="menu">
<li>
<a href="/{{locale}}/dashboard">{{"Dashboard"|trans}}</a>
</li>
<li>
<a href="/userlogout">{{"Logout"|trans}}</a>
</li>
</ul>
</li>
{% else %}
<li>
<a href="/{{locale}}/signin"><img src="/static/assets/images/login-icon.png" alt="Rainbow Milk - Login Icon"></a>
</li>
{% endif %}
<li>
<a href="javascript:void(0);" class="dropdown-toggle" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
<i class="fa fa-search"></i>
</a>
<form method="get" action="/{{locale}}/site-search">
<div class="dropdown-menu">
<input type="text" name="src">
<button class="btn btn-primary ico-btn" tabindex="0" type="submit">
<span>Search</span>
</button>
</div>
</form>
</li>
{#
<!-- <li><a href="javascript:;">About Us</a></li>
<li><a href="/<?php echo $weblink; ?>/signup">Sign Up</a></li> -->
<!-- <li class="search">
<span class="lang-holder">
<?php
if ($this->getLocale() == 'ar') { ?>
<a id ="langswitcher" href="/en" class="lang"><?= $this->translate("lang"); ?></a>
<?php } else { ?>
<a id ="langswitcher" href="/ar" class="lang"><?= $this->translate("lang"); ?></a>
<?php }
?>
</span> -->
<!-- <a href="javascript:void(0);" class="dropdown-toggle" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
<i class="fa fa-search"></i>
</a>
<div class="dropdown-menu">
<input type="text">
<button class="btn btn-primary ico-btn" tabindex="0">
<span>Search</span>
</button>
</div> -->
<!-- </li> -->
#}
</ul>
</nav>
</div>
</div>
</div>
</header>
<!--End Header-->
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.6.0/jquery.min.js" integrity="sha512-894YE6QWD5I59HgZOGReFYm4dnWc1Qt5NtvYSaNcOP+u1T9qYdvdihz0PPSiiqn/+/3e7Jo4EaG7TubfWGUrMQ==" crossorigin="anonymous" referrerpolicy="no-referrer"></script>
<script type="text/javascript">
$(document).ready(function () {
if (_TopMenuLink != 'undefined') {
if (_TopMenuLink) {
$('#langswitcher').attr("href", _TopMenuLink);
}
}
});
</script>