<!DOCTYPE html>
<html lang="fr">
<!-- begin::Head -->
<head>
<meta charset="utf-8" />
<title>{% block title %}Plateforme Helpers Pro - {% endblock %}</title>
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, shrink-to-fit=no">
<!--begin::Web font -->
<script src="https://ajax.googleapis.com/ajax/libs/webfont/1.6.16/webfont.js"></script>
<script>
WebFont.load({
google: {
"families": ["Poppins:300,400,500,600,700", "Roboto:300,400,500,600,700"]
},
active: function() {
sessionStorage.fonts = true;
}
});
</script>
<!--end::Web font -->
<!--begin::Base Styles -->
<link href="{{ absolute_url('/assets/vendors/base/vendors.bundle.css') }}" rel="stylesheet" type="text/css" />
<link href="{{ absolute_url('/assets/demo/default/base/style.bundle.css') }}" rel="stylesheet" type="text/css" />
<!--end::Base Styles -->
<style>
.m-login.m-login--2 .m-login__wrapper .m-login__container .m-login__form .m-form__group .form-control#new_registration_categoryUser{
margin-top: 0;
}
.m-login.m-login--2 .m-login__wrapper .m-login__container h4{
color:#FFF;
text-align: center;
}
.m-login.m-login--2 .m-login__wrapper .m-login__container h4.m-top{
margin-top:1.5rem;
}
.m-login.m-login--2 .m-login__wrapper .m-login__container .m-login__form .m-form__group .form-control::placeholder{
color:#FFF;
}
input:-webkit-autofill, textarea:-webkit-autofill, select:-webkit-autofill {
background-color: red !important;
background-image: none !important;
color: #FFF !important;
-webkit-text-fill-color: #FFF !important;
-webkit-box-shadow: 0 0 0 1000px rgba(67,34,167,0.4) inset !important;
}
input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
input:-webkit-autofill:active {
transition: background-color 5000s ease-in-out 0s;
}
.m-login.m-login--2 .m-login__wrapper .m-login__container .m-login__form .m-form__group>label{
margin-top: 1.5rem;
color:#FFF;
}
.flaticon-user{
color:#FFF;
font-size: 7rem;
}
</style>
{% block stylesheets %}{% endblock %}
</head>
<!-- end::Head -->
<!-- begin::Body -->
<body class="m--skin- m-header--fixed m-header--fixed-mobile m-aside-left--enabled m-aside-left--skin-dark m-aside-left--fixed m-aside-left--offcanvas m-footer--push m-aside--offcanvas-default">
<!-- begin:: Page -->
<div class="m-grid m-grid--hor m-grid--root m-page">
<div class="m-grid__item m-grid__item--fluid m-grid m-grid--hor m-login m-login--signin m-login--2 m-login-2--skin-1" id="m_login" style="background-image: url({{ absolute_url('/assets/app/media/img//bg/bg-1.jpg')}});">
<div class="m-grid__item m-grid__item--fluid m-login__wrapper">
<div class="m-login__container">
<div class="text-center">
<i class="flaticon-user"></i>
</div>
{# On affiche tous les messages flash dont le nom est « info » #}
{% for message in app.session.flashbag.get('info') %}
<div class="alert alert-{{ message.type }} alert-dismissible fade show m-alert" role="alert">
<button type="button" class="close" data-dismiss="alert" aria-label="Close">
</button>
{{ message.texte }}
</div>
{% endfor %}
{% form_theme form 'form/fields.html.twig' %}
{% block body %}{% endblock %}
</div>
</div>
</div>
</div>
<!-- end:: Page -->
<!--begin::Base Scripts -->
<script src="{{ absolute_url('/assets/vendors/base/vendors.bundle.js')}}" type="text/javascript"></script>
<script src="{{ absolute_url('/assets/demo/default/base/scripts.bundle.js')}}" type="text/javascript"></script>
<!--end::Base Scripts -->
{% block javascripts %}{% endblock %}
</body>
<!-- end::Body -->
</html>