From 6db310efee0f6d9a96c4231c94f5657a449309df Mon Sep 17 00:00:00 2001
From: Antoine Pierlot-Garcin <antoine@bokbox.com>
Date: Thu, 16 Nov 2023 14:17:17 +0100
Subject: [PATCH] =?UTF-8?q?salaire=20:=20reformat=20+=20correction=20bug?=
 =?UTF-8?q?=20=20log=C3=A9=20/=20nourri?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/routes/SalaireInterne.svelte | 552 ++++++++++++++++++-------------
 1 file changed, 313 insertions(+), 239 deletions(-)

diff --git a/src/routes/SalaireInterne.svelte b/src/routes/SalaireInterne.svelte
index 85179a9..bcde7c3 100644
--- a/src/routes/SalaireInterne.svelte
+++ b/src/routes/SalaireInterne.svelte
@@ -1,284 +1,358 @@
 <script lang="ts">
 	import { RadioGroup, RadioItem, SlideToggle } from '@skeletonlabs/skeleton';
-    import PlusMoins from './PlusMoins.svelte';
-    import { recupBasesLegales } from './basesLegales';
+	import PlusMoins from './PlusMoins.svelte';
+	import { recupBasesLegales } from './basesLegales';
 	import LigneSalaire from './LigneSalaire.svelte';
 
 	let anneeInternat: string = '1re';
-    let isLogé: boolean = false;
-    let isNourri: boolean = true;
-    let medGeOuSpe: string = "spe";
-    let aPrimeSaspas: boolean = false;
-    let aIndemnite15km: boolean = false;
-    let aIndemniteZipZac: boolean = false;
-    let estUltramarin: boolean = false;
+	let isLogé: boolean = false;
+	let isNourri: boolean = true;
+	let medGeOuSpe: string = 'spe';
+	let aPrimeSaspas: boolean = false;
+	let aIndemnite15km: boolean = false;
+	let aIndemniteZipZac: boolean = false;
+	let estUltramarin: boolean = false;
 
-    let nbDemiGardes: number = 0;
-    let nbGardesSem : number = 0;
-    let nbGardesWE : number = 0;
-    let nbAstreintes : number = 0;
-    let nbDeplacements: number = 0;
+	let nbDemiGardes: number = 0;
+	let nbGardesSem: number = 0;
+	let nbGardesWE: number = 0;
+	let nbAstreintes: number = 0;
+	let nbDeplacements: number = 0;
 
 	const annees = ['FFI', '1re', '2e', '3e', '4e', '5e', 'DJ1', 'DJ2'];
-    const bases = recupBasesLegales(2023, 10);
+	const bases = recupBasesLegales(2023, 10);
 
-      // Salaire de base et idemnités
-    let base : number = 0;
-    let indemniteSujetion : number = 0;
-    let indemniteSujetionLabel  : string = "";
-    let indemniteSujetionRetraite : number = 0;
+	// Salaire de base et idemnités
+	let base: number = 0;
+	let indemniteSujetion: number = 0;
+	let indemniteSujetionLabel: string = '';
+	let indemniteSujetionRetraite: number = 0;
 
