<!doctype html>
<html lang="en">
<head>
<!-- Required meta tags -->
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>Login Form</title>
<!-- Google Fonts -->
<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.3.1/css/all.css" integrity="sha384-mzrmE5qonljUremFsqc01SB46JvROS7bZs3IO2EmfFsd15uHvIt+Y8vEf7N7fWAU" crossorigin="anonymous">
<link href="https://fonts.googleapis.com/css?family=Open+Sans:300,400,400i,600,700|Raleway:300,400,400i,500,500i,700,800,900" rel="stylesheet">
<!-- Bootstrap CSS -->
<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.4.1/css/bootstrap.min.css">
<link rel="stylesheet" href="css/login/login.css">
<script src="css/login/verification.js"></script>
</head>
<body>
<main class="d-flex align-items-center min-vh-100 py-3 py-md-0">
<div class="container" style ="padding-top: 50px;padding-bottom:50px">
<div class="card login-card" >
<div class="row no-gutters">
<div class="col-md-7">
<div class="card-body">
<h3>LOGIN TO HATLONE</h3>
{{ form_start(registrationForm) }}
<fieldset class="mb-3">
<legend style = 'font-size:14px'>Mon identité</legend>
{{ form_row(registrationForm.lastname) }}
{{ form_row(registrationForm.firstname) }}
{{ form_row(registrationForm.email) }}
</fieldset>
<fieldset class="mb-3">
<legend style = 'font-size:14px'>Mes coordonnées</legend>
{{ form_row(registrationForm.address) }}
{{ form_row(registrationForm.zipcode) }}
{{ form_row(registrationForm.city) }}
</fieldset>
{{ form_row(registrationForm.plainPassword, {
label: false
}) }}
<div class="policies-password">
<div class="chech-wrap1 mr-3 text-left">
<div id="check0">
<span>• 8 Character minimum</span>
</div>
<div id="check1">
<span>• 1 Uppercase character</span>
</div>
</div>
<div class="chech-wrap1 text-left">
<div id="check2">
<span>• 1 Number</span>
</div>
<div id="check3">
<span>• 1 Lowercase character</span>
</div>
</div>
</div>
<div style="padding-top:30px ; text-align:left" >
{{ form_row(registrationForm.RGPDConsent) }}
</div>
<button type="submit" class="btn btn-primary btn-lg my-3">M'inscrire</button>
<div class="signup-wrap">
<p class="login-card-description text-center">I have an account<a href="{{ path('app_login') }}"> Sign in </a> </p>
</div>
{{ form_end(registrationForm) }}
</div>
</div>
<div class="col-md-5 image-wrap">
<img src="images/login/image.JPG" class="login-card-img">
</div>
</div>
</div>
</div>
</main>
<!-- Option 1: Bootstrap Bundle with Popper -->
<script src="https://stackpath.bootstrapcdn.com/bootstrap/4.4.1/js/bootstrap.min.js"></script>
<script>
</script>
</body>
</html>