<% provide(:title, 'Sign in') %>
<div class="signin-overlay signin-page">

    <!-- ftue header -->
    <div class="content-head">
        <h1>sign in or register</h1>
    </div>

    <!-- inner wrapper -->
    <div class="ftue-inner">

        <!-- sign in left column -->
        <div class="ftue-left"><br />

            <span class="white already-member"><strong>Already a member?</strong></span>
            Enter your email address and password:

          <div>
            <%= form_for(:session, url: sessions_path) do |f| %>
                <input type="hidden" name="sso" value="<%= params[:sso] %>">
                <fieldset name="text-input" class="<%= 'login-error' if @login_error %>">

                    <div class="field email">
                        <%= f.label :email, "Email Address:" %>
                        <%= f.text_field :email,  :autofocus=>true %>
                    </div>

                    <div class="field password">
                        <%= f.label :password, "Password:" %>
                        <%= f.password_field :password %>
                    </div>

                  <br clear="all" />
                  <div class="login-error-msg">Invalid login</div>
                </fieldset>

                <br clear="all" />

                <fieldset name="signin-options">
                    <script type="text/javascript">
                      if(window.jamClient === undefined) {
		          document.write('<input name="user[remember_me]" type="hidden" value="0">');
                          document.write('<small><input type="checkbox" class="keep-logged-in" value="1" name="user[remember_me]" id="user_remember_me" checked> Keep me logged in</small>');
                      }
                    </script>
                 </fieldset>

                <fieldset name="actions">
                 <%= f.submit "SIGN IN", class: "button-orange m0" %>
                </fieldset>

                <br clear="all" />

                <div class="forgot-password"><a href="/request_reset_password">Forgot Password?</a></div>
            <% end %>
        </div>
      </div>
        <!-- end left column -->

        <!-- sign in right column -->
        <div class="ftue-right">

          <br>
          <br>
          <br>
          <br>
          <div align="center"><span class="white"><strong>Not a member?</strong></span> Join JamKazam for free:<br>
            <br>
            <a href="/signup" class="button-orange">REGISTER NOW</a>
          </div>
          <!-- end right column -->


        </div>
        <br clear="all">
          <!--
            <br>
            <br>
            <br>


            <span class="white"><strong>Have a Facebook account?</strong></span> Login or 
            register via Facebook:<br>
            <br>
            <a href="/auth/facebook">
                <%= image_tag "content/button_facebook.png", {:height => 34, :width => 245} %>
            </a><br>
            <br>
            We recommend using <span class="white"><strong>Connect with Facebook</strong></span> because it will make it easier to find and/or invite your musician friends using the JamKazam service.
           -->
        </div>
        <!-- end right column -->

    </div>
    <!-- end inner -->
<!-- end overlay content -->



