<!DOCTYPE html>
<html lang="fr" class="js">
<head>
<base href="../">
<meta charset="utf-8">
<meta name="author" content="DSI">
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<meta name="description"
content="A powerful and conceptual apps base dashboard template that especially build for developers and programmers.">
<!-- Fav Icon -->
<link rel="shortcut icon" href="{{ asset('frontend/images/favicon.png') }}">
<!-- Page Title -->
<title>{% block title %}E-sante{% endblock %}</title>
<!-- StyleSheets -->
<link rel="stylesheet" href="{{ asset('frontend/assets/css/dashlite.css') }}">
<link id="skin-default" rel="stylesheet" href="{{ asset('frontend/assets/css/theme.css') }}">
<link rel="stylesheet" href="{{ asset('fonts/fontawesome/css/all.css') }}">
<style>
.swal2-title {
color: #ffffff !important;
}
</style>
</head>
<body class="nk-body bg-white npc-general pg-auth">
<div class="nk-app-root">
<!-- main @s -->
<div class="nk-main ">
<!-- wrap @s -->
<div class="nk-wrap nk-wrap-nosidebar">
<!-- content @s -->
<div class="nk-content ">
<div class="nk-split nk-split-page nk-split-md">
<div class="nk-split-content nk-block-area nk-block-area-column nk-auth-container bg-white">
<div class="absolute-top-right d-lg-none p-3 p-sm-5">
<a href="#" class="toggle btn-white btn btn-icon btn-light" data-target="athPromo"><em
class="icon ni ni-info"></em></a>
</div>
<div class="nk-block nk-block-middle nk-auth-body">
<div class="brand-logo pb-5">
<a href="{{ path('index') }}" class="logo-link">
<img class="logo-light logo-img logo-img-lg" src="{{ asset('logo.png') }}"
srcset="{{ asset('logo.png') }}" alt="logo">
<img class="logo-dark logo-img logo-img-lg" src="{{ asset('logo.png') }}"
srcset="{{ asset('logo.png') }}" alt="logo-dark">
</a>
</div>
<div class="nk-block-head">
<div class="nk-block-head-content">
<h5 class="nk-block-title">Réinitialisation de mot de passe</h5>
{# <div class="nk-block-des">#}
{# <p>Accédez au panneau E-Santé à l'aide de votre e-mail et de votre code#}
{# d'accès.</p>#}
{# </div>#}
</div>
{% for message in app.flashes('sendEmailConfirmation') %}
<div class="alert alert-warning">
<strong>{{ message }}</strong>
</div>
{% endfor %}
</div><!-- .nk-block-head -->
{# <form action="{{ path('reset_password_request') }}" method="post">#}
{# {% if error %}#}
{# <div class="alert alert-fill alert-danger alert-icon">#}
{# <em class="icon ni ni-cross-circle"></em>#}
{# <strong>#}
{# {{ error.messageKey|trans(error.messageData, 'security') }}#}
{# </strong>#}
{# </div>#}
{# {% endif %}#}
{# <div class="form-group">#}
{# <div class="form-label-group">#}
{# <label class="form-label" for="inputEmail">Email:</label>#}
{# </div>#}
{# <div class="form-control-wrap">#}
{# <input type="email" id="inputEmail" name="email"#}
{# class="form-control form-control-lg"#}
{# value="" autocomplete="email" required autofocus/>#}
{# </div>#}
{# </div>#}
{# <!-- .form-group -->#}
{# <button type="submit" class="btn btn-lg btn-primary btn-block mt-3">Se connecter#}
{# </button>#}
{# </form>#}
{{ form(requestPassword) }}
</div><!-- .nk-block -->
</div><!-- .nk-split-content -->
<div class="nk-split-content nk-split-stretch bg-lighter d-flex toggle-break-lg toggle-slide toggle-slide-right"
data-content="athPromo" data-toggle-screen="lg" data-toggle-overlay="true"
style="background-image:url('{{ asset('frontend/images/bg/login.jpg') }}');background-clip: border-box!important;background-size: cover;background-repeat: no-repeat">
<div class="slider-wrap w-100 w-max-550px p-3 p-sm-5 m-auto text-white">
<div class="slider-init" data-slick='{"dots":true, "arrows":false}'>
<div class="slider-item">
<div class="nk-feature nk-feature-center">
<div class="nk-feature-content py-4 p-sm-5">
<h4>E-Santé</h4>
<p>E-santé est une plateforme de consultation à la suite du confinement
mondiale imposé à cause de la pandémie de COVID-19.</p>
</div>
</div>
</div><!-- .slider-item -->
<div class="slider-item">
<div class="nk-feature nk-feature-center">
<div class="nk-feature-content py-4 p-sm-5">
<h4>E-Santé</h4>
<p>E-santé est une plateforme de consultation à la suite du confinement
mondiale imposé à cause de la pandémie de COVID-19.</p>
</div>
</div>
</div><!-- .slider-item -->
<div class="slider-item">
<div class="nk-feature nk-feature-center">
<div class="nk-feature-content py-4 p-sm-5">
<h4>E-Santé</h4>
<p>E-santé est une plateforme de consultation à la suite du confinement
mondiale imposé à cause de la pandémie de COVID-19.</p>
</div>
</div>
</div><!-- .slider-item -->
</div><!-- .slider-init -->
<div class="slider-dots"></div>
<div class="slider-arrows"></div>
</div><!-- .slider-wrap -->
</div><!-- .nk-split-content -->
</div><!-- .nk-split -->
</div>
<!-- wrap @e -->
</div>
<!-- content @e -->
</div>
<!-- main @e -->
</div>
<!-- app-root @e -->
<!-- JavaScript -->
<script src="{{ asset('frontend/assets/js/bundle.js') }}"></script>
<script src="{{ asset('frontend/assets/js/scripts.js') }}"></script>
<script>
/**
* @author zhixin wen <wenzhixin2010@gmail.com>
* https://github.com/wenzhixin/bootstrap-show-password
* version: 1.0.3
*/
!function (e) {
"use strict";
var t = function (e) {
var t = arguments, s = !0, i = 1;
return e = e.replace(/%s/g, function () {
var e = t[i++];
return "undefined" == typeof e ? (s = !1, "") : e
}), s ? e : ""
}, s = function (t, s) {
this.options = s, this.$element = e(t), this.isShown = !1, this.init()
};
s.DEFAULTS = {
placement: "after",
white: !1,
message: "Cliquez ici pour afficher/masquer le mot de passe",
eyeClass: "fas",
eyeOpenClass: "fa-eye",
eyeCloseClass: "fa-eye-slash"
// eyeClass: "glyphicon",
// eyeOpenClass: "glyphicon-eye-open",
// eyeCloseClass: "glyphicon-eye-close"
}, s.prototype.init = function () {
var s, i;
"before" === this.options.placement ? (s = "insertBefore", i = "input-prepend") : (this.options.placement = "after", s = "insertAfter", i = "input-append"), this.$element.wrap(t('<div class="%s input-group" />', i)), this.$text = e('<input type="text" />')[s](this.$element).attr("class", this.$element.attr("class")).attr("style", this.$element.attr("style")).attr("placeholder", this.$element.attr("placeholder")).css("display", this.$element.css("display")).val(this.$element.val()).hide(), this.$element.prop("readonly") && this.$text.prop("readonly", !0), this.$icon = e(['<span tabindex="100" title="' + this.options.message + '" class="add-on input-group-addon">', '<i class="icon-eye-open' + (this.options.white ? " icon-white" : "") + " " + this.options.eyeClass + " " + this.options.eyeOpenClass + '"></i>', "</span>"].join(""))[s](this.$text).css("cursor", "pointer"), this.$text.off("keyup").on("keyup", e.proxy(function () {
this.isShown && this.$element.val(this.$text.val()).trigger("change")
}, this)), this.$icon.off("click").on("click", e.proxy(function () {
this.$text.val(this.$element.val()).trigger("change"), this.toggle()
}, this))
}, s.prototype.toggle = function (e) {
this[this.isShown ? "hide" : "show"](e)
}, s.prototype.show = function (t) {
var s = e.Event("show.bs.password", {relatedTarget: t});
this.$element.trigger(s), this.isShown = !0, this.$element.hide(), this.$text.show(), this.$icon.find("i").removeClass("icon-eye-open " + this.options.eyeOpenClass).addClass("icon-eye-close " + this.options.eyeCloseClass), this.$text[this.options.placement](this.$element)
}, s.prototype.hide = function (t) {
var s = e.Event("hide.bs.password", {relatedTarget: t});
this.$element.trigger(s), this.isShown = !1, this.$element.show(), this.$text.hide(), this.$icon.find("i").removeClass("icon-eye-close " + this.options.eyeCloseClass).addClass("icon-eye-open " + this.options.eyeOpenClass), this.$element[this.options.placement](this.$text)
}, s.prototype.val = function (e) {
return "undefined" == typeof e ? this.$element.val() : (this.$element.val(e).trigger("change"), this.$text.val(e), void 0)
};
var i = e.fn.password;
e.fn.password = function () {
var t, i = arguments[0], n = arguments, o = ["show", "hide", "toggle", "val"];
return this.each(function () {
var a = e(this), h = a.data("bs.password"),
r = e.extend({}, s.DEFAULTS, a.data(), "object" == typeof i && i);
if ("string" == typeof i) {
if (e.inArray(i, o) < 0) throw"Unknown method: " + i;
t = h[i](n[1])
} else h ? h.init(r) : (h = new s(a, r), a.data("bs.password", h))
}), t ? t : this
}, e.fn.password.Constructor = s, e.fn.password.noConflict = function () {
return e.fn.password = i, this
}, e(function () {
e('[data-toggle="password"]').password()
})
}(window.jQuery);
</script>
<script>
$("#inputPassword").password();
</script>
<script src="{{ asset('bundles/mercuryseriesflashy/js/flashy.js') }}"></script>
{{ include('layouts/flashy.html.twig') }}
{% for message in app.flashes('email_verify_success') %}
{# <div class="flash-notice"> #}
{# {{ message }} #}
{# </div><script> #}
<script>
document.addEventListener("DOMContentLoaded", function () {
const Toast = Swal.mixin({
toast: true,
position: 'bottom-end',
showConfirmButton: false,
background: '#16a085',
timer: 5000,
timerProgressBar: true,
didOpen: (toast) => {
toast.addEventListener('mouseenter', Swal.stopTimer)
toast.addEventListener('mouseleave', Swal.resumeTimer)
}
})
Toast.fire({
color: '#ecf0f1',
icon: 'success',
title: "{{ message }}",
})
});
</script>
{% endfor %}
<!-- app-root @e -->
<!-- JavaScript -->
</body>
</html>