<div class="navigation-overlay-panel js-overlay-panel">
    {{> @navigation-overlay-bar registerText=registerText }}
    <a href="#" class="navigation-overlay-panel__close-button js-overlay-panel-close-trigger"></a>
    <h2 class="navigation-overlay-panel__title">{{title}}</h2>
    <div class="navigation-overlay-panel__tabs">
        {{> @cp-tabs-buttons tabs}}
    </div>
    <div class="tab__section js-overlay-login" id="login" data-tab-section-id="login">
        {{> @auth0 id='navigation-overlay-login' showLogin='true' showSignUp='false' destinationUrl=destinationUrl langCode=langCode}}
    </div>
    {{#if footer }}
        <div class="navigation-overlay-panel__footer navigation-overlay-panel__footer--login">
            <p>{{ footer.loginText}} <a class="js-overlay-sign-up-link" href="#">{{ footer.loginLinkText }}</a></p>
        </div>
    {{/if}}
    <div class="tab__section js-overlay-signup" data-tab-section-id="signup">
        {{> @auth0 id='navigation-overlay-signup' registerText=registerText firstNameText=firstNameText lastNameText=lastNameText showLogin='false' showSignUp='true' newsletterText=newsletterText termsText=termsText destinationUrl=destinationUrl langCode=langCode }}
        {{> @cp-account-terms-privacy }}
    </div>
    {{#if footer }}
        <div class="navigation-overlay-panel__footer navigation-overlay-panel__footer--sign-up">
            <p>{{ footer.signupText}} <a class="js-overlay-login-link" href="#">{{ footer.signupLinkText }}</a></p>
        </div>
    {{/if}}
</div>