From 9c3aebf02e33a6095a90be5d04467e6562097a01 Mon Sep 17 00:00:00 2001
From: tristan <tristan@yuno.malio.fr>
Date: Wed, 17 Jun 2026 14:26:13 +0200
Subject: [PATCH] =?UTF-8?q?fix(transport)=20:=20consultation=20=E2=80=94?=
 =?UTF-8?q?=20disposition=20du=20bloc=20principal=20align=C3=A9e=20sur=20l?=
 =?UTF-8?q?'ajout=20(LIOT,=20d=C3=A9charge=20col=203,=20affr=C3=A9ter=20co?=
 =?UTF-8?q?l=204)=20(ERP-170)?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../transport/pages/carriers/[id]/index.vue   | 65 ++++++++++++++-----
 1 file changed, 47 insertions(+), 18 deletions(-)

diff --git a/frontend/modules/transport/pages/carriers/[id]/index.vue b/frontend/modules/transport/pages/carriers/[id]/index.vue
index e7aec25..21414f1 100644
--- a/frontend/modules/transport/pages/carriers/[id]/index.vue
+++ b/frontend/modules/transport/pages/carriers/[id]/index.vue
@@ -43,34 +43,52 @@
         <p v-else-if="error" class="mt-12 text-center text-m-danger">{{ t('transport.carriers.consultation.notFound') }}</p>
 
         <template v-else-if="carrier">
-            <!-- ── Bloc principal (lecture seule) ─────────────────────────────── -->
+            <!-- ── Bloc principal (lecture seule) — même disposition que l'ajout ── -->
             <div class="mt-[48px] grid grid-cols-3 xl:grid-cols-4 gap-x-[44px] gap-y-4">
                 <MalioInputText :model-value="main.name" :label="t('transport.carriers.form.main.name')" readonly />
-                <MalioInputText
-                    v-if="main.certificationType"
-                    :model-value="certificationLabel"
-                    :label="t('transport.carriers.form.main.certificationType')"
-                    readonly
-                />
+
+                <!-- Cas LIOT : seul le champ immatriculations. -->
                 <MalioInputText
                     v-if="isLiot"
                     :model-value="main.liotPlates"
                     :label="t('transport.carriers.form.main.liotPlates')"
                     readonly
                 />
-                <div class="flex h-12 items-center">
-                    <MalioCheckbox
-                        id="carrier-view-chartered"
-                        :label="t('transport.carriers.form.main.isChartered')"
-                        :model-value="main.isChartered"
+
+                <!-- Cas standard : certification + décharge (col 3 réservée) + affrètement (col 4). -->
+                <template v-if="!isLiot">
+                    <MalioInputText
+                        :model-value="certificationLabel"
+                        :label="t('transport.carriers.form.main.certificationType')"
                         readonly
-                        :reserve-message-space="false"
                     />
-                </div>
-                <template v-if="main.isChartered">
-                    <MalioInputText :model-value="main.indexationRate" :label="t('transport.carriers.form.main.indexationRate')" readonly />
-                    <MalioInputText :model-value="containerLabel" :label="t('transport.carriers.form.main.containerType')" readonly />
-                    <MalioInputText :model-value="main.volumeM3" :label="t('transport.carriers.form.main.volumeM3')" readonly />
+
+                    <!-- Colonne 3 réservée à la décharge (si AUTRE), sinon vide (xl). -->
+                    <MalioInputText
+                        v-if="main.certificationType === 'AUTRE'"
+                        :model-value="dischargeLabel"
+                        :label="t('transport.carriers.form.main.discharge')"
+                        readonly
+                    />
+                    <div v-else class="hidden xl:block"></div>
+
+                    <!-- Affréter : colonne 4, centré (h-12) comme à l'ajout. -->
+                    <div class="flex h-12 items-center">
+                        <MalioCheckbox
+                            id="carrier-view-chartered"
+                            :label="t('transport.carriers.form.main.isChartered')"
+                            :model-value="main.isChartered"
+                            readonly
+                            :reserve-message-space="false"
+                        />
+                    </div>
+
+                    <!-- Champs d'affrètement (ligne 2) si affrété. -->
+                    <template v-if="main.isChartered">
+                        <MalioInputText :model-value="indexationDisplay" :label="t('transport.carriers.form.main.indexationRate')" readonly />
+                        <MalioInputText :model-value="containerLabel" :label="t('transport.carriers.form.main.containerType')" readonly />
+                        <MalioInputText :model-value="main.volumeM3" :label="t('transport.carriers.form.main.volumeM3')" readonly />
+                    </template>
                 </template>
             </div>
 
@@ -237,6 +255,17 @@ const certificationLabel = computed(() => main.value.certificationType
 const containerLabel = computed(() => main.value.containerType
     ? t(`transport.carriers.containerType.${main.value.containerType}`)
     : '')
+// Indexation affichée avec le « % » (comme l'icône du champ amount de l'ajout).
+const indexationDisplay = computed(() => main.value.indexationRate ? `${main.value.indexationRate} %` : '')
+// Décharge : nom du fichier embarqué si présent (sinon vide ; la colonne reste réservée).
+const dischargeLabel = computed(() => {
+    const doc = carrier.value?.dischargeDocument
+    if (doc && typeof doc !== 'string') {
+        const meta = doc as Record<string, unknown>
+        return String(meta.originalFilename ?? meta.name ?? '')
+    }
+    return ''
+})
 
 // ── Onglets : Adresses · Contacts · Prix (ouvre sur Adresses, pas de Qualimat) ──
 const activeTab = ref('addresses')