.page-header
  h3 Profile Information

form.form-horizontal(action='/account/profile', method='POST')
  input(type='hidden', name='_csrf', value=_csrf)
  .form-group
    label.col-sm-2.control-label(for='email') Email
    .col-sm-4
      input.form-control(type='email', name='email', id='email', value='#{user.email}')
  .form-group
    label.col-sm-2.control-label(for='name') Name
    .col-sm-4
      input.form-control(type='text', name='name', id='name', value='#{user.profileName}')
  .form-group
    label.col-sm-2.control-label(for='gender') Gender
    .col-sm-4
      label.radio
        input(type='radio', checked=user.profileGender=='male', name='gender', value='male', data-toggle='radio')
        span Male
      label.radio
        input(type='radio', checked=user.profileGender=='female', name='gender', value='female', data-toggle='radio')
        span Female
  .form-group
    label.col-sm-2.control-label(for='location') Location
    .col-sm-4
      input.form-control(type='text', name='location', id='location', value='#{user.profileLocation}')
  .form-group
    label.col-sm-2.control-label(for='website') Website
    .col-sm-4
      input.form-control(type='text', name='website', id='website', value='#{user.profileWebsite}')
  .form-group
    label.col-sm-2.control-label(for='gravatar') Gravatar
    .col-sm-4
      img(src="#{gravatar(user)}", class='profile', width='100', height='100')
  .form-group
    .col-sm-offset-2.col-sm-4
      button.btn.btn.btn-primary(type='submit')
        span.ion-edit
        | Update Profile

.page-header
  h3 Change Password

form.form-horizontal(action='/account/password', method='POST')
  input(type='hidden', name='_csrf', value=_csrf)
  .form-group
    label.col-sm-2.control-label(for='password') New Password
    .col-sm-4
      input.form-control(type='password', name='password', id='password')
  .form-group
    label.col-sm-2.control-label(for='confirmPassword') Confirm Password
    .col-sm-4
      input.form-control(type='password', name='confirmPassword', id='confirmPassword')
  .form-group
    .col-sm-offset-2.col-sm-4
      button.btn.btn.btn-primary(type='submit')
        span.ion-locked
        | Change Password

.page-header
  h3 Delete Account

p.col-sm-offset-2 You can delete your account, but keep in mind this action is irreversible.
form(action='/account/delete', method='POST')
  input(type='hidden', name='_csrf', value=_csrf)
  button.btn.btn-danger.col-sm-offset-2(type='submit')
    span.ion-trash-b
    | Delete my account

.page-header
  h3 Linked Accounts

if user.instagram
  p.col-sm-offset-2: a.text-danger(href='/account/unlink/instagram') Unlink your Instagram account
else
  p.col-sm-offset-2: a(href='/auth/instagram') Link your Instagram account

if user.google
  p.col-sm-offset-2: a.text-danger(href='/account/unlink/google') Unlink your Google account
else
  p.col-sm-offset-2: a(href='/auth/google') Link your Google account

if user.facebook
  p.col-sm-offset-2: a.text-danger(href='/account/unlink/facebook') Unlink your Facebook account
else
  p.col-sm-offset-2: a(href='/auth/facebook') Link your Facebook account

if user.twitter
  p.col-sm-offset-2: a.text-danger(href='/account/unlink/twitter') Unlink your Twitter account
else
  p.col-sm-offset-2: a(href='/auth/twitter') Link your Twitter account

if user.github
  p.col-sm-offset-2: a.text-danger(href='/account/unlink/github') Unlink your GitHub account
else
  p.col-sm-offset-2: a(href='/auth/github') Link your GitHub account

if user.linkedin
  p.col-sm-offset-2: a.text-danger(href='/account/unlink/linkedin') Unlink your LinkedIn account
else
  p.col-sm-offset-2: a(href='/auth/linkedin') Link your LinkedIn account