.container-fluid
  /! CollapsePanel
  #collapsePan.row.collapse.collapsebel-panel.white style='padding-top:0px;'
    .container-fluid
      .row
        .col-md-4.border-right
          h3 Invite
          .invite-single-team_member
            = render 'form', company_user: CompanyUser.new
        .col-md-4.invite-form.grey
          h3 Bulk Upload
          h4
            | To upload multiple users at once just download 
            | the spreadsheet form this page. Once you' re 
            | doing filling it out you can upload it and it will 
            | invite the neccessary users.
          .text-center.margintop20
            a.btn.btn-bordered.margintop20 href="/files/teammembers_template.xlsx"
              | Download Sample Excel Template
        .col-md-4
          h3
          = simple_form_for :team_member, url: read_excel_company_company_users_path, remote: true, turboboost: true do
            .upload-excel-holder
              label.upload-excel
                .text-center
                  = image_tag 'upload-excel.png', width:'54', height:'40'
                .upload-small-text.text-center Drag an excel file here or browse for an excel to upload
                = hidden_field_tag :type, 'team_members'
                = file_field_tag :file, required: true, onchange: '$(this).closest("form").submit()'
            .margintop10.text-center
              = submit_tag 'Submit', class: 'btn btn-filled'
  /! CollapsePanel End
.text-center.collapse-btn-holder
  hr/
  .collapse-btn
    a aria-controls='collapseExample' aria-expanded='false' data-toggle='collapse' href='#collapsePan' role='button'
      i.fa.fa-sort-asc aria-hidden='true'
      i.fa.fa-sort-desc aria-hidden='true'
/! Work Order Grid Start
.container-fluid.margintop10.team_members_panel
  .clearfix
  /! Resently updated End
  .panel.panel-grid.panel-default
    .panel-body
      .row
        .col-md-6.grid-header
          h4.margintop10 Team Members
        .col-md-6.grid-header.text-right
          = link_to 'Create New Team Member', invite_company_company_users_path, class: "btn btn-primary", data: {toggle: :emodal, title: 'Invite your team members.', size: 'lg'}
          = link_to 'View All', company_company_users_path(list_view: true), class: 'btn btn-primary ml10'
  .row
    .col-sm-12
      .team-member-list-cards
        = render partial: 'company_user', collection: @registered_company_users, as: :company_user
.container-fluid.margintop10
  .clearfix
  .panel.panel-grid.panel-default
    .panel-body
      .row
        .col-md-6.grid-header
          h4.margintop10 Invited and Requesting
        .col-md-6.grid-header.text-right
          a.btn.btn-primary href='javascript:void(0);'  Pending Invite
          span.pl10.hide
            a.btn.btn-primary href='javascript:void(0);'  Requesting Invite
  .row
    .col-sm-12
      .team-member-list-cards
        = render partial: 'company_user', collection: @unregistered_company_users, as: :company_user