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.semibold.darkblue.lh16 HERE'S HOW:

        .tab-content.heit300
          #tutor.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: Tutor.model_name.human.downcase), class:'bx-regis1' do
                      span Search
                p.txt-data.align-justify Quickly find a Tutor who can help, in a few clicks.
                br/
              .col-md-4
                img src="/assets/lp002.png" style="width: 150px; display: block; margin: 0 auto;" /
                p.title.center
                  span Book
                p.txt-data.align-justify Once you find a Tutor that matches your needs, you can easily schedule an online or in-person 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:25pt; color: #263238;"
                p.title.center
                  span Pay
                p.txt-data.align-justify Once your session is complete and approved, a secure payment is made to your Tutor.

          #student.tab-pane.fade
            .row
              a.close.p10  data-toggle="tab" href="#tutor" role="tab"
                i.fa.fa-close
            .row
              .col-md-4
                img src="/assets/lp001.png" style="width: 150px; display: block; margin: 0 auto;" /
                p.title.center
                  = link_to signup_path(type: Student.model_name.human.downcase), class:'bx-regis1' do
                    span Register
                p.txt-data.align-justify You must be a register user on Syrch to access the full search results. Full searches provide you with more filtering options and deeper Tutor profile information. If you are not registered you will only see light results with limited search filter options.

              .col-md-4
                img src="/assets/lp002.png" style="width: 150px; display: block; margin: 0 auto;" /
                p.title.center
                  span Connect
                p.txt-data.align-justify With Tutors through our online booking process. We facilitate a knowledge-for-money transaction that satisfies both parties needs.

              .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:25pt; color: #263238;"
                p.title.center
                  span Get Paid
                p.txt-data After the work is complete, Tutors are paid directly through the platform, digitally and securely through a Balanced Payments server.
        .clearfix

.row
  .big-search-image-wrapper.no-padding
    .splash-pic
      h1
        | Find a course specific tutor from your University.
      .btn-howitworks
        = link_to '#howworkssection', data:{toggle: :collapse} do
          | HOW IT WORKS
      .clearfix
    .row
      = form_tag users_path, method: :get, turboboost: true, id: 'main-search-form' do
          .mainsearch
            .search-fields
              .col-xs-12.col-sm-9.plr4
                = text_field_tag Subject.model_name.human.downcase, params[Subject.model_name.human.downcase], placeholder: "What class are you struggling in? (search by subject, course, or tutors name)", id: 'term', class: 'textbox'
              .col-xs-12.col-sm-3.plr4
                = submit_tag "Find A Tutor", class: 'btn-search btn-block'
              .clearfix
          .clearfix