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

{% block body %}

    <div class="line_text_brandsq">
        <div class="display_ok2"><i style="color:red;" class="fa fa-phone-square" aria-hidden="true"></i>&nbsp; +1
            905-282-9699 &nbsp;&nbsp;
        </div>
        <div class="display_ok"><i style="color:red;" class="fa fa-map-marker" aria-hidden="true"></i>&nbsp; 5935 Ambler
            Drive Mississauga, ON, L4W 2K2, Canada &nbsp;&nbsp;
        </div>
        <div class="display_ok1"><i style="color:red;" class="fa fa-envelope-o" aria-hidden="true"></i>&nbsp;
            <a href="mailto:barteximport@gmail.com">barteximport@gmail.com</a>
        </div>
    </div>
    <!-- lOGIN PANEL -->
    <div class="background_form">
        <div style="margin-top:135px;">&nbsp;</div>
        <div class="login_background">
            <div class="logo_form"><img src="{{ asset('build/images/logo.png') }}"></div>
            <form method="post">
                {% if error %}
                    <div class="alert alert-danger">{{ error.messageKey|trans(error.messageData, 'security') }}</div>
                {% endif %}

                {% if app.user %}
                    <div class="mb-3">
                        <div class="text-success">You are logged in as {{ app.user.username }}, <a href="{{ path('app_logout') }}">Logout</a></div>
                    </div>
                {% endif %}

                <input type="email" class="login_input" style="background-color: none;" value="{{ last_username }}"
                       name="email" id="inputEmail" placeholder="login" class="form-control" required autofocus>
                </br>
                <input type="password" name="password" id="inputPassword" placeholder="Password" class="login_input1"
                       required>
                </br>
                <input type="hidden" name="_csrf_token" value="{{ csrf_token('authenticate') }}"/>
                <button type="submit" class="login_submit"><i class='fa fa-sign-out' id="rt" aria-hidden='true'></i>
                    &nbsp;&nbsp; <span class="log_in">Log in </span>
                </button>
            </form>
        </div>
        <div style="margin-top:135px;">&nbsp;</div>
    </div>

{% endblock %}