#syrch-home.temp-home.pg2
  section#splash-pic.splash-pic.m0
    header.row
      nav.navbar.ht40 role="navigation"
        .col-xs-12.col-sm-12.col-md-12.no-padding
          .col-xs-12.col-sm-12.col-md-6.no-padding.mt10
            a.txt-logo-home.col-xs-12 href=root_url
              = image_tag("logo-syrch-new-s.png", width: "115", alt: "SYRCH")
              span Beta
          .col-xs-12.col-sm-12.col-md-4.fb-linkedIn-top.hide
            .pull-right
              label.login-with
                | Login with
              .pull-left
                - if params[:invitation_token].blank?
                    = link_to '', auth_at_provider_path(provider: :linkedin), class: :'circle-in pull-left mr5'
                    = link_to '',auth_at_provider_path(:provider => :facebook), class: :'circle-fb pull-left'
                - else
                    = link_to '',auth_at_provider_path(provider: :linkedin, invitation_token: params[:invitation_token]), class: :'circle-in pull-left mr5'
                    = link_to '',auth_at_provider_path(provider: :facebook, invitation_token: params[:invitation_token]), class: :'circle-fb pull-left'
          .col-xs-12.col-sm-12.col-md-6.mt10.text-right
            = link_to login_path, class:"btn bg-green", data:{ toggle: :modal, target: '#remote-modal' }
              | LOGIN

    .p1000-center.col-xs-12.fs31
      h1 Welcome to the New Community
    .clearfix

    .vspace20.hidden-xs

    .row
      .col-xs-12.col-sm-12.col-md-12.col-lg-12
        .youtube-wrapper
          .embed-responsive.embed-responsive-16by9
            .embed-responsive-item
              <video controls="true">
                <source src="/assets/walkthrough.mp4" type="video/mp4">
                Your browser does not support the video.
              </video>


    .row
      .col-xs-12.col-md-4.col-lg-4.hidden-sm.hidden-xs.absolute
        h2.col-xs-12.soundsGood Sound good?
        h3.col-xs-12.joinCommunity Join the online community today!
        span.col-xs-12.fs10.txt-white.block
          | (We don’t waste your time registeration takes under a minute.)
      .col-xs-12.col-sm-12.col-md-12.col-lg-12.signup-wrapper
        #signup-form
          - if params[:invitation_token].blank?
            .col-xs-12.col-sm-12.col-md-12.col-lg-12.mb10
              = link_to auth_at_provider_path(:provider => :linkedin), class: 'btn btn-large btn-linkedin' do
                | Sign up with Linked In
            .col-xs-12.col-sm-12.col-md-12.col-lg-12.mb10
              = link_to auth_at_provider_path(:provider => :facebook), class: :'btn btn-large btn-facebook' do
                | Sign up with Facebook
          - else
            .col-xs-12.col-sm-12.col-md-12.col-lg-12.mb10
              = link_to auth_at_provider_path(:provider => :linkedin, invitation_token: params[:invitation_token]), class: 'btn btn-large btn-linkedin' do
                | Sign up with Linked In
            .col-xs-12.col-sm-12.col-md-12.col-lg-12.mb10
              = link_to auth_at_provider_path(:provider => :facebook, invitation_token: params[:invitation_token]), class: :'btn btn-large btn-facebook' do
                | Sign up with Facebook
          .col-xs-12.col-sm-12.col-md-12.col-lg-12.mb10.pl60
            = link_to select_user_type_path, class:"emailAddress green", data:{ toggle: :modal, target: '#signup-form-modal' } do
              | or sign up with your .edu email
    .row
      .col-sm-12
        h4.pull-right
    .row.hp-ftr.hidden-xs
      .col-sm-6.col-xs-6

      .col-sm-6.col-xs-6
        .social
          a href="http://instagram.com/SYRCH_co" target="_blank"
            i.fa.fa-instagram.ftr-social
          a href="https://twitter.com/SYRCH_co" target="_blank"
            i.fa.fa-twitter-square.ftr-social
          a href="https://www.facebook.com/pages/SYRCH/1559696724251146" target="_blank"
            i.fa.fa-facebook-square.ftr-social

#signup-form-modal.modal.fade aria-hidden="true" aria-labelledby="signupmodal" role="dialog" tabindex="-1"
  .modal-dialog
    .modal-content
      .modal-header
        button.close aria-label="Close" data-dismiss="modal" type="button"
          span aria-hidden="true"  &times;
        h4.modal-title Sign up
      .modal-body.row
- if @invite.present?
  - content_for :content_for_remote_modal do
    = render template: 'users/new'
  - content_for :include_js do
    javascript:
      $(document).one('ready', function(){
        $('#remote-modal').modal('show')
      })