SimulateurStepThree.vue 2.71 KB
Newer Older
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62
<template>
  <div id="SimulateurStepThree">
    <div class="row">
      <div class="col-md-12">
        <h4>Compte personnel de formation (CPF)</h4>
      </div>
    </div>
    <div class="row">
      <div class="col-md-12 form-check">
        <input v-model="$parent.situation_cpfconnu" name="situation_cpfconnu" id="cpf1" type="radio" value="cpfconnu" class="form-check-input"/>
        &nbsp;<label for="cpf1" class="form-check-label">Vous connaissez vos droits à formation CPF en euros</label>
      </div>
    </div>
    <div v-if="$parent.situation_cpfconnu=='cpfconnu'" class="row">
      <div class="col-md-12 group-indent1">
        <input v-model="$parent.situation_creditheurescpf" name="situation_creditheurescpf" id="situation_creditheurescpf" type="number" placeholder="Votre crédit en euro" min="0" class="form-control"/>
      </div>
    </div>
    <div v-if="$parent.situation_creditheurescpf != ''" class="row">
      <div class="col-md-12 group-indent1">
        <span id="situation_cpfconnu_label" class="text-muted">
          Attention : assurez-vous bien d'avoir 
          <a href="https://www.moncompteformation.gouv.fr/espace-prive/html/#/compte-utilisateur/connexion" target="_blank" class="text-muted" rel="noopener noreferrer">
            <u>activé votre Compte Personnel Formation</u>
          </a> 
          pour pouvoir mobiliser vos heures CPF
        </span>
      </div>
    </div>
    <div class="row">
      <div class="col-md-12 form-check">
        <input v-model="$parent.situation_cpfconnu" name="situation_cpfconnu" id="cpf2" type="radio" value="cpfinconnu" class="form-check-input"/>&nbsp;
        <label for="cpf2" class="form-check-label">Vous ne connaissez pas vos droits à formation CPF en euros</label>
      </div>
    </div>
    <div v-if="$parent.situation_cpfconnu == 'cpfinconnu'" class="row">
      <div class="col-md-12">
        <span id="situation_creditheurescpfconnu_label" class="text-muted">
          Activez votre 
          <a href="https://www.moncompteformation.gouv.fr/espace-prive/html/#/compte-utilisateur/connexion" target="_blank" class="text-muted" rel="noopener noreferrer">
            <u>Compte Personnel Formation (CPF)</u>
          </a>.
        </span>
      </div>
    </div>
    <div class="row">
      <div class="col-md-12 form-check">
        <input v-model="$parent.situation_cpfconnu" name="situation_cpfconnu" id="cpf3" type="radio" value="cpfempty" class="form-check-input"/>&nbsp;
        <label for="cpf3" class="form-check-label">Vous n'avez pas de crédit de formation CPF</label>
      </div>
    </div>
    <div class="row">
      <div class="col-md-12">
      </div>
    </div>
  </div>
</template>
<script>
  export default {
		name: 'SimulateurStepThree',
  }
</script>