renaud/espace-paie-odentas
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Sous-card question abattement simulateur

Browse source
This commit is contained in:
odentas 2025-10-15 22:52:40 +02:00
parent 143cbfcf67
commit 24f4cff4e8
1 changed files with 26 additions and 24 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

50
public/simulateur-embed.html
View file

@ -55,32 +55,34 @@
</div>
<!-- Section 2: Abattement (uniquement Artiste) -->
<div id="abattementSection" class="form-section" style="display: none;">
<label>Votre salarié a-t-il choisi de bénéficier de l'abattement pour frais professionnels ?
<span tabindex="0" data-bs-toggle="popover" data-bs-trigger="hover"
data-bs-content="Abattement pour frais professionnels des artistes (dispositif en extinction progressive jusqu'au 01/01/2032).">
<i class="fa fa-info-circle"></i>
</span>
</label>
<div class="form-section" style="display: none;" id="abattementSectionWrapper">
<div id="abattementSection">
<label>Votre salarié a-t-il choisi de bénéficier de l'abattement pour frais professionnels ?
<span tabindex="0" data-bs-toggle="popover" data-bs-trigger="hover"
data-bs-content="Abattement pour frais professionnels des artistes (dispositif en extinction progressive jusqu'au 01/01/2032).">
<i class="fa fa-info-circle"></i>
</span>
</label>
<div class="d-flex mb-3" style="gap:10px;">
<div>
<input type="radio" name="abattement" id="abattementOui" value="oui">
<label for="abattementOui">Oui</label>
<div class="d-flex mb-3" style="gap:10px;">
<div>
<input type="radio" name="abattement" id="abattementOui" value="oui">
<label for="abattementOui">Oui</label>
</div>
<div>
<input type="radio" name="abattement" id="abattementNon" value="non" checked>
<label for="abattementNon">Non</label>
</div>
</div>
<div>
<input type="radio" name="abattement" id="abattementNon" value="non" checked>
<label for="abattementNon">Non</label>
</div>
</div>
<div id="professionBlock" style="display:none;">
<label for="professionSelect">Profession du salarié</label>
<select id="professionSelect">
<option value="">-- Sélectionnez une profession --</option>
<option value="drama">Artiste dramatique / lyrique / cinématographique / chorégraphique / de cirque (21%)</option>
<option value="musique">Artiste musicien / choriste / chef d'orchestre (18%)</option>
</select>
<div id="professionBlock" style="display:none;">
<label for="professionSelect">Profession du salarié</label>
<select id="professionSelect">
<option value="">-- Sélectionnez une profession --</option>
<option value="drama">Artiste dramatique / lyrique / cinématographique / chorégraphique / de cirque (21%)</option>
<option value="musique">Artiste musicien / choriste / chef d'orchestre (18%)</option>
</select>
</div>
</div>
</div>
@ -211,7 +213,7 @@ function isTechnicien(){ return document.getElementById('categorieSelect')?.valu
function toggleUIOnCategorieChange(){
const cachetsGroup = document.getElementById('cachetsGroup');
const abattementSection = document.getElementById('abattementSection');
const abattementSection = document.getElementById('abattementSectionWrapper');
const statutLabel = document.querySelector('label[for="statutSelect"]');
const statutSelect = document.getElementById('statutSelect');
const info = document.getElementById('info');