engagementgamelab/CivicSeed

.row.user-header
  .col-sm-8.col-sm-offset-2.profile-box.text-center
    h1.name= firstName + ' ' + lastName
    h4.tagline= profile.tagline

    //- Profile image logic
    if thisBelongsToCurrentUser
      - var editable = 'editable'
    if profile.mugshotURL
      - var mugshotURL = profile.mugshotURL
    else
      - var mugshotURL = CivicSeed.CLOUD_PATH + '/img/profile/placeholder.png'

    .profile-image(class=editable, style='background-image:url(#{mugshotURL});', title='profile image')
      if thisBelongsToCurrentUser
        .uploader.no-print
          i.upload-icon.fa.fa-camera
          p change image
          input#mugshot-uploader(type='file', name='pic', accept='image/*')

    .profile-address
      p.address-line-1= profile.address1
      p.address-line-2= profile.address2
      p.city-state-zip
        | #{profile.city}
        if profile.state
          | , #{profile.state}
        if profile.zip
          |  #{profile.zip}
      p.phone= profile.phone
      p.email= profile.email

  if thisBelongsToCurrentUser
    .col-xs-12.col-sm-2.profile-toggle.no-print(data-public=profilePublic)
      .public-lock
        .profile-public(style=profilePublic ? 'display: block;' : 'display: none;')
          .profile-toggle-icon
            i.fa.fa-unlock-alt.fa.fa-4x(title='make profile public', data-placement='top')
          .profile-toggle-text
            | your profile is public
        .profile-private(style=!profilePublic ? 'display: block;' : 'display: none;')
          .profile-toggle-icon
            i.fa.fa-lock.fa.fa-4x(title='make profile private', data-placement='top')
          .profile-toggle-text
            | your profile is private