{% extends "base.html.twig" %}
{% block title %}Parking : S'inscrire{% endblock %}
{% block stylesheets %}
{{ parent() }}
<style>
.form-signin{
max-width: 500px;
}
</style>
{% endblock %}
{% block body %}
<style>
.wallpaper{
background-image: url({{asset('build/static/images/wallpaper.jpg')}});
background-repeat: no-repeat;
background-position: center;
background-size: cover;
}
h5{color:#8c2464}
</style>
<div class="container w-50">
<div class="row mt-5">
<div class="col-md-4 wallpaper">
</div>
<div class="col-md-8 p-3 bg-white">
<div class="row">
<div class="col-12 text-center"><img class="mb-2 align-middle" src="{{ asset('build/static/images/logo_ars_hdf.png') }}" alt="" width="80"></div>
</div>
<h5>Je m'inscris</h5>
<div class="mb-4">
<small>
{{ getPasswordPatternMessage() }}
</small>
</div>
{% form_theme form 'bootstrap_5_layout.html.twig' %}
{{ form_start(form) }}
{{ form_row(form.email,{ 'label':'Email professionnel (@ars.sante.fr)','attr': {'pattern': '[a-z0-9._%+-]+@ars.sante.fr$'}}) }}
{{ form_row(form.prenom,{ 'label':'Prénom'}) }}
{{form_rest(form)}}
<button class="w-100 btn btn-sm btn-primary rounded-0" type="submit">Je crée mon espace</button>
{{ form_end(form) }}
<div class="mt-2">
<a href="{{ path('arshdf_user_login') }}">Annuler</a>
</div>
</div>
</div>
</div>
{# <main class="form-signin p-3 bg-light rounded shadow-lg">#}
{# <img class="mb-4 align-middle" src="{{ asset('img/ars_france.svg') }}" alt="" width="200">#}
{# <h1 class="h3 mb-3 fw-normal">tertt</h1>#}
{# <div class="mb-4">#}
{# <small>#}
{# {{ getPasswordPatternMessage() }}#}
{# </small>#}
{# </div>#}
{# {% form_theme form 'bootstrap_5_layout.html.twig' %}#}
{# {{ form_start(form) }}#}
{# {{ form_widget(form) }}#}
{# <button class="w-100 btn btn-sm btn-primary" type="submit">S'inscrire</button>#}
{# {{ form_end(form) }}#}
{# <div class="mt-2">#}
{# <a href="{{ path('arshdf_user_login') }}">Annuler</a>#}
{# </div>#}
</main>
{% endblock %}