{% extends "base.html.twig" %}
{% block title %}
{{ parent() }} | Inscription
| Profil
{% endblock %}
{% block stylesheets %}<link rel="stylesheet" href="{{ asset('css/inscription.css') }}">
{% endblock %}
{% block h1 %}Inscriprion
{% endblock %}
{% block content %}
<div class="wrapper col-12 d-flex flex-lg-row flex-column ">
<div class="col-lg-7 col-12">
<img id="slideShow" class="d-block w-50 mx-auto" src="" alt="">
</div>
<div class=" col-lg-3 col-sm-8 mx-auto d-flex flex-column justify-content-start">
{{ form_start(formUser) }}
{{ form_row(formUser.email) }}
{{ form_label(formUser.password.first) }}
<div class='col-12 input-group mb-3'>
{{ form_widget(formUser.password.first, {'attr' : {"data-toggle" : "password"}}) }}
<span class="input-group-text bg-white">
<i class="fa fa-eye"></i>
</span>
</div>
{{ form_errors(formUser.password.first) }}
{{ form_label(formUser.password.second) }}
<div class='col-12 mb-3 input-group'>
{{ form_widget(formUser.password.second , {'attr' : {"data-toggle" : "password"}}) }}
<span class="input-group-text bg-white">
<i class="fa fa-eye"></i>
</span>
</div>
{{ form_errors(formUser.password.second) }}
{{ form_row(formUser.prenom) }}
{{ form_row(formUser.nom) }}
<input type="submit" value="S'inscrire" class="btn col-12 mt-3">
{{ form_end(formUser) }}
</div>
</div>
</div>
<textarea name="" hidden id="photos" cols="30" rows="10">{{photos}}</textarea>
{% endblock %}
{% block javascripts %}
<script>
var photos = JSON.parse(document.querySelector('#photos').innerHTML)
nbphotos = photos.length
photoShow()
setInterval("photoShow()", 5000);
function photoShow() {
let position = Math.trunc(Math.random() * (nbphotos))
let nomPhoto = photos[position]
let cheminPhoto = "{{ asset('img/photoProduitUpload/') }}"
document.getElementById('slideShow').setAttribute('src', cheminPhoto + nomPhoto)
}
</script>
<script src="{{ asset("js/bootstrap-show-password.min.js") }}"></script>
{% endblock %}