{% extends "FOSUserBundle::layout.html.twig" %}

{% trans_default_domain 'FOSUserBundle' %}

{% block header_block %}


{% endblock %}
{% block fos_user_content %}
{% if error %}
    <div>{{ error|trans }}</div>
{% endif %}
<style>
.login_form_holder input[type="submit"], .login_form_holder input[type="text"], .login_form_holder input[type="password"]{
box-sizing:border-box;
-moz-box-sizing:border-box; /* Firefox */
width:100%;
display:block;
margin:10px;
padding:10px;
border-radius:4px;
border:1px solid #ddd;
}
.login_form_holder input[type="text"]:focus, .login_form_holder input[type="password"]:focus{
border: 1px solid #c5232a;
outline: none;
box-shadow: inset 0 1px 3px rgba(0, 0, 0, .05), 0 0 8px rgba(197,35,42,0.6);
background: #FFFFFF;
}
.login_form_holder input[type="submit"]{
background:#333;
color:white;
cursor:pointer;
width:100px;
float:right;
margin-top:0;
margin-right:0;
margin-left:100px;
}
.remember_me_holder{
font-size:11px;
float:right;
width:100px;
}
.login_form_holder label{
color:#666;
display:inline-block;
float:right;
}
.login_form_holder {
width:500px;
margin:0 auto;
}
#header{
display:none;
}
</style>
<div class="login_form_holder">
<div style="text-align:center; width:200px; margin:50px auto; ">
<img src="/bundles/frontend/images/scoremore_logo.png" style="width:100%" />
</div>
<form action="{{ path("fos_user_security_check") }}" method="post">
    <input type="hidden" name="_csrf_token" value="{{ csrf_token }}" />

   
    <input type="text" id="username" name="_username" value="{{ last_username }}" required="required" placeholder="Username"/>

 
    <input type="password" id="password" name="_password" required="required" placeholder="Password" />

  

    <input type="submit" id="_submit" name="_submit" value="Login" />
 <div class="remember_me_holder">
     <input type="checkbox" id="remember_me" name="_remember_me" value="on" />
    <label for="remember_me">Remember Me</label>
  </div>
</form>
</div>
{% endblock fos_user_content %}