<div class="navigation-overlay-panel js-overlay-panel {{#if webAppMode}} web-app-mode {{/if}}">
    {{> @navigation-overlay-bar registerText=registerText }}
    {{!-- Unauthenticated users --}}
    {{#if webAppMode}}
        <div class="navigation-overlay-panel__inner navigation-overlay-panel__inner--unauthenticated">
            {{> @cp-profile-hero profileHero }}
    {{/if}}
        <div class="js-overlay-login" id="login" data-tab-section-id="login">
            {{> @auth0 id='my-ireland-navigation-overlay-login' showLogin='true' showSignUp='false' destinationUrl=destinationUrl }}
        </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="js-overlay-signup" data-tab-section-id="signup">
            {{> @auth0 id='my-ireland-navigation-overlay-signup' registerText=registerText firstNameText=firstNameText lastNameText=lastNameText showLogin='false' showSignUp='true' newsletterText=newsletterText termsText=termsText destinationUrl=destinationUrl }}
            {{> @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}}
    {{#if webAppMode}}
            <div class="navigation-overlay-settings js-overlay-settings grid-container">
                <div class="grid-x grid-margin-x">
                    <div class="navigation-overlay-settings__inner cell medium-10 medium-offset-1 large-8 large-offset-2">
                        {{> @cp-location-access locationAccess }}
                        {{> @cp-location-access notificationSettings }}
                        {{> @cp-travel-times travelTimes }}
                        {{> @cp-account-privacy accountPrivacy }}
                        {{> @cp-account-privacy removeData }}
                        {{> @cp-account-privacy resetBoard }}
                    </div>
                </div>
            </div>
        </div>
    {{/if}}
    {{#if webAppMode}}
    {{!-- Authenticated users --}}
    <div class="navigation-overlay-panel__inner navigation-overlay-panel__inner--user-logged-in">
        <div class="navigation-overlay-my-account">
            {{> @cp-account-hero accountHero }}
            <div class="navigation-overlay-settings">
                <div class="navigation-overlay-settings__tab-head">
                    <div class="navigation-overlay-settings__tab-head-inner">
                        <a href="#" class="js-nav-overlay-settings-tab active" data-show-tab="my-profile">{{authenticatedSettingsTab.myProfile}}</a>
                        <a href="#" class="js-nav-overlay-settings-tab" data-show-tab="my-trip">{{authenticatedSettingsTab.myTrip}}</a>
                    </div>
                </div>
                <div class="navigation-overlay-settings__tab-body">
                    <div class="navigation-overlay-settings__tab-content">
                        <div class="navigation-overlay-settings__tab-content-inner js-my-profile active">
                            {{> @cp-my-details myDetails }}
                            {{> @cp-account-privacy accountPrivacyLoggedinUser }}
                            <div class="account-privacy" data-module="accountPrivacy">
                                <h3 class="account-privacy__title">{{ deleteAccount.title }}</h3>
                                <p class="account-privacy__subtitle">{{{ deleteAccount.subtitle }}}</p>
                                {{#if deleteAccount.button}}
                                    <div class="spacer-md" data-type="account">
                                        {{> @cp-button-secondary deleteAccount.button }}
                                    </div>
                                {{/if}}
                                {{> @cp-generic-modal deleteAccountModal }}
                            </div>
                        </div>
                        <div class="navigation-overlay-settings__tab-content-inner js-my-trip">
                            {{> @cp-location-access locationAccess }}
                            {{> @cp-location-access notificationSettings }}
                            {{> @cp-travel-times travelTimes }}
                            {{> @cp-account-privacy resetBoard }}
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    {{/if}}
</div>