div.wrapper
    div#topNavMenu.navbar.navbar-expand.navbar-text-top
            div#topNavMenuContent.col.justify-content-end.pr-2
                ul.nav.navbar-nav.navbar-right
                    li.nav-item.dropdown
                        button#userMenu.shadow-none.btn.pr-1.dropdown-toggle(data-toggle='dropdown')
                            span.icon-user6
                        div.dropdown-menu.dropdown-menu-start
                            a.dropdown-item#changePassword(data-toggle="modal")(data-target="#changePasswordFormModal")(data-keyboard="true")(href='javascript:void(0);')
                                                                span.icon-key2.pr-2
                                                                =config["forms.change_password"].labels.header
                            a.dropdown-item#keychainsSettings(href='javascript:void(0)')
                                                                span.icon-settings.pr-2
                                                                =config["portal"].labels.settings_link_label
                            a.dropdown-item#contactLink(data-toggle="modal")(data-target="#contactModal")(data-keyboard="true")(href="javascript:void(0)")(target="_blank")
                                                                span.icon-envelop.pr-2
                                                                =config["portal"].labels.contact_link
                            a.dropdown-item(href=(config["global_idr_path"] + config["forms.logout_page.url"]) + "?" + (new Date().getTime()))(id=config["portal"].nodes.logout_link)
                                                                span.icon-exit.pr-2
                                                                =config["portal"].labels.logout_link
                    li.vertical-divider
                    li
                        a.help-link(href=config["portal"].resources.help_link+helpLangDir+config["portal"].resources.help_index)(target="_blank")(alt=config["portal"].labels.help_link)(title=config["portal"].labels.help_link)
                            span.icon-question
    div#mainContent
        div.loader
div#bottomNavMenu.navbar-footer
    div#footerLogo.text-center
        img.center-block(src=configModel.get("portalFooterImage"))(alt='RSA SecurID Access logo')(title='RSA SecurID Access logo')
    div#footerText.text-center
        p#footerBarText=config["portal"].labels.copyright
div#aboutModal.modal(aria-hidden="true")
    div.modal-dialog
        div.modal-content
            div.modal-body
                ="Custom Portal version: "
                strong#version
            div.modal-footer
                button#versionInfoOkBtn.btn.btn-primary(data-dismiss="modal")
                    ="OK"
div#changePasswordFormModal.modal.fade(role="dialog")(aria-hidden="true")
    div.modal-dialog
        div.modal-content
            div.modal-header
                h2.modal-title
                    =config["forms.change_password"].labels.header
                button#changePasswordFormClose.close(data-dismiss="modal")(aria-hidden="true")
                                    ="×"
            form#changePasswordForm.modal-body(action="/")
                div#changePasswordMessages
                div.form-group.mb-0
                    div.row
                        div.col-sm-4.display-table.ml-3
                            label.display-table-cell(for="oldPassword")
                                =config["forms.change_password"].labels.old_password_label
                        div.col-sm-7.float-end
                            input#oldPassword.form-control(type="password")(placeholder=config["forms.change_password"].labels.old_password_label)(name="old_password")(autocomplete="off")
                            span.help-block.d-none
                div.form-group.mb-0
                    div.row
                        div.col-sm-4.display-table.ml-3
                            label.display-table-cell(for="newPassword")
                                =config["forms.change_password"].labels.password_label
                        div.col-sm-7.float-end
                            input#newPassword.form-control(type="password")(placeholder=config["forms.change_password"].labels.password_label)(name="new_password")(autocomplete="off")
                            span.help-block.d-none
                div.form-group.mb-0
                    div.row
                        div.col-sm-4.display-table.ml-3
                            label.display-table-cell(for="confirmPassword")
                                =config["forms.change_password"].labels.confirm_password_label
                        div.col-sm-7.float-end
                            input#confirmPassword.form-control(type="password")(placeholder=config["forms.change_password"].labels.confirm_password_label)(name="confirm-pwd")(autocomplete="off")
                            span.help-block.d-none
            div.modal-footer.ml-4
                div
                    button#changePasswordFormSave.btn.btn-primary.shadow-none
                        =config["forms.change_password"].labels.ok_button
                    button#changePasswordFormCancel.btn.btn-default.shadow-none(data-dismiss="modal")
                        =config["forms.change_password"].labels.cancel_button
div#setCredentialsFormModal.modal(aria-hidden="true")
div#contactModal.modal(aria-hidden="true")
    div.modal-dialog
        div.modal-content
            div.modal-header
                h2.modal-title
                    =config["contact"].labels.header
                button.close(data-dismiss="modal")(aria-hidden="true")
                                    ="×"
            div.modal-body
                =configModel.get("contactInfo")
            div.modal-footer
              div.okButton
                button#contactInfoOkBtn.btn.btn-primary.shadow-none(data-dismiss='modal')(aria-hidden='true')
                    =config["contact"].labels.ok_button