From d5a01ac85fc14cdc112d71ace4b77244f212504c Mon Sep 17 00:00:00 2001
From: tristan <tristan@yuno.malio.fr>
Date: Wed, 17 Jun 2026 11:44:41 +0200
Subject: [PATCH] =?UTF-8?q?fix(transport)=20:=20name=20de=20radio=20unique?=
 =?UTF-8?q?=20par=20bloc=20prix=20(useId)=20=E2=80=94=20plus=20de=20groupe?=
 =?UTF-8?q?=20partag=C3=A9=20entre=20blocs=20(ERP-170)?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../components/CarrierPriceBlock.vue          | 19 ++++++++++++-------
 1 file changed, 12 insertions(+), 7 deletions(-)

diff --git a/frontend/modules/transport/components/CarrierPriceBlock.vue b/frontend/modules/transport/components/CarrierPriceBlock.vue
index 9dc1ad2..4c5f68e 100644
--- a/frontend/modules/transport/components/CarrierPriceBlock.vue
+++ b/frontend/modules/transport/components/CarrierPriceBlock.vue
@@ -17,7 +17,7 @@
             <div class="flex h-12 items-center gap-6">
                 <MalioRadioButton
                     :model-value="model.direction"
-                    name="price-direction"
+                    :name="`price-direction-${uid}`"
                     value="CLIENT"
                     :label="t('transport.carriers.form.price.directionClient')"
                     :disabled="readonly"
@@ -26,7 +26,7 @@
                 />
                 <MalioRadioButton
                     :model-value="model.direction"
-                    name="price-direction"
+                    :name="`price-direction-${uid}`"
                     value="FOURNISSEUR"
                     :label="t('transport.carriers.form.price.directionSupplier')"
                     :disabled="readonly"
@@ -112,7 +112,7 @@
                 <div class="flex h-12 items-center gap-4">
                     <MalioRadioButton
                         :model-value="model.containerType"
-                        name="price-container"
+                        :name="`price-container-${uid}`"
                         value="BENNE"
                         :label="t('transport.carriers.containerType.BENNE')"
                         :disabled="readonly"
@@ -121,7 +121,7 @@
                     />
                     <MalioRadioButton
                         :model-value="model.containerType"
-                        name="price-container"
+                        :name="`price-container-${uid}`"
                         value="FOND_MOUVANT"
                         :label="t('transport.carriers.containerType.FOND_MOUVANT')"
                         :disabled="readonly"
@@ -137,7 +137,7 @@
                 <div class="flex h-12 items-center gap-4">
                     <MalioRadioButton
                         :model-value="model.pricingUnit"
-                        name="price-unit"
+                        :name="`price-unit-${uid}`"
                         value="FORFAIT"
                         :label="t('transport.carriers.form.price.pricingForfait')"
                         :disabled="readonly"
@@ -146,7 +146,7 @@
                     />
                     <MalioRadioButton
                         :model-value="model.pricingUnit"
-                        name="price-unit"
+                        :name="`price-unit-${uid}`"
                         value="TONNE"
                         :label="t('transport.carriers.form.price.pricingTonne')"
                         :disabled="readonly"
@@ -181,7 +181,7 @@
 </template>
 
 <script setup lang="ts">
-import { computed, ref, watch } from 'vue'
+import { computed, ref, useId, watch } from 'vue'
 import type { CarrierPriceFormDraft } from '~/modules/transport/types/carrierForm'
 
 interface SelectOption {
@@ -212,6 +212,11 @@ const emit = defineEmits<{
 const { t } = useI18n()
 const api = useApi()
 
+// Identifiant unique par instance : les groupes de radios (sens / contenant / tarif)
+// doivent avoir un `name` PROPRE à chaque bloc prix, sinon plusieurs blocs partagent
+// le même groupe HTML et leurs radios se désélectionnent mutuellement.
+const uid = useId()
+
 const model = computed(() => props.modelValue)
 
 const priceStateOptions = computed<SelectOption[]>(() => [