section#howworkssection.collapse
  = link_to '#howworkssection', data:{toggle: :collapse}, class:'bx-works tbclose' do
    i.fa.fa-close

  .container-fluid
    .row
      .col-xs-12.col-sm-12

        p.fs14.darkblue.lh17
          | The Fixxpert community is the fastest and easiest way to connect with knowlegable FMs on demand.
        .vspace15

        p.fs14.semibold.darkblue.lh16 HERE'S HOW:

        .tab-content.heit300
          #fixxpert.tab-pane.fade.in.active
            .row
              .col-md-4
                img src="/assets/lp001.png" style="width: 150px; display: block; margin: 0 auto;" /
                p.title.center
                  - if logged_in?
                    span Search
                  - else
                    = link_to signup_path(type: Fixxpert.model_name.human.downcase), class:'bx-regis1' do
                      span Search
                p.txt-data.align-justify Quickly find a Fixxpert who can help, in just a few clicks. Simply indicate the trade and the task you need help with.
              .col-md-4
                img src="/assets/lp002.png" style="width: 150px; display: block; margin: 0 auto;" /
                p.title.center
                  span Schedule
                p.txt-data.align-justify Once you find a Fixxpert that matches your needs, you can easily schedule a meeting.

              .col-md-4
                i.fa.fa-credit-card style="width: 150px; display: block; margin: 0 auto;height:129px; padding-top:50px; text-align:center; font-size:40pt; color: #203e7a;"
                p.title.center
                  span Settle
                p.txt-data.align-justify Once your project is complete and approved, a secure payment is made to your Fixxpert.
.row
  .col-xs-12.col-sm-12.big-search-image-wrapper.no-padding
    .splash-pic
      h1.mt30
        | Tap into the Fixxpert Community:
        br
        | Facilities Management expertise On Demand!
      p.pb20
        | Connect with knowlegable FMs for quick advice, short or long-term help.

      .btn-howitworks
        = link_to '#howworkssection', data:{toggle: :collapse} do
          | HOW IT WORKS
      .clearfix
.row
  = form_tag users_path, method: :get, turboboost: true, id: 'search-form' do
    .mainsearch
      .search-fields
        .col-xs-12.col-sm-9.plr4
          = text_field_tag Trade.model_name.human.downcase, params[Trade.model_name.human.downcase], placeholder: "Search for fixxperts by trade, or sub-trade or fixxpert's name", id: 'term', class: 'textbox'

        .col-xs-12.col-sm-3.plr4
          = submit_tag "Find A Fixxpert", class: 'btn-search btn-block'
        .clearfix
  .clearfix


.hide
      = form_tag users_path, method: :get, turboboost: true, id: 'main-search-form' do
        #bigsearch.mainsearch
          .search-fields
            = text_field_tag Trade.model_name.human.downcase, params[Trade.model_name.human.downcase], placeholder: "Search for fixxperts by trade, or sub-trade or fixxpert's name", id: 'term', class: 'textbox'
            button.main-btn-search
              i.fa.fa-search
          .clearfix