{% extends 'base.html.twig' %}
{% set headline = 'txtRegister'|trans %}
{% block title %}{{ headline }}{% endblock %}
{% block body %}
{{ form_start(form) }}
{{ form_row(form._token) }}
<div class="container">
<div class="card">
<div class="card-header">
<div class="row">
<div class="col-md-6">
<h1><i class="fa-solid fa-plus"></i> {{ headline }}</h1>
</div>
<div class="col-md-6">
<span class="float-end">
<a href="{{ path('home') }}" class="btn btn-close btn-close-white"></a>
</span>
</div>
</div>
</div>
<div class="card-body">
{{ include('client/registration/_form.html.twig') }}
</div>
<div class="card-footer">
<div class="row">
<div class="col-12">
<span class="float-end">
<button type="submit" id="submitbutton" class="btn btn-success"><i class="fa-solid fa-floppy-disk"></i></button>
</span>
</div>
</div>
</div>
</div>
</div>
{{ form_end(form) }}
{% endblock %}
{% block javascripts %}
<script>
$('#user_password').on("input", function() {
let passwd = $('#user_password').val()
checkPw(passwd)
})
$('#user_email').on("input", function() {
let username = $('#user_email').val()
checkUserExist(username)
})
function checkPw(passwd) {
$("#defaultPwCriteria").hide();
let pw = encodeURIComponent(passwd);
$("#pw_msg").load("{{ path('app_register_check_pw') }}?pw=" + pw);
}
function checkUserExist(username) {
let pw = encodeURIComponent(username);
$("#user_msg").load("{{ path('app_register_check_user_exist') }}?user=" + username);
}
</script>
{% endblock %}