{% extends 'admin.html.twig' %}
{% block title %}
{{text_title}}
{% endblock %}
{% block body %}
<div id="main-wrapper">
<div class="authincation section-padding">
<div class="container h-100">
<div class="row justify-content-center h-100 align-items-center">
<div class="col-xl-5 col-md-6">
<div class="mini-logo text-center my-5">
<a href="{{href_home}}"><img src="{{src_logo}}" alt=""></a>
</div>
<div class="auth-form card">
<div class="card-header justify-content-center">
<h4 class="card-title">{{text_signup_account}}</h4>
</div>
{% if error_generic is defined %}
<div class="card-header justify-content-center">
<label id="generic-error" class="error" for="generic">{{error_generic}}</label>
</div>
{% endif %}
<div class="card-body">
<form method="post" name="myform" class="signup_validate" method="POST" action="{{href_action}}">
<div class="mb-3">
<label>{{text_type}}</label>
<select name="type" class="form-control" id="d_country_id">
<option value="0">Select</option>
{% for item in types %}
{% if(item.id==type) %}
<option selected value="{{item.id}}">{{item.text}}
</option>
{% else %}
<option value="{{item.id}}">{{item.text}}
</option>
{% endif %}
{% endfor %}
</select>
{% if error_type is defined %}
<label id="type-error" class="error" for="type">{{error_type}}</label>
{% endif %}
</div>
<div class="mb-3">
<label>Email</label>
<input type="email" class="form-control" placeholder="hello@example.com" name="email" value="{{email}}">
</div>
<div class="mb-3">
<label>Password</label>
<input id="password" type="password" class="form-control" placeholder="Password" name="password">
{% if error_password is defined %}
<label id="password-error" class="error" for="password">{{error_password}}</label>
{% endif %}
</div>
<div class="mb-3">
<label>{{text_repeat}}
Password</label>
<input type="password" class="form-control" placeholder="{{text_repeat}} Password" name="rpassword">
{% if error_rpassword is defined %}
<label id="rpassword-error" class="error" for="rpassword">{{error_rpassword}}</label>
{% endif %}
</div>
<div class="mb-3 mb-0">
<label class="toggle">
<input name="acceptedTerms" class="toggle-checkbox" type="checkbox">
<div class="toggle-switch"></div>
<span class="toggle-label">{{text_terms_and_condition}}</span>
</label>
{% if error_acceptedTerms is defined %}
<label id="accepted-error" class="error" for="accepted">{{error_acceptedTerms}}</label>
{% endif %}
<!--<label id="rpassword-error" class="error" for="rpassword">Si prega di fornire una password</label>-->
</div>
<div class="text-center mt-4">
<button type="submit" class="btn btn-success w-100">{{text_signup}}</button>
</div>
</form>
<div class="new-account mt-3">
<p>{{text_already_have_an_account}}?
<a class="text-primary" href="{{href_signin}}">{{text_signin}}</a>
</p>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<script>
var error_your_password_must_be_at_least_8_characters_long = "{{ error_your_password_must_be_at_least_8_characters_long }}";
var error_please_provide_a_password = "{{ error_please_provide_a_password }}";
var error_please_enter_a_valid_email_address = "{{ error_please_enter_a_valid_email_address }}";
var error_equal_password = "{{ error_equal_password }}";
</script>
<script src='/common/js/validator/signup.js'>
{% endblock %}