.tab-pane.fade.in.nested-fields.contacts id="contact-_#{f.index}_" class="#{'active' if local_assigns[:active]}"
  - if f.index == 'new_contacts'
    .hidden.contact-link
      = render 'company/contacts/tab_link', contact: f.object, index: :new_contacts
  .row
    .col-sm-1
      = link_to_remove_association f do
        i.fa.fa-times.fs20.grey.mt10.ml10 aria-hidden="true"
  .row
    .col-md-6.text-center
      .image-wrapper
        = f.simple_fields_for :image, f.object.image || f.object.build_image do |p|
          = p.label :image, class: 'fs18' do
            .client-wizard.image-container.center.upload-pic.grey
              - if p.object.image?
                = image_tag p.object.image.url(:medium), title: 'Update profile picture', class: 'img-responsive img-circle', size: '200'
              - else
                .upload-logo-text PROFILE PICTURE
                .upload-small-text IF UNAVAILABLE, INITIALS WILL BE DISPLAYED
                .fa.fa-upload
          = p.input :image, as: :file, label: false, input_html: { class: 'hidden image-upload' }
    .col-md-6.form-editabel
      .form-group
        .row
          .col-sm-6
            = f.input :first_name, class: "form-control", label: false, placeholder: "First Name", input_html: {class: 'fname'}
          .col-sm-6
            = f.input :last_name, class: "form-control", label: false, placeholder: "Last Name", input_html: {class: 'lname'}
      .form-group
        .icon-addon.addon-sm
          = f.input :title, class: "form-control", label: false, placeholder: "Title"
          label.fa.fa-id-badge for="title" rel="tooltip" title="title"
      .form-group
        .icon-addon.addon-sm
          = f.input :email, class: "form-control", label: false, placeholder: "Email Address"
          label.fa.fa-envelope-o for="email" rel="tooltip" title="email"
      .form-group
        .icon-addon.addon-sm
          = f.input :phone, class: "form-control", label: false, placeholder: "Phone", input_html: { class: 'us_phone_number w50 fleft' }
          label.fa.fa-phone for="email" rel="tooltip" title="email"
          = f.input :extension, class: "form-control", label: false, placeholder: "Extension", input_html: {class: 'w50'}
      .form-group
        .icon-addon.addon-sm
          = f.input :mobile, class: "form-control", label: false, placeholder: "Mobile"
          label.fa.fa-mobile for="email" rel="tooltip" title="email"
      .checkbox
        label
          - if f.object.resource.class.name == 'Location'
            | This contact is billable
          - else
            | Use this contact as billing person
            |  
          = f.check_box :is_billing_person