.row
/   = render 'dashboard/show/cal_pay_feeds_tasks_tab', active_tab: {my_accounts: :active}

.row.setting-user-details id="setting-user-#{@user.id}"
  .col-xs-12.col-sm-12
    h3.bold My Account
  .col-sm-11.col-xs-12.settings-container
    - if @user.email?
      .row.p5
        .col-xs-12.col-sm-6
          i.fa.fa-envelope.pr5
          | Email:
        .col-xs-12.col-sm-6
          = @user.email
      - if @user.phone?
        .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'
      - if @user.created_at?
        .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-6
          = 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
.row
  .col-xs-11.settings-container.bank_account
    - if @user.bank_accounts.exists?
      .row
        .col-xs-12.col-sm-3
          = link_to edit_settings_path(partial: 'bank_accounts'), class: 'edit-popover dullgrey', data: {placement: 'bottom', toggle: :tooltip, title: 'Manage Bank Acounts'} do
            h3.bold.inline
              | Bank Account
              i.fa.fa-pencil.ml5.edit-badge
      .row.bank
        - @user.bank_accounts.each do |b|
          .col-sm-12.bank_number id="#{b.id}"
            = b.account_number
    - else
      h3.bold.inline
        | Bank Account
      br
      | Please add bank account from
      | 
      = link_to 'here', edit_settings_path(partial: 'bank_accounts'), class: 'edit-popover', data: {placement: 'bottom', toggle: :tooltip, title: 'Add Bank Acount'}

.row
  .col-xs-11.settings-container.credit_card
    - if @user.credit_cards.present?
      .row
        .col-xs-12
          = link_to edit_settings_path(partial: 'credit_cards'), class: 'edit-popover dullgrey', data: {placement: 'bottom', toggle: :tooltip, title: 'Manage Credit Cards'} do
            h3.bold.inline
              | Credit Card
              i.fa.fa-pencil.ml5.edit-badge
      .row.credit
        - @user.credit_cards.each do |c|
          .col-sm-12.credit_number id="#{c.id}"
            = c.number
    - else
      h3.bold.inline
        | Credit Card
      br
      | Please add credit card from
      | 
      = link_to 'here', edit_settings_path(partial: 'credit_cards'), class: 'edit-popover', data: {placement: 'bottom', toggle: :tooltip, title: 'Add Credit Card'}