<header class="site-header"
        id="siteHeader" role="banner">
    <% include Page_Notifications %>
    <div class="site-header-toolbar">
        <div class="container">
            <ul class="list-unstyled">
                <li style="margin-right:0px;">
                    $Locale.DateString
                </li>
                <li class="toolbar-locale">
                    <form>
                        <div class="form-group lg-select">
                            <select class="form-control SubFilterSelect" name="LocaleID">
                                <% loop $getSwitchableLocations %>
                                    <% if $Up.Locale.ID == $ID %>
                                        <option value="{$Up.Link}?LocaleID={$ID}"
                                                <% if $Up.Locale.ID == $ID %>selected<% end_if %>>$Title</option>
                                    <% end_if %>
                                <% end_loop %>

                                <% loop $getSwitchableLocations %>
                                    <% if $Up.Locale.ID != $ID %>
                                        <option value="{$Up.Link}?LocaleID={$ID}"
                                                <% if $Up.Locale.ID == $ID %>selected<% end_if %>>$Title</option>
                                    <% end_if %>
                                <% end_loop %>
                            </select>
                            {$SVG('select-arrow').extraClass('svg-arrow').Width('11').Height('9')}
                        </div>
                    </form>
                </li>
                    <% loop $SubMenu(1) %>
                        <li>
                            <% if $ClassName = 'DashboardAccountPage' %>
                                <%-- <% if CurrentMember %> --%>
                                    <a class="link <% if $LinkingMode='current' %>active<% else %>$LinkingMode<% end_if %>"
                                       href="$Link" id="zz11">$MenuTitle.XML</a>
                                <%-- <% else %>
                                    <div class="lg-modal link" data-modal="#account-login-modal" id="zz33g">$MenuTitle.XML</div>
                                <% end_if %> --%>
                            <% else_if $ClassName = 'ShortlistPage' %>
                               <!-- <a class="link <% if $LinkingMode='current' %>active<% else %>$LinkingMode<% end_if %>"
                                   href="$Link" id="pp22"><i class="fas fa-heart brand-pink" style='font-size:24px;position: absolute;top: 25%;'></i> </a>-->
                            <% else %>
  <a class="link <% if $LinkingMode='current' %>active<% else %>$LinkingMode<% end_if %>"
                                   href="$Link" id="pp22">$MenuTitle.XML</a>
                            <% end_if %>
                        </li>
                    <% end_loop %>

             
                   
                    <li style="margin-right: 15px;">
                        <a href="{$SiteConfig.FacebookLink}" target="_blank" class="link" style="vertical-align: middle;"> 
                            $SVG('facebook').Size('11','20').fill('#a7a9ac')
                            <span class="sr-only">Facebook</span>
                        </a>
                    </li>
                    <li style="margin-right: 15px;">
                        <a href="{$SiteConfig.InstagramLink}" target="_blank" class="link" style="vertical-align: middle;">
                            $SVG('instagram').Size('19','19').fill('#a7a9ac')
                            <span class="sr-only">Instagram</span>
                        </a>
                    </li>
                    <li style="margin-right: 15px;">
                        <a href="{$SiteConfig.YouTubeLink}" target="_blank" class="link" style="vertical-align: middle;">
                            $SVG('youtube').Size('19','24').fill('#a7a9ac')
                            <span class="sr-only">YouTube</span>
                        </a>
                    </li>
                   <li style="margin-right: 0;">
                        <a href="{$SiteConfig.TiktokLink}" target="_blank" class="link" style="vertical-align: middle;">
                            $SVG('tiktok').Size('22','18').fill('#a7a9ac')
                            <span class="sr-only">TikTok</span>
                        </a>
                    </li>

             
               
              
                <% if $SiteConfig.ShowCompetitionLogo == 1 %>
                <li style="background-color:#fff;">
                    <a href="/competition-landing-page" target="_blank">
                      <img style="width:60px; height:50px;" src="{$SiteConfig.CompetitionLogo.Link}" alt="">
                        <span class="sr-only">BestFoods</span>
                    </a>
                </li>
              <% end_if %>
            </ul>
        </div>
    </div>

    <div class="site-header-links">
        <div class="container">
            <a class="site-logo" id="site-logo" href="/">
                <span class="sr-only">$SiteConfig.Title</span>
              <%-- $SVG($SiteConfig.SiteLogo.URL)  --%>
              <img src="{$SiteConfig.SiteLogo.Link}" alt="CF-Logo" id='site-logo-svg'/>
                <%-- $SVG('cf-logo-2019.svg', 'site-logo-svg').Size('164','150') --%>
                </a>

            <div class="festival-date-mobile">
                {$Locale.DateString}
            </div>
            <div class="mobile-menu-toggler" data-mobile-menu-toggle="0">
                <div class="bars">
                    <div class="bars-inner"></div>
                </div>
                <div class="cross"></div>
                <div class="sr-only">Show mobile menu</div>
            </div>
            <% cache 'Navigation' %>
               
                <% include Page_Navigation %>
            <% end_cache %>
        </div>
    </div>
</header>

<% if not $CurrentMember %>
    <% include AccountLoginModal %>
<% end_if %>