{% extends 'base.html.twig' %}
{% block body %}
<div class="card my-5">
<div class="card-header">
<h1 class="h3">Cadastro de Candidato</h1>
</div>
<div class="card-body">
<div class="col-md-7">
{{ form(form, {'attr': {'class': 'js-form-swal'}}) }}
</div>
</div>
</div>
{% endblock %}
{% block javascripts %}
{{ parent() }}
<script>
$(document).ready(function () {
$('#cadastro_candidato_cpf').mask('000.000.000-00', {reverse: true});
$('#cadastro_candidato_passaporte').mask('0#');
$('#cadastro_candidato_nacionalidade').change(function () {
if ($(this).val() === 'BR') {
$('#cadastro_candidato_cpf').attr('required', 'required');
$('#cadastro_candidato_passaporte').attr('required', null);
$('#cadastro_candidato_passaporte').val('');
$('#cadastro_candidato_passaporte').closest('.form-group').hide();
$('#cadastro_candidato_telefone').unmask();
$('#cadastro_candidato_telefone').mask('(00) Z0000-0000', {
translation: {
'Z': {
pattern: /9/,
optional: true
}
}
});
$('#cadastro_candidato_telefone').attr('placeholder', "Telefone fixo ou celular do Brasil");
} else {
$('#cadastro_candidato_cpf').attr('required', null);
$('#cadastro_candidato_passaporte').attr('required', 'required');
$('#cadastro_candidato_passaporte').closest('.form-group').show();
$('#cadastro_candidato_telefone').unmask();
$('#cadastro_candidato_telefone').mask('0#');
$('#cadastro_candidato_telefone').attr('placeholder', "Telefone internacional, com código de país");
}
}).trigger('change');
})
</script>
{% endblock %}