-    $: switch(anneeInternat) {
-        case "FFI":
-        base = parseFloat(bases.baseFFI) / 12;
-        indemniteSujetion = parseFloat(bases.indemniteSujetion);
-        indemniteSujetionLabel = "Indemnité de sujetion";
-        indemniteSujetionRetraite = 0;
-        break;
+	$: switch (anneeInternat) {
+		case 'FFI':
+			base = parseFloat(bases.baseFFI) / 12;
+			indemniteSujetion = parseFloat(bases.indemniteSujetion);
+			indemniteSujetionLabel = 'Indemnité de sujetion';
+			indemniteSujetionRetraite = 0;
+			break;
 
-        case "1re":
-        base = parseFloat(bases.base1ere) / 12;
-        indemniteSujetion = parseFloat(bases.indemniteSujetion);
-        indemniteSujetionLabel = "Indemnité de sujetion";
-        indemniteSujetionRetraite = 0;
-        break;
+		case '1re':
+			base = parseFloat(bases.base1ere) / 12;
+			indemniteSujetion = parseFloat(bases.indemniteSujetion);
+			indemniteSujetionLabel = 'Indemnité de sujetion';
+			indemniteSujetionRetraite = 0;
+			break;
 
-        case "2e":
-        base = parseFloat(bases.base2e) / 12;
-        indemniteSujetion = parseFloat(bases.indemniteSujetion);
-        indemniteSujetionLabel = "Indemnité de sujetion";
-        indemniteSujetionRetraite = 0;
-        break;
+		case '2e':
+			base = parseFloat(bases.base2e) / 12;
+			indemniteSujetion = parseFloat(bases.indemniteSujetion);
+			indemniteSujetionLabel = 'Indemnité de sujetion';
+			indemniteSujetionRetraite = 0;
+			break;
 
-        case "3e":
-        base = parseFloat(bases.base3e) / 12;
-        indemniteSujetion = 0;
-        indemniteSujetionLabel = "";
-        indemniteSujetionRetraite = 0;
-        break;
-        
-        case "4e":
-        base = parseFloat(bases.base4e) / 12;
-        indemniteSujetion = parseFloat(bases.primeResp4eme) / 12;
-        indemniteSujetionLabel = "Prime de responsabilité";
-        indemniteSujetionRetraite = indemniteSujetion;
-        break;
+		case '3e':
+			base = parseFloat(bases.base3e) / 12;
+			indemniteSujetion = 0;
+			indemniteSujetionLabel = '';
+			indemniteSujetionRetraite = 0;
+			break;
 
-        case "5e":
-        base = parseFloat(bases.base5e) / 12;
-        indemniteSujetion = parseFloat(bases.primeResp5eme) / 12;
-        indemniteSujetionLabel = "Prime de responsabilité";
-        indemniteSujetionRetraite = indemniteSujetion;
-        break;
+		case '4e':
+			base = parseFloat(bases.base4e) / 12;
+			indemniteSujetion = parseFloat(bases.primeResp4eme) / 12;
+			indemniteSujetionLabel = 'Prime de responsabilité';
+			indemniteSujetionRetraite = indemniteSujetion;
+			break;
 
-        case "DJ1":
-        base = parseFloat(bases.baseDJ1) / 12;
-        indemniteSujetion = parseFloat(bases.primeDJ1re) / 12;
-        indemniteSujetionLabel = "Prime d'autonomie supervisée";
-        indemniteSujetionRetraite = indemniteSujetion;
-        break;
-                
-        case "DJ2":
-        base = parseFloat(bases.baseDJ2) / 12;
-        indemniteSujetion = parseFloat(bases.primeDJ2eme) / 12;
-        indemniteSujetionLabel = "Prime d'autonomie supervisée";
-        indemniteSujetionRetraite = indemniteSujetion;
-        break;
+		case '5e':
+			base = parseFloat(bases.base5e) / 12;
+			indemniteSujetion = parseFloat(bases.primeResp5eme) / 12;
+			indemniteSujetionLabel = 'Prime de responsabilité';
+			indemniteSujetionRetraite = indemniteSujetion;
+			break;
 
-        default:
-        console.error("Année d'internat mal choisie");
-}
+		case 'DJ1':
+			base = parseFloat(bases.baseDJ1) / 12;
+			indemniteSujetion = parseFloat(bases.primeDJ1re) / 12;
+			indemniteSujetionLabel = "Prime d'autonomie supervisée";
+			indemniteSujetionRetraite = indemniteSujetion;
+			break;
 
-// Prime logé - nourri
-let primeLogeNourri : number = 0;
-$: if (isNourri) {
-    if (isLogé) {
-      primeLogeNourri = parseFloat(bases.primeNonLogeNonNourri) / 12;
-    } else {
-      primeLogeNourri = parseFloat(bases.primeLogeNonNourri) / 12;
-    }
-  } else {
-    if (isLogé) {
-      primeLogeNourri = parseFloat(bases.primeNonLogeNourri) / 12;
-    } else {
-        primeLogeNourri = 0;
-    }
-  }
+		case 'DJ2':
+			base = parseFloat(bases.baseDJ2) / 12;
+			indemniteSujetion = parseFloat(bases.primeDJ2eme) / 12;
+			indemniteSujetionLabel = "Prime d'autonomie supervisée";
+			indemniteSujetionRetraite = indemniteSujetion;
+			break;
 
-  // Prime SASPAS et indemnité transport et indemnité d'hébergement
-  $: primeSASPAS = (medGeOuSpe === "mg") && aPrimeSaspas ? parseFloat(bases.primeSASPAS) : 0;
-  $: indemniteTransport = (medGeOuSpe === "mg") && aIndemnite15km ? parseFloat(bases.indemniteDeplacement) : 0;
-  $: indemniteHebergement = (medGeOuSpe === "mg") && aIndemniteZipZac ? parseFloat(bases.indemniteHebergement) : 0;
+		default:
+			console.error("Année d'internat mal choisie");
+	}
 
