{% extends 'signin.html.twig' %}
{% block content %}
{% do pimcore_head_link().appendStylesheet(asset('website/static/css/shop-homepage.css')) %}
{% if not loggedin %}
<div class="container">
<a href="/{{ locale }}"><img class="signin-logo" src="/Arabic_vertical_logo.png" width="80" alt="image description"></a>
<div class="item-container login-form-wrapper sign-in-wrapper">
<div class="row form-container">
<div class="form-info">
<h1>{{ pimcore_input("headline") }}</h1>
<h2><em>{{ pimcore_input("subline") }}</em></h2>
</div>
<h3>{{ 'Sign In'|trans }}</h3>
<p class="error-message-wrapper"><span class="error-message">{{ errormessage }}</span></p>
<form class="cart-form" action="/{{ locale }}/account/sign-in" method="post">
<input class="form-control" type="hidden" name="ns" value="{{ nextstep }}"/>
<input class="form-control" type="hidden" name="redirecturl" value="{{ app.request.headers.get('referer') }}"/>
<label><h4>Email</h4>
<input type="email" name="email" placeholder="Enter your email" required>
<img class="email-icon icon" src="/website/static/images/email-icon.svg" />
</label>
<label><h4>Password</h4>
<input type="password" name="password" placeholder="Enter your password" required>
<img class="lock-icon icon" src="/website/static/images/lock-icon.svg" />
</label>
<button type="submit" name="continue" class="btn" style="background-color:#91ce50;">Submit</button>
<div class="spacer"></div>
<a class="button-small" href="/{{ locale }}/account/forgot-password">Forgot password?</a>
</form>
<h3>Not registered yet?</h3>
<a class="btn" href="/{{ locale }}/account/register">Register here</a>
<div class="spacer"></div>
{# <a class="button-small" href="{{ "espirits.login.employeeloginurl"|trans }}">{{ pimcore_input('employeesigninbutton') }}</a> #}
</div>
</div>
</div>
{% endif %}
{% endblock %}