{# <div class="heading_s2">
	<h2>{{ 'sylius.ui.registered_customers'|trans }}</h2>
	<p>{{ 'sylius.ui.if_you_have_an_account_sign_in_with_your_email_address'|trans }}.</p>
</div> #}
<div class="row justify-content-center">
	<div class="col-12">
		{{ form_start(form, {'action': path('sylius_shop_login_check'), 'attr': {'class': 'ui loadable form', 'novalidate': 'novalidate'}}) }}
		{% include '@SyliusShop/Login/_form.html.twig' %}

		{{ sylius_template_event('sylius.shop.login.form', {'form': form}) }}

		<div class="form-group mb-3">
			<button type="submit" class="btn btn-fill-out btn-block" {{ sylius_test_html_attribute('login-button') }}>
				{{ 'sylius.ui.login'|trans }}
			</button>
		</div>
		<div class="form-note text-center mb-4">{{ 'sylius.ui.new_customers'|trans }}
			<a href="{{ path('sylius_shop_register') }}">{{ 'sylius.ui.create_an_account'|trans }}</a>
		</div>
	</div>
</div>

<input type="hidden" name="_csrf_shop_security_token" value="{{ csrf_token('shop_authenticate') }}">
{{ form_end(form, {'render_rest': false}) }}
{# <a href="{{ path('sylius_shop_request_password_reset_token') }}" class="ui right floated button">{{ 'sylius.ui.forgot_password'|trans }}</a> #}
{# 
<div class="login_register_wrap section">
	<div class="container">
		<div class="row justify-content-center">
			<div class="col-xl-6 col-md-10">
				<div class="login_wrap">
					<div class="padding_eight_all bg-white">
						<div class="heading_s1">
							<h3>Login</h3>
						</div>
						<form method="post">
							<div class="form-group mb-3">
								<input type="text" required="" class="form-control" name="email" placeholder="Your Email">
							</div>
							<div class="form-group mb-3">
								<input class="form-control" required="" type="password" name="password" placeholder="Password">
							</div>
							<div class="login_footer form-group mb-3">
								<div class="chek-form">
									<div class="custome-checkbox">
										<input class="form-check-input" type="checkbox" name="checkbox" id="exampleCheckbox1" value="">
										<label class="form-check-label" for="exampleCheckbox1">
											<span>Remember me</span>
										</label>
									</div>
								</div>
								<a href="#">Forgot password?</a>
							</div>
							<div class="form-group mb-3">
								<button type="submit" class="btn btn-fill-out btn-block" name="login">Log in</button>
							</div>
						</form>
						<div class="different_login">
							<span>
								or</span>
						</div>
						<ul class="btn-login list_none text-center">
							<li>
								<a href="#" class="btn btn-facebook">
									<i class="ion-social-facebook"></i>Facebook</a>
							</li>
							<li>
								<a href="#" class="btn btn-google">
									<i class="ion-social-googleplus"></i>Google</a>
							</li>
						</ul>
						<div class="form-note text-center">Don't Have an Account?
							<a href="signup.html">Sign up now</a>
						</div>
					</div>
				</div>
			</div>
		</div>
	</div>
</div> #}