-  // Prime Outremer
-  $: tauxPrimeOutremer = estUltramarin ? parseFloat(bases.tauxPrimeOutremer) : 0;
+	// Prime logé - nourri
+	let primeLogeNourri: number = 0;
+	$: if (!isNourri) {
+		if (!isLogé) {
+			primeLogeNourri = parseFloat(bases.primeNonLogeNonNourri) / 12;
+		} else {
+			primeLogeNourri = parseFloat(bases.primeLogeNonNourri) / 12;
+		}
+	} else {
+		if (!isLogé) {
+			primeLogeNourri = parseFloat(bases.primeNonLogeNourri) / 12;
+		} else {
+			primeLogeNourri = 0;
+		}
+	}
 
-  // Gardes et astreintes
-  $: valDemiGarde = parseFloat(bases.demigarde);
-  $: valGardeSem = parseFloat(bases.gardeSem); // Pas de gestion des gardes au dela du service normal pour le moment 
-  $: valGardeWE = parseFloat(bases.gardeWE); // Pas de gestion des gardes au dela du service normal pour le moment
-  $: valAstreinte = parseFloat(bases.astreinte);
-  $: valDeplacement = parseFloat(bases.deplaAstreinte);
+	// Prime SASPAS et indemnité transport et indemnité d'hébergement
+	$: primeSASPAS = medGeOuSpe === 'mg' && aPrimeSaspas ? parseFloat(bases.primeSASPAS) : 0;
+	$: indemniteTransport =
+		medGeOuSpe === 'mg' && aIndemnite15km ? parseFloat(bases.indemniteDeplacement) : 0;
+	$: indemniteHebergement =
+		medGeOuSpe === 'mg' && aIndemniteZipZac ? parseFloat(bases.indemniteHebergement) : 0;
 
-  // == TOTAL BRUT ==
-  $: totalBrut = base
-    + indemniteSujetion
-    + primeLogeNourri
-    + primeSASPAS
-    + indemniteTransport
-    + indemniteHebergement
-    + tauxPrimeOutremer * base / 100
-    + nbDemiGardes * valDemiGarde
-    + nbGardesSem * valGardeSem
-    + nbGardesWE * valGardeWE
-    + nbAstreintes * valAstreinte
-    + nbDeplacements * valDeplacement;
+	// Prime Outremer
+	$: tauxPrimeOutremer = estUltramarin ? parseFloat(bases.tauxPrimeOutremer) : 0;
 
-  // Contribution sociale généralisée (CSG) et remboursement de la dette sociale (CRDS)
-  $: baseCsgRds = totalBrut * parseFloat(bases.assietteCSGCRDS);
-  $: tauxCSGDeductible = parseFloat(bases.tauxCSGDeductible);
-  $: tauxCSGNonDeductible = parseFloat(bases.tauxCSGNonDeductible);
-  $: tauxCRDS = parseFloat(bases.tauxCRDS);
+	// Gardes et astreintes
+	$: valDemiGarde = parseFloat(bases.demigarde);
+	$: valGardeSem = parseFloat(bases.gardeSem); // Pas de gestion des gardes au dela du service normal pour le moment
+	$: valGardeWE = parseFloat(bases.gardeWE); // Pas de gestion des gardes au dela du service normal pour le moment
+	$: valAstreinte = parseFloat(bases.astreinte);
+	$: valDeplacement = parseFloat(bases.deplaAstreinte);
 
