<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Data Sport - Login</title>
<link rel="stylesheet" href="{{asset('css/bootstrap.min.css')}}">
<link rel="stylesheet" href="{{asset('css/all.min.css')}}">
<link rel="stylesheet" href="{{asset('css/style.css')}}">
<style>
label.required, legend.required{
font-weight: bolder;
color: white;
}
</style>
</head>
<body>
<div class="row position-absolute m-0" style="top:0; bottom:0; right:0; left:0">
<div class="col p-0 h-100">
<img class="w-100 h-100" src="{{asset('images/front/Interface_Connexion_CDFAS.png')}}" alt="datasport">
</div>
<div class="col p-0 h-100 position-relative">
<div class="position-absolute" style="width:100%; height:100%; background-color: rgba(100, 100, 100, 0.62)"></div>
<div class="position-absolute p-4" style="top:50%; left:50%; transform:translate(-50%, -50%); width:50%">
{% for message in app.flashes('adios') %}
<div class="alert alert-success">
{{ message }}
</div>
{% endfor %}
{% if error %}
<div class="alert alert-danger">
{{error.messageKey | trans(error.messagedata, 'security')}}
</div>
{% endif %}
<img class="w-100 h-100" src="{{asset('images/front/logo_DSS.png')}}" alt="datasport">
<form method="POST">
<div class="row m-0">
<label class="required col">Login :
<input type="text" required name="_username" class="form-control" value="{{lastUserName}}">
</label>
</div>
<div class="row m-0">
<label class="required col">Password :
<input type="password" required name="_password" class="form-control">
</label>
</div>
<div class="row justify-content-center m-0">
<input type="submit" class="col-6 btn btn-success m-2" value="Se Connecter">
</div>
</form>
</div>
<img class="w-100 h-100" src="{{asset('images/front/Stade_Olympique_CDFAS.jpg')}}" alt="Stadium">
</div>
</div>
<script src="{{asset('js/jquery-3.4.1.min.js')}}"></script>
<script src="{{asset('js/popper.min.js')}}"></script>
<script src="{{asset('js/bootstrap.min.js')}}"></script>
</body>
</html>