extends ./_layout.pug

block adminContent
  .hero
    h1.title#title= t('nav.myprofile')
    h2.subtitle= t('admin:profile.subtitle')
  .form-sections
    .columns.is-gapless
      .column.is-two-thirds
        admin-profile(inline-template, email=user.email, name=user.name, provider=user.provider)
          div
            section
              label.label= t('admin:profile.email')
              p.control.is-fullwidth
                input.input(type='text', placeholder=t('admin:profile.email'), value=user.email, disabled)
            if user.provider === 'local'
              section
                label.label= t('admin:profile.password')
                p.control.is-fullwidth
                  input.input(type='password', placeholder=t('admin:profile.password'), value='********', v-model='password')
              section
                label.label= t('admin:profile.passwordverify')
                p.control.is-fullwidth
                  input.input(type='password', placeholder=t('admin:profile.password'), value='********', v-model='passwordVerify')
            section
              label.label= t('admin:profile.displayname')
              p.control.is-fullwidth
                input.input(type='text', placeholder=t('admin:profile.displaynameexample'), v-model='name')
            section
              label.label #{t('admin:profile.tfa')}: #[strong.is-red(v-cloak) {{ tfaStatus }}] 
              button.button.is-blue(@click='$store.dispatch("modalProfile2fa/open")', :disabled='tfaIsActive')
                i.icon-circle-plus
                span= t('admin:profile.tfaenable')
              button.button.is-blue(@click='saveUser', :disabled='!tfaIsActive')
                i.icon-circle-minus
                span= t('admin:profile.tfadisable')
            section
              button.button.is-green(@click='saveUser')
                i.icon-check
                span= t('admin:profile.savechanges')
      .column
        .panel-aside
          label.label= t('admin:profile.provider')
          p.control.account-profile-provider
            case user.provider
              when 'local': i.icon-server
              when 'windowslive': i.icon-windows2.is-blue
              when 'azure': i.icon-windows2.is-blue
              when 'google': i.icon-google.is-blue
              when 'facebook': i.icon-facebook.is-indigo
              when 'github': i.icon-github.is-grey
              when 'slack': i.icon-slack.is-purple
              when 'ldap': i.icon-arrow-repeat-outline
              default: i.icon-warning
            = t('auth:providers.' + user.provider)
          label.label= t('admin:profile.membersince')
          p.control= moment(user.createdAt).format('LL')
          label.label= t('admin:profile.lastprofileupdate')
          p.control= moment(user.updatedAt).format('LL')

  modal-profile-2fa