{{{customeditframe.editframeStart}}}
<nav class="navigation loaded" data-module="nav">
    {{render "@cp-overlay"}}
    <div class="navigation__quick-links-bar">
        {{#if quickLinks}}
        <div class="navigation__quick-links-container">
            {{#each quickLinks}}
            <a href="{{url}}"
               class="navigation__quick-link {{#if isLogin}}js-overlay-panel-open-trigger{{/if}}">
                {{{icon}}}
                {{text}}
            </a>
            {{/each}}
            <a href="#" class="navigation__quick-link navigation__quick-link--login js-overlay-panel-open-trigger">
                <svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
                    <path fill-rule="evenodd" clip-rule="evenodd"
                          d="M14.5385 5C14.5385 7.7625 12.4611 10 9.89622 10C7.33138 10 5.25397 7.7625 5.25397 5C5.25397 2.2375 7.33138 0 9.89622 0C12.4611 0 14.5385 2.2375 14.5385 5ZM12.2156 5C12.2156 3.625 11.1711 2.5 9.89443 2.5C8.61781 2.5 7.5733 3.625 7.5733 5C7.5733 6.375 8.61781 7.5 9.89443 7.5C11.1711 7.5 12.2156 6.375 12.2156 5ZM9.89493 11.25C6.79622 11.25 0.610413 12.925 0.610413 16.25V20H19.1794V16.25C19.1794 12.925 12.9936 11.25 9.89493 11.25ZM2.93463 16.2625V17.5H16.8614V16.25C16.6293 15.3625 13.0315 13.75 9.89802 13.75C6.76449 13.75 3.16674 15.3625 2.93463 16.2625Z"
                          fill="#5FBD00"></path>
                </svg>
                {{quickLinkLoginText}}
            </a>
        </div>
        {{/if}}
    </div>
    <div class="navigation__wrapper">
        <div class="navigation__main-menu">
            <a href="#" class="navigation__burger-nav">
                <span class="navigation__burger-nav-bar"></span>
                <span class="navigation__burger-nav-bar"></span>
                <span class="navigation__burger-nav-bar"></span>
            </a>
            <a href="/" class="navigation__logo-link">
                <img src="/img/brand/logo--full.svg" alt="Tourism Ireland" class="navigation__logo" />
            </a>
            <div class="navigation__main-menu-links js-navigation-main-menu-links">
                <div class="navigation__links-wrapper">
                    {{#each mainMenu}}
                    <a href="{{url}}" class="navigation__link {{#if
                                subNavigation}}navigation__link--with-sub-navigation js-navigation-link{{/if}}"
                       data-target-dropdown={{subNavigation.type}}>
                        {{text}}
                    </a>
                    {{/each}}
                </div>
                {{#if mobileMyIrelandInfo}}
                <div class="navigation__my-ireland-info">
                    <h2 class="navigation__my-ireland-info-title"><span>{{mobileMyIrelandInfo.title}}</span></h2>
                    <p class="navigation__my-ireland-info-subtitle">{{mobileMyIrelandInfo.subtitle}}</p>
                    <a href="#" data-type="sign-up"
                       class="navigation__my-ireland-info-sign-up-button button-p1 js-overlay-panel-open-trigger">{{mobileMyIrelandInfo.registerText}}</a>
                    <a href="#"
                       class="navigation__my-ireland-info-login-button navigation__quick-link js-overlay-panel-open-trigger">
                        <svg width="20" height="20" viewBox="0 0 20 20" fill="none"
                             xmlns="http://www.w3.org/2000/svg">
                            <path fill-rule="evenodd" clip-rule="evenodd"
                                  d="M14.5385 5C14.5385 7.7625 12.4611 10 9.89622 10C7.33138 10 5.25397 7.7625 5.25397 5C5.25397 2.2375 7.33138 0 9.89622 0C12.4611 0 14.5385 2.2375 14.5385 5ZM12.2156 5C12.2156 3.625 11.1711 2.5 9.89443 2.5C8.61781 2.5 7.5733 3.625 7.5733 5C7.5733 6.375 8.61781 7.5 9.89443 7.5C11.1711 7.5 12.2156 6.375 12.2156 5ZM9.89493 11.25C6.79622 11.25 0.610413 12.925 0.610413 16.25V20H19.1794V16.25C19.1794 12.925 12.9936 11.25 9.89493 11.25ZM2.93463 16.2625V17.5H16.8614V16.25C16.6293 15.3625 13.0315 13.75 9.89802 13.75C6.76449 13.75 3.16674 15.3625 2.93463 16.2625Z"
                                  fill="#5FBD00" />
                        </svg>
                        {{mobileMyIrelandInfo.loginText}}
                    </a>
                </div>
                {{/if}}
                <div class="navigation__mobile-quick-links">
                    {{#each quickLinks}}
                    <a href="{{url}}" class="navigation__quick-link">
                        {{{icon}}}
                        {{text}}
                    </a>
                    {{/each}}
                </div>
            </div>
            <a href="#" class="navigation__search-trigger js-search-trigger"></a>
        </div>
        {{#each mainMenu}}
        {{#if subNavigation}}
        <div class="navigation-dropdown">
            <div class="navigation-dropdown__inner js-dropdown" data-dropdown-type={{subNavigation.type}}>
                <div class="navigation-dropdown__back-button spacer-md js-close-navigation-dropdown">
                    {{../backLinkText}}
                </div>
                {{#ifEquals subNavigation.type "thingsToDo"}}
                {{> @things-to-do-dropdown subNavigation}}
                {{/ifEquals}}
                {{#ifEquals subNavigation.type "helpAndAdvice"}}
                {{> @help-and-advice-dropdown subNavigation}}
                {{/ifEquals}}
                {{#ifEquals subNavigation.type "planYourTrip"}}
                {{> @plan-your-trip-dropdown subNavigation}}
                {{/ifEquals}}
                {{#ifEquals subNavigation.type "destinations"}}
                {{> @destinations-dropdown subNavigation}}
                {{/ifEquals}}
            </div>
        </div>
        {{/if}}
        {{/each}}
    </div>
    {{> @navigation-search-panel searchPanel}}
    {{#if navigationOverlay}}
    {{> @navigation-overlay-panel navigationOverlay}}
    {{/if}}
    {{#if noticeBar.isActive }}
    {{> @cp-notice-bar noticeBar }}
    {{/if}}
</nav>
{{{customeditframe.editframeStop}}}