{% extends 'login.html.twig' %}

{% block body %}
    <div id="loader" style="display: none;"  ><img  src="bundles/app/img/loader.gif" style="margin: 28% auto 0;display: block;" /></div>
    <div class="login-box text-center" id="frmdiv">

        <h1 class="text-center">ERP</h1>

        <form action="{{ path('user_login') }}" id="loginfrm" method="post" class="text-center" autocomplete="off">
            <div class="form-group">
                <label>Enter your  username</label>
                <input type="text"  name="_username" value="{{ last_username }}" class="form-control"  placeholder="">
            </div>
            <div class="form-group">
                <label>Password</label>
                <input type="password" name="_password" class="form-control" id="exampleInputPassword1" placeholder="">
            </div>
            <div class="cust-btn">
                <input type="checkbox" class="cust-checkbox" id="keepSign">
                <label class="cust-checkboxLabel" for="keepSign" >Keep me login</label>
            </div>
            <input type="hidden" name="_csrf_token" value="{{ csrf_token('authenticate') }}" >
            <input class="btn btn-login" type="submit" value="Login">
        </form>

    </div>

    <script>
        $("#loginfrm").submit(function(e) {
            var self = this;
            e.preventDefault();
            $('#frmdiv').hide();
            $('#loader').show();
            self.submit();
        });
    </script>
{% endblock %}