.container-fluid
  .row
    .container-fluid.white
      #collapsePan.row.collapse.collapsebel-panel style="padding-top:0px;"
        .container
          .row
            .col-md-4.invite-form.border-right.grey
              h3 Create Subcontractors
              h4
                | To create subcontractor you are required to fill a simple three step wizard. It will garther basic information about the oranization so you can administrat it and edit it when necessary.
              .text-center.margintop20
                = link_to 'Create Subcontractor', new_company_subcontractor_path, class: 'btn btn-filled margintop20'
            .col-md-4.border-right.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="#"
                  | Download Sample Excel Template
            .col-md-4.mt10
              .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
                  input type='file'
              .margintop10.text-center
                input.btn.btn-filled type='submit' value='Submit'
      /! 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'

    .container-fluid
      .marginbot10.mt45
        .panel.panel-grid.panel-default.p10
          .panel-body
            h4.pull-left.pl8.text-upper-grey Subcontractors
            = link_to new_company_subcontractor_path, class: 'btn btn-primary pull-right' do
              i.fa.fa-plus aria-hidden="true"
              span.pl5
                | Create Subcontractor
    .col-sm-12.margintop10
      .clearfix
      .panel.panel-grid.panel-default
        .panel-body.grey
          .row
            .col-md-6.grid-header
              h4.margintop10
            .col-md-6.grid-header.text-right
              a.btn.btn-primary href="javascript:void(0);"  View All
          table.table.table-expandable.work-order-grid cellpadding="0" cellspacing="0"
            tr
              th width="5%"
              th Subcontractor
              th Join Date
              th.text-center Action
            - @subcontractors.each do |contractor|
              tr
                td
                  span
                    input#checkbox-2.checkbox-custom name="checkbox-1" type="checkbox"
                    label.checkbox-custom-label for="checkbox-2"
                td
                  span
                    = image_tag(contractor.picture.url, size: '35', class: 'img-circle')
                  span.pl20
                    = contractor.organization_name.try(:titleize)
                td
                  = contractor.created_at.strftime('%m/%d/%Y')
                td.text-center
                  = link_to edit_company_subcontractor_path(contractor), data: { toggle: 'tooltip', title: 'Edit' } do
                    = fa_icon 'pencil'
                  span.ml10
                    = link_to company_subcontractor_path(contractor), data: { toggle: 'tooltip', title: 'View' }, remote: true do
                      = fa_icon 'eye'
              tr.hidden class="subcontractor-info-wrapper subcontractor-#{contractor.id}"
            tfoot
              tr.text-right
                td colspan=4
                  = paginate @subcontractors