<!doctype html>
<html lang="fr">
<head>
<meta charset="utf-8">
<title>Login</title>
<link rel="stylesheet" href="/css/login.css">
<link rel="stylesheet" href="{{ asset('css/new_user.css') }}">
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.0.2/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-EVSTQN3/azprG1Anm3QDgpJLIm9Nao0Yz1ztcQTwFspd3yD65VohhpuuCOmLASjC" crossorigin="anonymous">
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.0.2/dist/js/bootstrap.bundle.min.js" integrity="sha384-MrcW6ZMFYlzcLA8Nl+NtUVF0sA7MsXsP1UyJoMp4YLEuNSfAP+JcXn/tWtIaxVXM" crossorigin="anonymous"></script>
</head>
<body >
<div class="container" style="margin-top: 50px">
<div class="row">
<div class="col-lg-10 offset-lg-1">
<div class="bg-white shadow rounded">
<div class="row">
<div class="col-md-7 pe-0">
<div class="form-left h-100 py-5 px-5 box">
<form method="post">
{% if app.user %}
<div class="alert alert-danger" role="alert">
<a href="{{ path('app_logout') }}" class="d-block">تسجيل خروج </a> <p> {{ app.user.userIdentifier }} أنت مسجل دخولك باسم</p>
</div>
{% endif %}
<h1 dir="rtl" style="font-family: inherit;">تسجيل الدخول.</h1>
<div class="formulaire">
<input dir="rtl" type="email" value="{{ last_username }}" name="email" id="inputEmail" class="form-control" autocomplete="email" required autofocus placeholder="البريد الإلكتروني">
<input dir="rtl" type="password" name="password" id="inputPassword" class="form-control" autocomplete="current-password" required placeholder="كلمه السر">
<input type="hidden" name="_csrf_token" value="{{ csrf_token('authenticate') }}">
<button class="btn btn-lg btn-primary pe-auto" type="submit" style="width: auto"> تسجيل الدخول </button>
<a class="link-user" href="{{ path('app_user_register') }}" type="submit">إنشاء حساب </a>
</div>
{% if error %}
<div class="alert alert-danger" style="height: 20px;display: flex;align-items: center;justify-content: center;;text-align: center" >{{ error.messageKey|trans(error.messageData, 'security') }}</div>
{% endif %}
</form>
</div>
</div>
<div class="col-md-5 ps-0 d-none d-md-block con1">
<div class="form-right h-100 bg text-white text-center pt-5 ">
<h2 class="fs-1 " >جديد هنا؟</h2>
{# <img src="/images/img/Groupe2.png" class="box">#}
<h4 style="text-align: center;margin-top: 120px;">
اكتب بريدك الإلكتروني لتسجيل الدخول أو إنشاء حساب توصيل
</h4>
<a class="btn btn1" href="{{ path('app_user_register') }}" type="submit">إنشاء حساب </a>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
{#<div class="container">#}
{#<form method="post">#}
{# {% if app.user %}#}
{# <div class="alert alert-danger" role="alert">#}
{# <a href="{{ path('app_logout') }}" class="d-block">تسجيل خروج </a> <p> {{ app.user.userIdentifier }} أنت مسجل دخولك باسم</p>#}
{# </div>#}
{# {% endif %}#}
{# <h1 dir="rtl" style="font-family: inherit;">اكتب بريدك الإلكتروني لتسجيل الدخول أو إنشاء حساب توصيل.</h1>#}
{# <div class="formulaire">#}
{# <input dir="rtl" type="email" value="{{ last_username }}" name="email" id="inputEmail" class="form-control" autocomplete="email" required autofocus placeholder="البريد الإلكتروني">#}
{# <input dir="rtl" type="password" name="password" id="inputPassword" class="form-control" autocomplete="current-password" required placeholder="كلمه السر">#}
{# <input type="hidden" name="_csrf_token" value="{{ csrf_token('authenticate') }}">#}
{# <button class="btn btn-lg btn-primary .pe-auto" type="submit"> تسجيل الدخول </button>#}
{# <a class="link-user" href="{{ path('app_user_register') }}" type="submit">إنشاء حساب </a>#}
{# </div>#}
{# {% if error %}#}
{# <div class="alert alert-danger">{{ error.messageKey|trans(error.messageData, 'security') }}</div>#}
{# {% endif %}#}
{#</form>#}
{#</div>#}
<script src="https://cdn.jsdelivr.net/npm/@popperjs/core@2.9.2/dist/umd/popper.min.js" integrity="sha384-IQsoLXl5PILFhosVNubq5LC7Qb9DXgDA9i+tQ8Zj3iwWAwPtgFTxbJ8NT4GN1R8p" crossorigin="anonymous"></script>
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.0.2/dist/js/bootstrap.min.js" integrity="sha384-cVKIPhGWiC2Al4u+LWgxfKTRIcfu0JTxR+EQDz/bgldoEyl4H0zUF0QKbrJ0EcQF" crossorigin="anonymous"></script>
</body>
</html>