-  // Retraite IRCANTEC
-  $: baseRetraite = (base + indemniteSujetionRetraite + indemniteTransport + indemniteHebergement + primeSASPAS) * 2/3;
-  $: plafondSS = parseFloat(bases.plafondSS);
-  $: baseIrcantecA = (baseRetraite > plafondSS) ? plafondSS : baseRetraite;
-  $: baseIrcantecB = (baseRetraite > plafondSS) ? baseRetraite - plafondSS : 0;
+	// == TOTAL BRUT ==
+	$: totalBrut =
+		base +
+		indemniteSujetion +
+		primeLogeNourri +
+		primeSASPAS +
+		indemniteTransport +
+		indemniteHebergement +
+		(tauxPrimeOutremer * base) / 100 +
+		nbDemiGardes * valDemiGarde +
+		nbGardesSem * valGardeSem +
+		nbGardesWE * valGardeWE +
+		nbAstreintes * valAstreinte +
+		nbDeplacements * valDeplacement;
 
-  $: tauxIrcantecA = parseFloat(bases.IRCANTECTrA);
-  $: tauxIrcantecB = parseFloat(bases.IRCANTECTrB);
+	// Contribution sociale généralisée (CSG) et remboursement de la dette sociale (CRDS)
+	$: baseCsgRds = totalBrut * parseFloat(bases.assietteCSGCRDS);
+	$: tauxCSGDeductible = parseFloat(bases.tauxCSGDeductible);
+	$: tauxCSGNonDeductible = parseFloat(bases.tauxCSGNonDeductible);
+	$: tauxCRDS = parseFloat(bases.tauxCRDS);
 
-  // Sécurité sociale
-  $: basePlafonnee = (totalBrut > plafondSS) ? plafondSS : totalBrut;
-  $: tauxVieillessePlafonee = parseFloat(bases.tauxAssuranceViellessePlafonee);
-  $: tauxVieillesseDeplafonee = parseFloat(bases.tauxAssuranceViellesseDeplaf);
-  
-  // == TOTAL NET AVANT IMPOTS ==
-  $: totalNetFiscal = totalBrut
-  - baseCsgRds * tauxCSGDeductible / 100
-  - baseIrcantecA * tauxIrcantecA / 100
-  - baseIrcantecB * tauxIrcantecB / 100
-  - totalBrut * tauxVieillesseDeplafonee / 100
-  - basePlafonnee * tauxVieillessePlafonee / 100;
-  $: totalNetAvantImpots = totalNetFiscal
-    - baseCsgRds * tauxCSGNonDeductible / 100
-    - baseCsgRds * tauxCRDS / 100;
+	// Retraite IRCANTEC
+	$: baseRetraite =
+		((base + indemniteSujetionRetraite + indemniteTransport + indemniteHebergement + primeSASPAS) *
+			2) /
+		3;
+	$: plafondSS = parseFloat(bases.plafondSS);
+	$: baseIrcantecA = baseRetraite > plafondSS ? plafondSS : baseRetraite;
+	$: baseIrcantecB = baseRetraite > plafondSS ? baseRetraite - plafondSS : 0;
 
