<div id="candidatureCv">
{% include "commun/errors.html.twig" %}
<form >
<!-- Name input -->
<div class="form-outline mb-4">
<input type="text" id="registerName" v-model="nom" required class="form-control" />
<label class="form-label" for="registerName">Nom* </label>
</div>
<div class="form-outline mb-4">
<input type="text" id="registerName" v-model="prenom" required class="form-control" />
<label class="form-label" for="registerName" >Prénom * </label>
</div>
<!-- Email input -->
<div class="form-outline mb-4">
<input type="email" id="registerEmail" v-model="email" required class="form-control" />
<label class="form-label" for="registerEmail">Email *</label>
</div>
<!-- Username input -->
<div class="form-outline mb-4">
<input type="text" id="registerUsername" v-model="telephone" required class="form-control" />
<label class="form-label" for="registerUsername">Mobile *</label>
</div>
<input type="hidden" name="reference" value="{{ data[0]['reference'] }}">
<!-- Password input -->
<div class="form-outline mb-4">
<textarea class="form-control" v-model="commentaire" id="textAreaExample1" rows="4"></textarea>
<label class="form-label" for="textAreaExample">Commentaire</label>
</div>
<!-- Repeat Password input -->
<div class="form-outline mb-4">
<label class="form-label" for="customFile">CV actualisé *</label>
<input type="file" @change="onFilePicked" ref="fileInput" class="form-control" required accept="application/pdf">
</div>
<!-- Checkbox -->
<div class="form-check mb-4">
<input class="form-check-input" v-model="cgu" required type="checkbox" value="" id="flexCheckDefault" />
<label class="form-check-label" for="flexCheckDefault">J'ai lu et j'accepte les Conditions Générales d'Utilisation, notamment la mention relative à la protection des données personnelles.<a href="{{ url('app_r_g_p_d') }}">(CGU)</a></label>
</div>
<!-- Submit button -->
<button type="button" @click="onSubmit()" class="btn btn-primary btn-block mb-3">Soumettre</button>
</form>
</div>