{% extends 'base_login.html.twig' %}
{% block title %}Rewamp Console - Ripristino password{% endblock %}
{% block body %}
<div class="login-wrap" v-cloak>
<div class="inner">
<div>
<img src="/img/logo-rewamp-300.png" alt="Rewamp" class="rewamp-logo">
<h4 class="login-title">Ripristina la tua password</h4>
</div>
{% if showForm == true %}
<div>
<p>Inserisci l'indirizzo e-mail del tuo account Rewamp, oppure la partita IVA se sei un Partner.<br>Ti invieremo il link per ripristinare la tua password.</p>
</div>
<div>
<form method="POST" class="login-form" action="{{ path('reset_password') }}">
<input type="hidden" name="_csrf_token" value="{{ csrf_token('authenticate') }}">
<div class="form-group">
<div class="md-field md-required">
<input id="auth_username" type="text" name="auth_username" class="form-control" v-model="authUsername" placeholder=" ">
<label for="auth_username">E-mail o P.IVA</label>
</div>
</div>
<div class="form-group">
<button class="btn btn-green btn-login" type="submit" :disabled="!validAuthUsername">Invia</button>
</div>
{% if error is defined and error %}
<p class="alert alert-danger" style="width: 100%; margin: 40px auto;"><strong>{{ error }}</strong></p>
{% endif %}
</form>
<p><a href="{{ path('dealer_dashboard') }}" class="link-reset">Torna al login</a></p>
</div>
{% endif %}
<div>
{% if showForm == false and error is empty %}
<p>La mail con il link per ripristinare la password รจ stata inviata all'indirizzo: {{ email }}.</p>
{% endif %}
</div>
</div>
</div>
{% endblock %}
{% block javascripts %}
<script>
var app = new Vue({
el: '#app',
data: {
authUsername: '',
},
computed: {
validAuthUsername() {
const emailReg = /^(([^<>()[\]\\.,;:\s@"]+(\.[^<>()[\]\\.,;:\s@"]+)*)|(".+"))@((\[\d{1,3}\.\d{1,3}\.\d{1,3}\.\d{1,3}])|(([a-zA-Z\-\d]+\.)+[a-zA-Z]{2,}))$/;
const vatReg = /^\d{11}$/;
return emailReg.test(String(this.authUsername).toLowerCase()) || vatReg.test(this.authUsername);
},
},
});
</script>
{% endblock %}