{% extends "::base.html.twig" %}
{% set pageSpecialClass = 'reset-page violet-theme colorful-theme' %}
{% block body %}
{% set locale = app.request.query.get('locale') ? app.request.query.get('locale') : app.request.locale %}
<div class="content-holder">
<div class="login-page-wrapper">
<a href="/" class="back"></a>
{# form #}
<div class="login-box-body">
{% if status == "error" %}
<div class="alert alert-error">
{{ message }}
</div>
{% endif %}
{% if status == "success" %}
<div class="alert alert-success">
{{ message }}
</div>
{% endif %}
<form action="{{ path("ms_send_new_password") }}" method="post" role="form">
<div class="form-group has-feedback">
<span class="input-style white">
<input class="form-control" name="username" placeholder="Email" required="required" type="email"/>
</span>
</div>
<div class="buttons">
<button type="submit" class="button white">{{ 'app.forgot_password.save'|trans({}, 'app', locale) }}</button>
</div>
</form>
</div>
</div>
<div class="elements elements-login">
<img class="elem elem-3" src="/bundles/app/image/elems/elem3.svg" alt="">
<img class="elem elem-4" src="/bundles/app/image/elems/elem4.svg" alt="">
<img class="elem elem-5" src="/bundles/app/image/elems/elem5.svg" alt="">
<img class="elem elem-6" src="/bundles/app/image/elems/elem6.svg" alt="">
<img class="elem elem-7" src="/bundles/app/image/elems/elem7.svg" alt="">
</div>
<script type="text/javascript" src="{{ asset('bundles/app/js/jquery.min.js') }}"></script>
<script>
window.addEventListener && window.addEventListener('load', function () {
$('body').addClass('loaded');
{% if app.request.cookies.get('colorTheme') %}
$('body').removeClass('violet-theme blue-theme green-theme pink-theme orange-theme');
$('body').addClass('{{ app.request.cookies.get('colorTheme') }}');
{% else %}
$('body').addClass('violet-theme');
{% endif %}
});
</script>
</div>
{% endblock %}