{% block body %}
<div class="main">
    <!-- Sing in  Form -->
    <section class="sign-in">
        <div class="container">
            <div class="signin-content">
                <div class="signin-image">
                    <figure><img src="{{ asset('images/signin-image.jpg') }}" alt="sing up image"></figure>
                    <a href="{{ path('user_register') }}" class="signup-image-link">Create an account</a>
                </div>

                <div class="signin-form">
                    <h2 class="form-title">Login</h2>
                    <form method="POST" action="{{ path('security_login') }}" class="register-form" name="authenticate">
                        <div class="form-group">
                            <label for="username"><i class="zmdi zmdi-account material-icons-name"></i></label>
                            <input type="text" name="_username" id="username" placeholder="Your Name"/>
                        </div>
                        <div class="form-group">
                            <label for="password"><i class="zmdi zmdi-lock"></i></label>
                            <input type="password" name="_password" id="password" placeholder="Password"/>
                        </div>
                        <input type="hidden" name="_csrf_token" value="{{ csrf_token('authenticate') }}"/>
                        {#<div class="form-group">#}
                            {#<input type="checkbox" name="remember-me" id="remember-me" class="agree-term" />#}
                            {#<label for="remember-me" class="label-agree-term"><span><span></span></span>Remember me</label>#}
                        {#</div>#}
                        <div class="form-group form-button">
                            <input type="submit" class="form-submit" value="Log in"/>
                        </div>
                    </form>
                </div>
            </div>
        </div>
    </section>

</div>
{% endblock %}