#main-content
  .row.setting-user-details id="setting-user-#{@user.id}"
    .col-xs-12.col-sm-12
      h3.bold Settings
    .col-sm-11.col-xs-12.settings-container
      - unless @user.email.blank?
        .row.p5
          .col-xs-12.col-sm-6
            i.fa.fa-envelope.pr5
            | Email
          .col-xs-12.col-sm-6
            = @user.email
      - unless @user.phone.blank?
        .row.p5
          .col-xs-12.col-sm-6
            i.fa.fa-phone.pr5
            | Phone
          .col-xs-12.col-sm-6
            .editable-input data-toggle="tooltip" title="Edit"
              = link_to "#{@user.phone}", '#', id: :user_phone, data: {type: :text, resource: :user, name: :phone,  url: settings_path}, class: 'x-editable no-border'
      - unless @user.created_at.blank?
        .row.p5
          .col-xs-12.col-sm-6
            i.fa.fa-clock-o.pr7.ml-3
            | Joining Date
          .col-xs-12.col-sm-6
            = @user.created_at.to_date.day_month_date_year
      .row.p5
        .col-xs-12.col-sm-12
          = link_to edit_settings_path(partial: 'settings/popover/change_password'), class: 'edit-popover dullgrey', data: {placement: 'bottom', toggle: :tooltip, title: 'Change Password'} do
            i.fa.fa-key.pr5
            | Change Password
            i.fa.fa-pencil.ml5.edit-badge
      .row.p5
        .col-xs-12.col-sm-12
          = link_to edit_settings_path(partial: 'settings/popover/notification'), class: 'edit-popover dullgrey', data: {placement: 'bottom', toggle: :tooltip, title: 'Manage Notifications'} do
            i.fa.fa-bell.pr5
            | Manage Notifications
            i.fa.fa-pencil.ml5.edit-badge