-  // Impots à la source
-  let tauxSource : number = 0;
-  $: totalNet = totalNetAvantImpots - (totalNetFiscal * tauxSource / 100);
+	$: tauxIrcantecA = parseFloat(bases.IRCANTECTrA);
+	$: tauxIrcantecB = parseFloat(bases.IRCANTECTrB);
+
+	// Sécurité sociale
+	$: basePlafonnee = totalBrut > plafondSS ? plafondSS : totalBrut;
+	$: tauxVieillessePlafonee = parseFloat(bases.tauxAssuranceViellessePlafonee);
+	$: tauxVieillesseDeplafonee = parseFloat(bases.tauxAssuranceViellesseDeplaf);
+
+	// == TOTAL NET AVANT IMPOTS ==
+	$: totalNetFiscal =
+		totalBrut -
+		(baseCsgRds * tauxCSGDeductible) / 100 -
+		(baseIrcantecA * tauxIrcantecA) / 100 -
+		(baseIrcantecB * tauxIrcantecB) / 100 -
+		(totalBrut * tauxVieillesseDeplafonee) / 100 -
+		(basePlafonnee * tauxVieillessePlafonee) / 100;
+	$: totalNetAvantImpots =
+		totalNetFiscal - (baseCsgRds * tauxCSGNonDeductible) / 100 - (baseCsgRds * tauxCRDS) / 100;
+
+	// Impots à la source
+	let tauxSource: number = 0;
+	$: totalNet = totalNetAvantImpots - (totalNetFiscal * tauxSource) / 100;
 </script>
 
 {@debug base, totalBrut, totalNet}
 
 <!-- ENTREES -->
 <div class="grid gap-3 grid-cols-5 items-center">
