SophieDeBenedetto/purrfectmatch

 <div class="container">
        <div id="loginbox" style="margin-top:50px;" class="mainbox col-md-6 col-md-offset-3 col-sm-8 col-sm-offset-2">
            <div class="panel panel-info" >
                    <div class="panel-heading">
                        <div class="panel-title">Sign In</div>
                        <div style="float:right; font-size: 80%; position: relative; top:-10px"><a href="/users/password/new">Forgot password?</a></div>
                    </div>

                    <div style="padding-top:30px" class="panel-body" >

                        <div style="display:none" id="login-alert" class="alert alert-danger col-sm-12"></div>


                        <%= form_for(resource, as: resource_name, url: session_path(resource_name), class: "form-horizontal") do |f| %>

                            <div style="margin-bottom: 25px" class="input-group">
                                        <span class="input-group-addon"><i class="glyphicon glyphicon-user"></i></span>
                                        <input id="user_email" type="email" class="form-control" name="user[email]" value="" placeholder="email">
                                    </div>

                            <div style="margin-bottom: 25px" class="input-group">
                                        <span class="input-group-addon"><i class="glyphicon glyphicon-lock"></i></span>
                                       <!--  <input id="user_password" type="password" class="form-control" name="user[password]" placeholder="password"> -->
                                        <%= f.password_field :password, autocomplete: "off", class: "form-control" %>
                                    </div>


                            <div class="input-group">
                                      <div class="checkbox">
                                        <label>
                                          <% if devise_mapping.rememberable? %>
                                          <!-- <input id="user_remember_me" type="checkbox" name="user[remember_me]" value="1"> -->
                                          <%= f.check_box :remember_me %>
                                           Remember me
                                          <% end %>
                                        </label>
                                      </div>
                                    </div>


                                <div style="margin-top:10px" class="form-group">
                                    <!-- Button -->

                                    <div class="col-sm-12 controls action">
                                      <!-- <input type="submit" id="btn-login" class="btn btn-success" name="commit" value="Log in"> -->
                                      <%= f.submit "Log in", class:  "btn btn-success" %>
                                      <% end %>
                                    </div>
                                </div>


                                <div class="form-group">
                                    <div class="col-md-12 control">
                                        <div style="border-top: 1px solid888; padding-top:15px; font-size:85%" >
                                            Don't have an account!
                                        <a href="/users/sign_up" onClick="$('#loginbox').hide(); $('#signupbox').show()">
                                            Sign Up Here
                                        </a>
                                        </div>
                                    </div>
                                </div>
                            </form>



                        </div>
                    </div>
        </div>

</div>