.tradesmen-card id="#{tradesmen.ftc_id}"
  .actions.col-xs-12.pr5
    .pull-right
      span.inline-block.p5
        = link_to refresh_company_tradesmen_path(tradesmen.ftc_id), title: 'Refresh', remote: true do
          = fa_icon('refresh 2x')
      span.inline-block
        = link_to edit_company_tradesmen_path(tradesmen.ftc_id), data: {toggle: :emodal, size: 'xlg', title: 'Edit Tradesmen.'} do
          = image_tag('edit.png', class: 'img-responsive', width: '20')
      span.inline-block.pl10
        = link_to company_tradesmen_path(tradesmen.ftc_id), method: :delete, title: 'Delete', data: {confirm: 'Are you sure want to delete this tradesmen?'}, turboboost: true do
          = image_tag('close_red.png', class: 'img-responsive', width: '25')
    .pull-left
      - tradesmen.roles.each do |role|
        span.label.label-default.top-left = role.name&.titleize
  .col-xs-12.center
    = image_tag(tradesmen.picture_url, size: '60', class: 'img-circle')
    div.word-wrap
      = link_to company_tradesmen_path(tradesmen.ftc_id) do
        = [tradesmen.first_name, tradesmen.last_name].compact.join(' ')
  .col-xs-12.sub-panel
    div
      .row
        .col-sm-2
          i.fa.fa-envelope.grey
        .col-sm-10.word-wrap
          = tradesmen.email
    div
      .row
        .col-sm-2
          i.fa.fa-barcode.grey
        .col-sm-10.word-wrap
          = tradesmen.ftc_user_name
    div
      .row
        .col-sm-2
          i.fa.fa-phone-square.grey
        .col-sm-10.word-wrap
          = tradesmen.phone
    - if @company.is_janitorial_sp?
      div
        .row
          .col-sm-2
            i.fa.fa-tag.grey
          .col-sm-10.word-wrap
            = tradesmen.tag_number
        .row
          .col-sm-12
            | Paycom ID: 
            = tradesmen.paycom_id
  .col-xs-12.bottom-section-wrapper
    .center
      = link_to 'Message', '#', data: { target: '#messageModalpopUp', toggle: :modal}, class: 'btn btn-secondary'