-    <div>
-        <label class="label" for="dateSalaire"><span>Date d'effet</span></label>
-        <input id="dateSalaire" value="Date" disabled/>
-    </div>
-    <div class="col-span-3 overflow-x-auto flex">
-        <div class="grow" />
-        <div class="text-center">
-            <label class="label text-left pl-3" for="anneeInternat"><span>Année</span></label>
-            <RadioGroup id="anneeInternat">
-                {#each annees as a}
-                    <RadioItem bind:group={anneeInternat} name="anneeInternat" value={a}>{a}</RadioItem>
-                {/each}
-            </RadioGroup>
-        </div>
-        <div class="grow" />
-
-    </div>
-    <div class="flex flex-col gap-1">
-        <SlideToggle name="slider-logé" bind:checked={isLogé}>Logé</SlideToggle>
-        <SlideToggle name="slider-nourri" bind:checked={isNourri}>Nourri</SlideToggle>
-    </div>
-    <div class="col-span-2 flex flex-col gap-1">
-        <div class="grow pb-2 flex justify-left">
-            <RadioGroup id="medGeOuSpe">
-                <RadioItem bind:group={medGeOuSpe} name="medGeOuSpe" value="mg">Med Gé</RadioItem>
-                <RadioItem bind:group={medGeOuSpe} name="medGeOuSpe" value="spe">Spé</RadioItem>
-            </RadioGroup>
-        </div>
-        <div class:invisible={medGeOuSpe === "spe"} class="flex justify-left pl-3">
-            <SlideToggle name="slider-saspas" bind:checked={aPrimeSaspas}>SASPAS</SlideToggle>
-        </div>
-        <div class:invisible={medGeOuSpe === "spe"} class="flex justify-left pl-3">
-            <SlideToggle name="slider-15km" bind:checked={aIndemnite15km}>Stage &gt; 15 km</SlideToggle>
-        </div>
-        <div class:invisible={medGeOuSpe === "spe"} class="flex justify-left pl-3">
-            <SlideToggle name="slider-zipzac" bind:checked={aIndemniteZipZac}>Indemnité hébergement</SlideToggle>
-        </div>
-    </div>
-    <div class="flex flex-col gap-2">
-        <SlideToggle name="slider-outremer" bind:checked={estUltramarin}>Outremer</SlideToggle>
-        <PlusMoins bind:compteur={nbDemiGardes}>Demi-gardes</PlusMoins>
-    </div>
-    <div class="flex flex-col gap-2">
-        <PlusMoins bind:compteur={nbGardesSem}>Gardes semaine</PlusMoins>
-        <PlusMoins bind:compteur={nbGardesWE}>Gardes WE & JF (12h)</PlusMoins>
-    </div>
-    <div class="flex flex-col gap-2">
-        <PlusMoins bind:compteur={nbAstreintes}>Astreintes (12h)</PlusMoins>
-        <PlusMoins bind:compteur={nbDeplacements}>Déplacements</PlusMoins>
-    </div>
-    <div class="col-span-5 flex flex-col md:flex-row">
-        <span>Taux de prélèvement à la source : {tauxSource} %</span>
-        <input type="range" bind:value={tauxSource} max="20" step="0.5"/>
-    </div>
+	<div>
+		<label class="label" for="dateSalaire"><span>Date d'effet</span></label>
+		<input id="dateSalaire" value="Date" disabled />
+	</div>
+	<div class="col-span-3 overflow-x-auto flex">
+		<div class="grow" />
+		<div class="text-center">
+			<label class="label text-left pl-3" for="anneeInternat"><span>Année</span></label>
+			<RadioGroup id="anneeInternat">
+				{#each annees as a}
+					<RadioItem bind:group={anneeInternat} name="anneeInternat" value={a}>{a}</RadioItem>
+				{/each}
+			</RadioGroup>
+		</div>
+		<div class="grow" />
+	</div>
+	<div class="flex flex-col gap-1">
+		<SlideToggle name="slider-logé" bind:checked={isLogé}>Logé</SlideToggle>
+		<SlideToggle name="slider-nourri" bind:checked={isNourri}>Nourri</SlideToggle>
+	</div>
+	<div class="col-span-2 flex flex-col gap-1">
+		<div class="grow pb-2 flex justify-left">
+			<RadioGroup id="medGeOuSpe">
+				<RadioItem bind:group={medGeOuSpe} name="medGeOuSpe" value="mg">Med Gé</RadioItem>
+				<RadioItem bind:group={medGeOuSpe} name="medGeOuSpe" value="spe">Spé</RadioItem>
+			</RadioGroup>
+		</div>
+		<div class:invisible={medGeOuSpe === 'spe'} class="flex justify-left pl-3">
+			<SlideToggle name="slider-saspas" bind:checked={aPrimeSaspas}>SASPAS</SlideToggle>
+		</div>
+		<div class:invisible={medGeOuSpe === 'spe'} class="flex justify-left pl-3">
+			<SlideToggle name="slider-15km" bind:checked={aIndemnite15km}>Stage &gt; 15 km</SlideToggle>
+		</div>
+		<div class:invisible={medGeOuSpe === 'spe'} class="flex justify-left pl-3">
+			<SlideToggle name="slider-zipzac" bind:checked={aIndemniteZipZac}
+				>Indemnité hébergement</SlideToggle
+			>
+		</div>
+	</div>
+	<div class="flex flex-col gap-2">
+		<SlideToggle name="slider-outremer" bind:checked={estUltramarin}>Outremer</SlideToggle>
+		<PlusMoins bind:compteur={nbDemiGardes}>Demi-gardes</PlusMoins>
+	</div>
+	<div class="flex flex-col gap-2">
+		<PlusMoins bind:compteur={nbGardesSem}>Gardes semaine</PlusMoins>
+		<PlusMoins bind:compteur={nbGardesWE}>Gardes WE & JF (12h)</PlusMoins>
+	</div>
+	<div class="flex flex-col gap-2">
+		<PlusMoins bind:compteur={nbAstreintes}>Astreintes (12h)</PlusMoins>
+		<PlusMoins bind:compteur={nbDeplacements}>Déplacements</PlusMoins>
+	</div>
+	<div class="col-span-5 flex flex-col md:flex-row">
+		<span>Taux de prélèvement à la source : {tauxSource} %</span>
+		<input type="range" bind:value={tauxSource} max="20" step="0.5" />
+	</div>
 </div>
 
 <!-- BULLETIN DE SALAIRE -->
 <div class="ficheSalaire flex flex-col bg-surface-700 font-mono">
-    <div class="grow flex text-center bg-surface-600 px-1 font-bold">
-        <div class="grow text-left">&nbsp;Description</div>
-        <div class="flex-none w-24">Base</div>
-        <div class="flex-none w-16">Nb/Taux</div>
-        <div class="flex-none w-24">Total</div> 
-    </div>
-    <LigneSalaire type="brut" label="Traitement de base" base={base} />
+	<div class="grow flex text-center bg-surface-600 px-1 font-bold">
+		<div class="grow text-left">&nbsp;Description</div>
+		<div class="flex-none w-24">Base</div>
+		<div class="flex-none w-16">Nb/Taux</div>
+		<div class="flex-none w-24">Total</div>
+	</div>
+	<LigneSalaire type="brut" label="Traitement de base" {base} />
 
-    <LigneSalaire type="taux" label="Prime outremer" opt={true} base={base} taux={tauxPrimeOutremer} />
-    <LigneSalaire type="brut" label={indemniteSujetionLabel} opt={true} base={indemniteSujetion} />
-    <LigneSalaire type="brut" label="Logé / Nourri" opt={true} base={primeLogeNourri} />
-    <LigneSalaire type="brut" label="Prime de responsabilité SASPAS" opt={true} base={primeSASPAS} />
-    <LigneSalaire type="brut" label="Indemnité de transport > 15 km" opt={true} base={indemniteTransport} />
-    <LigneSalaire type="brut" label="Indemnité d'hébergement (ZIP/ZAC)" opt={true} base={indemniteHebergement} />
-    
-    <LigneSalaire type="nombre" label="Demi-garde" opt={true} base={valDemiGarde} nombre={nbDemiGardes} />
-    <LigneSalaire type="nombre" label="Garde de semaine (12h)" opt={true} base={valGardeSem} nombre={nbGardesSem} />
-    <LigneSalaire type="nombre" label="Garde de week-end (12h)" opt={true} base={valGardeWE} nombre={nbGardesWE} />
-    <LigneSalaire type="nombre" label="Astreinte" opt={true} base={valAstreinte} nombre={nbAstreintes} />
-    <LigneSalaire type="nombre" label="Déplacement sur astreinte" opt={true} base={valDeplacement} nombre={nbDeplacements} />
+	<LigneSalaire type="taux" label="Prime outremer" opt={true} {base} taux={tauxPrimeOutremer} />
+	<LigneSalaire type="brut" label={indemniteSujetionLabel} opt={true} base={indemniteSujetion} />
+	<LigneSalaire type="brut" label="Logé / Nourri" opt={true} base={primeLogeNourri} />
+	<LigneSalaire type="brut" label="Prime de responsabilité SASPAS" opt={true} base={primeSASPAS} />
+	<LigneSalaire
+		type="brut"
+		label="Indemnité de transport > 15 km"
+		opt={true}
+		base={indemniteTransport}
+	/>
+	<LigneSalaire
+		type="brut"
+		label="Indemnité d'hébergement (ZIP/ZAC)"
+		opt={true}
+		base={indemniteHebergement}
+	/>
 
-    <div class="grow flex bg-surface-600 px-1 font-bold">
-        <div class="grow text-left">&nbsp;TOTAL BRUT</div>
-        <div class="flex-none w-24 text-right">{totalBrut.toFixed(2)}</div> 
-    </div>
+	<LigneSalaire
+		type="nombre"
+		label="Demi-garde"
+		opt={true}
+		base={valDemiGarde}
+		nombre={nbDemiGardes}
+	/>
+	<LigneSalaire
+		type="nombre"
+		label="Garde de semaine (12h)"
+		opt={true}
+		base={valGardeSem}
+		nombre={nbGardesSem}
+	/>
+	<LigneSalaire
+		type="nombre"
+		label="Garde de week-end (12h)"
+		opt={true}
+		base={valGardeWE}
+		nombre={nbGardesWE}
+	/>
+	<LigneSalaire
+		type="nombre"
+		label="Astreinte"
+		opt={true}
+		base={valAstreinte}
+		nombre={nbAstreintes}
+	/>
+	<LigneSalaire
+		type="nombre"
+		label="Déplacement sur astreinte"
+		opt={true}
+		base={valDeplacement}
+		nombre={nbDeplacements}
+	/>
 
-    <LigneSalaire type="taux" label="CSG déductible" base={baseCsgRds} taux={-tauxCSGDeductible} />
-    <LigneSalaire type="taux" label="CSG non déductible" base={baseCsgRds} taux={-tauxCSGNonDeductible} />
-    <LigneSalaire type="taux" label="C(RDS)" base={baseCsgRds} taux={-tauxCRDS} />
-    <LigneSalaire type="taux" label="IRCANTEC tranche A" base={baseIrcantecA} taux={-tauxIrcantecA} />
-    <LigneSalaire type="taux" label="IRCANTEC tranche B" opt={true} base={baseIrcantecB} taux={-tauxIrcantecB} />
-    <LigneSalaire type="taux" label="S.S Vieillesse déplafonnée" base={baseRetraite} taux={-tauxVieillesseDeplafonee} />
-    <LigneSalaire type="taux" label="S.S Vieillesse plafonnée" base={basePlafonnee} taux={-tauxVieillessePlafonee} />
+	<div class="grow flex bg-surface-600 px-1 font-bold">
+		<div class="grow text-left">&nbsp;TOTAL BRUT</div>
+		<div class="flex-none w-24 text-right">{totalBrut.toFixed(2)}</div>
+	</div>
 
-    {#if tauxSource}
-    <div class="grow flex bg-surface-600 px-1 font-bold">
-        <div class="grow text-left">&nbsp;TOTAL NET AVANT IMPOTS</div>
-        <div class="flex-none w-24 text-right">{totalNetAvantImpots.toFixed(2)}</div> 
-    </div>
-    {/if}
+	<LigneSalaire type="taux" label="CSG déductible" base={baseCsgRds} taux={-tauxCSGDeductible} />
+	<LigneSalaire
+		type="taux"
+		label="CSG non déductible"
+		base={baseCsgRds}
+		taux={-tauxCSGNonDeductible}
+	/>
+	<LigneSalaire type="taux" label="C(RDS)" base={baseCsgRds} taux={-tauxCRDS} />
+	<LigneSalaire type="taux" label="IRCANTEC tranche A" base={baseIrcantecA} taux={-tauxIrcantecA} />
+	<LigneSalaire
+		type="taux"
+		label="IRCANTEC tranche B"
+		opt={true}
+		base={baseIrcantecB}
+		taux={-tauxIrcantecB}
+	/>
+	<LigneSalaire
+		type="taux"
+		label="S.S Vieillesse déplafonnée"
+		base={baseRetraite}
+		taux={-tauxVieillesseDeplafonee}
+	/>
+	<LigneSalaire
+		type="taux"
+		label="S.S Vieillesse plafonnée"
+		base={basePlafonnee}
+		taux={-tauxVieillessePlafonee}
+	/>
 
-    <LigneSalaire type="taux" label="Prélèvement à la source" opt={true} base={totalNetFiscal} taux={-tauxSource} />
+	{#if tauxSource}
+		<div class="grow flex bg-surface-600 px-1 font-bold">
+			<div class="grow text-left">&nbsp;TOTAL NET AVANT IMPOTS</div>
+			<div class="flex-none w-24 text-right">{totalNetAvantImpots.toFixed(2)}</div>
+		</div>
+	{/if}
 
-    <div class="grow flex bg-surface-600 px-1 font-bold">
-        <div class="grow text-left">&nbsp;TOTAL NET</div>
-        <div class="flex-none w-24 text-right">{totalNet.toFixed(2)}</div> 
-    </div>
+	<LigneSalaire
+		type="taux"
+		label="Prélèvement à la source"
+		opt={true}
+		base={totalNetFiscal}
+		taux={-tauxSource}
+	/>
+
+	<div class="grow flex bg-surface-600 px-1 font-bold">
+		<div class="grow text-left">&nbsp;TOTAL NET</div>
+		<div class="flex-none w-24 text-right">{totalNet.toFixed(2)}</div>
+	</div>
 </div>
 
 <style>