div(ng-controller='ShellCtrl').main-shell
  md-sidenav.md-sidenav-left.md-whiteframe-z2(md-component-id='left')
    md-toolbar.md-tall.md-accent
      <% if(filters.auth) {%>
      .profile-container(layout='column', layout-padding='', ng-if='isLoggedIn()')
        div(flex='')
        div(layout-padding='', layout='column')
          .profile-name {{ getCurrentUser().name }}
          .profile-email {{ getCurrentUser().email }}
      <% } %>
    md-content(layout-padding='')
  md-toolbar
    .md-toolbar-tools
      md-button.md-icon-button(ng-click='toggleLeft()', aria-label='Settings')
        md-icon(md-svg-icon='navigation:menu')
      h2
        span
      span(flex='')
      md-menu
        md-button.md-icon-button(aria-label='Open phone interactions menu', ng-click='openMenu($mdOpenMenu, $event)')
          md-icon(md-menu-origin='', md-svg-icon='navigation:more_vert')
        md-menu-content(width='4')
          md-menu-item
            md-button(ng-click='showAddDialog($event)')
              md-icon(md-svg-icon='content:add', md-menu-align-target='')
              |               Add
          md-menu-item
            md-button(ng-click='redial($event)')
              md-icon(md-svg-icon='communication:dialpad', md-menu-align-target='')
              |               Redial
          md-menu-item
            md-button(disabled='disabled', ng-click='checkVoicemail()')
              md-icon(md-svg-icon='communication:voicemail')
              |               Check voicemail
          md-menu-item
            md-button(ng-click='toggleNotifications()')
              md-icon(md-svg-icon="social:notifications{{notificationsEnabled ? '_off' : ''}}")
              |               {{notificationsEnabled ? 'Disable' : 'Enable' }} notifications
          <% if(filters.auth) {%>
          md-menu-divider
          md-menu-item(ng-hide='isLoggedIn()')
            md-button
              md-icon(md-svg-icon='action:input')
                span(<% if (filters.uirouter) { %>ui-sref='login'<% } else { %>href='/login'<% } %>)
                |             Login
          md-menu-item(ng-hide='isLoggedIn()')
            md-button
              md-icon(md-svg-icon='action:launch')
                span(<% if (filters.uirouter) { %>ui-sref='signup'<% } else { %>href='/signup'<% } %>)
                |             Signup
          md-menu-item(ng-show='isLoggedIn()')
            md-button(ng-click='logout()')
              md-icon(md-svg-icon='action:exit_to_app')
              |              Logout
          <% } %>