script#caiNavigation(type='text/ng-template')
    header(class="navbar navbar-fixed-top cai-nav", id="navigation")
        div(class="container-fluid")
            div(class="app-logo pull-left")
                img(src="#{config.appBase}/web/img/logo.png")
                p(class="brand") #{title}
            ul(class="nav pull-right")
                li(class="dropdown")
                    a(class="btn drop-menu-toggle def-btn cai-dropdown dropdown-toggle", type="button")
                        i(class="fa fa-bars")
                    ul(class="dropdown-menu drop-menu")
                        li
                            ng-include(src="'locationadmin_menuTemplate'")
                        li(class="divider")
                        li
                            ng-include(src="'vendoradmin_menuTemplate'")
                        li(class="divider")
                        li
                            ng-include(src="'appAdmin_menuTemplate'")
                        li(class="divider")
                        li
                            a(class="about-btn pointer", data-ng-click="aboutModal = true", active-link="active")
                                // i(class="icon-info-sign icon-small cai-icon")
                                span #{__('About')}
                        li(class="divider")
                        li
                            a(class="signout-btn pointer", href="#", data-ng-click="onLogoutClick($event)")
                                form(class='pulldownform', method="post", action="{{logoutUrl}}", name="logoutForm")
                                    // i(class="icon-user icon-small cai-icon")
                                    span #{__('Sign out')}

    div(id="aboutModal", data-ng-show="aboutModal")
        div(class="modal")
            h1(class="modal-header") #{__("About")}
            div(class="modal-body")
                ul(style="list-style:none;padding:0;margin:0")
                    li
                        span Command Alkon supplyCONNECT
                    li(id="lblAppVersion") #{__("Product Version")}:
                        span(id="txtAppVersion")  {{meta.build.app.version}}
                    li(id="lblAppDate") #{__("Product Build Date")}:
                        span(id="txtAppDate")  {{meta.build.app.date | date: 'longDate'}}
                    hr(class="cai-background-color-primary")
                    li(id="lblCoreVersion") #{__("Core Library Version")}:  #{__("All rights reserved.")}
                        span(id="txtCoreVersion")  {{meta.build.core.version}}
                    li(id="lblAppDate") #{__("Core Library Build Date")}:
                        span(id="txtAppDate")  {{meta.build.core.date | date: 'longDate'}}
                    br
                    br
                    li #{__("Copyright Information")}  : © 2000 – 2015.  #{__("All rights reserved.")}
            div(class="modal-footer", style="text-align: center;")
                button(class="btn btn-primary", data-ng-click="aboutModal = false") #{__("Close")}
        div(class="modal-backdrop", ng-click="aboutModal = false")