{% extends 'base.html.twig' %}
{% block title %}
Activez votre compte Sport adhesion
{% endblock %}
{% block stylesheets %}
<link rel="stylesheet" href="{{ asset('/css/pages/activation.css') }}" />
{% endblock %}
{% block body %}
<div class="slider">
<div class="usefull-width item-slider">
<H1 class="item-header-h align">
Activez votre compte
</H1>
<H2>
Finalisez votre inscription
</H2>
</div>
</div>
<div class="usefull-width">
<section class="item-activation">
<div class="item-child">
{% if success == false %}
<H3 class="unl-margin">
Bénéficiez des avantages {{ website_name }}
</H3>
<div class="text">
{% if form is not empty and email is not empty %}
<span>
Nous avons envoyé un lien de vérification par email à :
</span>
<br/>
<span class="color_theme2 with-bold">
{{ email }}
</span>
<br/>
n’oubliez pas de vérifier votre dossier spam.
<br/>
<br/>
{% else %}
<span>
Nous avons envoyé un lien de vérification sur l'email fourni lors de l'inscription.
</span>
<br/>
{% endif %}
<b>Complètez les champs ci-dessous</b>, avec le <b>code de vérification</b> reçu par e-mail.
</div>
{% if form is not empty %}
{{ form_start(form) }}
<div class="item-form">
<div class="col-lg-6 col-md-6 col-sm-6 col-xs-12">
{{ form_row(form.email) }}
<div class="sendCodeError">
Le champs ne peut être vide.
</div>
<div class="sendCode">
Nous avons envoyé un lien de vérification sur l'email fournit.
</div>
<div class="underline link size-12">
<span id="sendCode">
Obtenir un nouveau code
</span>
</div>
</div>
<div class="col-lg-6 col-md-6 col-sm-6 col-xs-12">
{{ form_label(form.code_activation) }}
{{ form_widget(form.code_activation) }}
{{ form_errors(form.code_activation) }}
</div>
</div>
<div class="align-item">
<button id="check" class="button_theme with-margin-top-30 with-min-width-200">
Activer mon compte
</button>
</div>
{{ form_end(form) }}
{% endif %}
{% else %}
<H3 class="unl-margin">
Félicitations
</H3>
<div class="with-all-align">
<span class="align size-14 with-margin-top-30">
Votre compte est désormais actif.<br/>
Vous allez être rediriger vers votre logiciel dans <span class="number">10</span> secondes.
</span>
<span class="size-40 align with-margin-top-bottom-50">
<i class="fas fa-check-circle color-green-success fa-2x"></i>
</span>
<div class="align-item">
<a href="{{ app.request.server.get('APP_SOFT') }}" target="_new" class="button_theme">
Connexion
</a>
</div>
</div>
{% endif %}
</div>
</section>
<ol class="breadcrumb unl-margin">
<li class="breadcrumb-item"><a href="{{ path('prices') }}" alt="Les tarifs {{ website_name }}">Les tarifs {{ website_name }}</a></li>
<li class="breadcrumb-item"><a href="{{ path('signup') }}" alt="Créer un compte {{ website_name }}">Créer un compte</a></li>
<li class="breadcrumb-item active" aria-current="page">Activez mon compte</li>
</ol>
</div>
{% endblock %}
{% block javascriptFooter %}
<script>
$(document).ready(function(){
{% if success == true %}
rebour(".number");
setTimeout(function(){
document.location.href="{{ app.request.server.get('APP_SOFT') }}";
},10000);
{% endif %}
i = 0;
$('#sendCode').click(function(){
var email = $('#activation_email').val();
var route = '/send/activation';
if(typeof email !== "undefined" && email != ''){
$('.sendCodeError').hide();
$.ajax({
url: '/send/activation',
type: "POST",
data: {
'email': email
},
success: function(data, textStatus, jqXHR) {
$('.sendCode').show();
},
complete: function() {
if(i == 3){
$('#sendCode').remove();
}
},
error: function(jqXHR, textStatus, errorThrown) {
}
});
i++;
}else{
$('.sendCode').hide();
$('.sendCodeError').show();
}
});
});
</script>
{% endblock %}