WordPress

{% extends "security.html.twig" %}

{% block body %}
    <div class="login_screens">
        <div class="login_banner" style="background-image: url('{{asset('images/sura_login_bg.jpg')}}')"></div>
        <div class="login_form">
            <div class="display-table">
                <div class="vertical-align">
                    <div class="wrap">
                        <div class="inner_box">
                            <div class="form_excerpt">
                                <h4>Login</h4>
                                <p>Exciting stuff awaits you! Please fill your username and password to sign in into your account.</p>
                            </div>

                            <form action="{{ path("fos_user_security_check") }}" autocomplete="off" method="post">

                                {% if error %}
                                    <div class="notification error">
                                        {{ error.messageKey|trans(error.messageData, 'security')}}
                                    </div>
                                {% endif %}
                                {% if csrf_token %}
                                    <input type="hidden" name="_csrf_token" value="{{ csrf_token }}" />
                                {% endif %}

                                <div class="form_group">
                                    <label class="placeholder" for="username">Username or Email address</label>
                                    <input type="text" class="form-control" id="username" name="_username" value="{{ last_username }}" required="required" autocomplete="off" />
                                </div>

                                <div class="form_group">
                                    <label class="placeholder" for="password">Password</label>

                                    <input class="form-control" type="password" id="password" name="_password" required="required" autocomplete="off" />
                                </div>

                                <div class="form_group">
                                    <input type="submit" value="Login">
                                </div>

                                <div class="full-width forgot_pass">
                                    <div class="right_form">
                                        Forgot Password? <a href="{{ path('fos_user_resetting_request') }}">Reset</a>
                                    </div>
                                </div>

                                <div class="options_divider">
                                    <span>OR</span>
                                </div>

                                <div class="form_group">
                                    <a href="{{ path('connect_google_start') }}" class="google_login">
                                        <img src="{{asset('images/google_icon.svg')}}" alt="">
                                        <span>Login with Google</span>
                                    </a>
                                </div>

                                <div class="form_group">
                                    <a href="{{ path('connect_facebook_start') }}" class="facebook_login">
                                        <img src="{{asset('images/facebook_login.svg')}}" alt="">
                                        <span>Login with Facebook</span>
                                    </a>
                                </div>

                                <div class="forgot_pass">
                                    Don’t have an account ? <a href="{{ path('fos_user_registration_register') }}">Register</a>
                                </div>


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

{% endblock body %}
{% block superjs %}
    <script src="{{ asset('js/login.js') }}" type="text/javascript"></script>
{% endblock superjs %}