{% extends 'resources/theme/base.html.twig' %}
{% block body %}
<div class="card align-items-center justify-content-center d-flex " id="vueJs">
<div class="card-body">
{{ form_start(addPostulantForm, {'attr': {'ref': 'addPostulantForm'}}) }}
<div class="row">
<div class="col-12 col-md-6">
<div class="row mb-3">
{{ form_label(addPostulantForm.profil) }}
<div class="col-lg-9">
{{ form_widget(addPostulantForm.profil, {"attr": {"ref": "profil", "data-get-type-formations": path("gestiform_admin_offreformation_type_formation_by_profil", {"id": "id"})}}) }}
</div>
</div>
<div class="row mb-3">
{{ form_label(addPostulantForm.typeFormation) }}
<div class="col-lg-9">
{{ form_widget(addPostulantForm.typeFormation, {"attr": {"ref": "typeFormation", "data-get-type-dispositif": path("gestiform_admin_offreformation_dispositif_by_type_formation_by_profil", {"id": "id", "typeFormation": "typeFormation"})}}) }}
</div>
</div>
<div class="row mb-3">
{{ form_label(addPostulantForm.dispositif) }}
<div class="col-lg-9">
{{ form_widget(addPostulantForm.dispositif, {'attr': {"ref": "dispositif"}}) }}
</div>
</div>
<div class="row mb-3">
{{ form_label(addPostulantForm.parcours) }}
<div class="col-lg-9">
{{ form_widget(addPostulantForm.parcours, {'attr': {"ref": "parcours"}}) }}
</div>
</div>
<div class="row mb-3">
{{ form_label(addPostulantForm.emailCandidature) }}
<div class="col-lg-9">
{{ form_widget(addPostulantForm.emailCandidature) }}
</div>
</div>
<div class="row mb-3">
{{ form_label(addPostulantForm.personalInformations.civilite) }}
<div class="col-lg-9">
{{ form_widget(addPostulantForm.personalInformations.civilite) }}
</div>
</div>
<div class="row mb-3">
{{ form_label(addPostulantForm.personalInformations.nom) }}
<div class="col-lg-9">
{{ form_widget(addPostulantForm.personalInformations.nom) }}
</div>
</div>
<div class="row mb-3">
{{ form_label(addPostulantForm.personalInformations.prenom) }}
<div class="col-lg-9">
{{ form_widget(addPostulantForm.personalInformations.prenom) }}
</div>
</div>
<div class="row mb-3">
{{ form_label(addPostulantForm.personalInformations.connuDoranco) }}
<div class="col-lg-9">
{{ form_widget(addPostulantForm.personalInformations.connuDoranco) }}
</div>
</div>
</div>
<div class="col-12 col-md-6">
<div class="row">
{{ form_label(addPostulantForm.adresse) }}
<div class="col-lg-9">
<div class="row mb-3">
{{ form_widget(addPostulantForm.adresse.ligne1) }}
{{ form_widget(addPostulantForm.adresse.ligne2) }}
</div>
<div class="row mb-3">
<div class="col-lg-4">
{{ form_widget(addPostulantForm.adresse.codePostal) }}
</div>
<div class="col-lg-9">
{{ form_widget(addPostulantForm.adresse.ville) }}
{{ form_widget(addPostulantForm.adresse.pays) }}
</div>
</div>
</div>
</div>
<div class="row mb-3">
{{ form_label(addPostulantForm.personalInformations.dateNaissance) }}
<div class="col-lg-9">
<div class="input-group">
<span class="input-group-text">
<i class="ph-calendar"></i>
</span>
{{ form_widget(addPostulantForm.personalInformations.dateNaissance) }}
</div>
</div>
</div>
<div class="row mb-3">
{{ form_label(addPostulantForm.personalInformations.villeNaissance) }}
<div class="col-lg-9">
{{ form_widget(addPostulantForm.personalInformations.villeNaissance) }}
</div>
</div>
<div class="row mb-3">
{{ form_label(addPostulantForm.personalInformations.nationalite) }}
<div class="col-lg-9">
{{ form_widget(addPostulantForm.personalInformations.nationalite) }}
</div>
</div>
<div class="row mb-3">
{{ form_label(addPostulantForm.personalInformations.mobile) }}
<div class="col-lg-9">
{{ form_widget(addPostulantForm.personalInformations.mobile) }}
</div>
</div>
</div>
</div>
<button type="button" @click="handleSubmitPostulant"
class="btn btn-success btn-icon d-flex align-items-center ms-1 mb-3 float-end"
:disabled="isLoading">
<i v-if="isLoading" class="ph-spinner spinner"></i>
<i v-else class="ph-duotone ph-floppy-disk"></i>
Inscription
</button>
{{ form_widget(addPostulantForm._token) }}
<div style="display: none;">
{{ form_rest(addPostulantForm) }}
</div>
{{ form_end(addPostulantForm) }}
<div id="inscriptionConfirmation" style="display: none;">
<h5 class="d-flex justify-content-center align-items-center">
Un e-mail de confirmation vous a été envoyé <br>
Nos services vont étudier votre candidature et reviendront vers vous dans les plus brefs délais
</h5>
</div>
</div>
</div>
<script>
const vueData = {{ vueData|json_encode|raw }};
</script>
{% endblock %}
{% block vuejsApp %}
{{ encore_entry_script_tags('inscription') }}
{% endblock %}