From 6e386d95ee79f8ea65528df2dd3b5a3583a7036e Mon Sep 17 00:00:00 2001
From: stephan <stephan@progiweb.ca>
Date: Thu, 2 Jul 2026 10:09:37 -0400
Subject: [PATCH] Enhance styling and functionality for gestion fiche sections

This commit introduces new CSS styles for the gestion fiche sections, improving the layout and visual presentation of details. It adds background colors and flexbox layouts for better readability on mobile devices. Additionally, the PHP file is updated to ensure specific sections are collapsed or expanded based on user interactions, enhancing the user experience. The version code is incremented to reflect these changes.
---
 css/style.css                       | 82 ++++++++++++++++++++++++++++-
 php/inc_fx_inscriptions_gestion.php |  6 ++-
 php/inc_settings.php                |  4 +-
 3 files changed, 87 insertions(+), 5 deletions(-)

diff --git a/css/style.css b/css/style.css
index 24d9271..1992969 100644
--- a/css/style.css
+++ b/css/style.css
@@ -2978,7 +2978,7 @@ a.ms1-trad-link.btn-aide-trad{
     padding:0;
 }
 
-.inscr-gestion-fiche-section__body > .inscr-gestion-kv-list{
+.inscr-gestion-fiche-section:not(.inscr-gestion-fiche-section--details) .inscr-gestion-fiche-section__body > .inscr-gestion-kv-list{
     padding:4px 12px 8px;
 }
 
@@ -3182,6 +3182,77 @@ a.ms1-trad-link.btn-aide-trad{
     color:#28a745;
 }
 
+/* Corps d'onglet : ton plus pale que l'en-tete colore (dentele). */
+.inscr-gestion-fiche-section--details .inscr-gestion-fiche-section__body{
+    background:#f5f9ff;
+}
+
+.inscr-gestion-fiche-section--gestion .inscr-gestion-fiche-section__body{
+    background:#fffdf5;
+}
+
+.inscr-gestion-fiche-section--editable .inscr-gestion-fiche-section__body{
+    background:#f4faf5;
+}
+
+/* Détails : cartes empilees style rolodex (lisible aussi sur mobile). */
+.inscr-gestion-fiche-section--details .inscr-gestion-kv-list{
+    display:flex;
+    flex-direction:column;
+    gap:10px;
+    padding:12px;
+}
+
+.inscr-gestion-fiche-section--details .inscr-gestion-kv-row{
+    flex-direction:column;
+    gap:4px;
+    align-items:stretch;
+    padding:12px 14px;
+    margin:0;
+    border:1px solid #c8dcfa;
+    border-radius:8px;
+    background:#fff;
+    box-shadow:0 1px 3px rgba(0,64,133,.07), 0 4px 10px rgba(0,123,255,.06);
+    border-bottom:none;
+    transform:rotate(-0.2deg);
+    transform-origin:center top;
+}
+
+.inscr-gestion-fiche-section--details .inscr-gestion-kv-row:nth-child(even){
+    transform:rotate(0.2deg);
+}
+
+.inscr-gestion-fiche-section--details .inscr-gestion-kv-row:last-child{
+    border-bottom:none;
+}
+
+.inscr-gestion-fiche-section--details .inscr-gestion-kv-row--profile{
+    border-top:none;
+    margin-top:0;
+    padding-top:12px;
+}
+
+.inscr-gestion-fiche-section--details .inscr-gestion-kv-row--flag{
+    align-items:center;
+    text-align:center;
+}
+
+.inscr-gestion-fiche-section--details .inscr-gestion-kv-row__label{
+    flex:none;
+    max-width:none;
+    font-size:11px;
+    font-weight:700;
+    text-transform:uppercase;
+    letter-spacing:.04em;
+    color:#6c8ebf;
+}
+
+.inscr-gestion-fiche-section--details .inscr-gestion-kv-row__value{
+    font-size:15px;
+    font-weight:600;
+    color:#1a3557;
+}
+
 .inscr-gestion-dl{
     margin:0;
     padding:12px;
@@ -3368,6 +3439,15 @@ a.ms1-trad-link.btn-aide-trad{
         font-weight:500;
         color:#212529;
     }
+
+    .inscr-gestion-fiche-section--details .inscr-gestion-kv-row{
+        transform:none;
+        padding:14px 16px;
+    }
+
+    .inscr-gestion-fiche-section--details .inscr-gestion-kv-row__value{
+        font-size:16px;
+    }
 }
 
 .promoteur-hub-card {
diff --git a/php/inc_fx_inscriptions_gestion.php b/php/inc_fx_inscriptions_gestion.php
index f4e04c2..0a77ff5 100644
--- a/php/inc_fx_inscriptions_gestion.php
+++ b/php/inc_fx_inscriptions_gestion.php
@@ -1481,7 +1481,8 @@ function fxInscrGestionRenderFiche($intEveId, $strLangue, $strBaseUrl, $arrReq,
     $strRenvoi = fxInscrGestionT('inscr_gestion_renvoi');
 
     if ($blnHasGestion || $blnInspect) {
-    fxInscrGestionRenderFicheSectionStart('gestion', fxInscrGestionT('inscr_gestion_section_management'), 'fa-cog', !$blnFromQr);
+    // MSIN — a l'ouverture de la fiche, seul l'onglet Détails reste deploye.
+    fxInscrGestionRenderFicheSectionStart('gestion', fxInscrGestionT('inscr_gestion_section_management'), 'fa-cog', false);
     echo '<div class="inscr-gestion-gestion-actions">';
     // Libelle devant le bouton facture (numero de commande) — invite a afficher la facture.
     echo '<span class="inscr-gestion-facture-label">' . fxInscrGestionEsc(fxInscrGestionT('inscr_gestion_show_invoice')) . '</span>';
@@ -1556,7 +1557,8 @@ function fxInscrGestionRenderFiche($intEveId, $strLangue, $strBaseUrl, $arrReq,
     }
 
     if ($blnHasEditable || $blnInspect) {
-    fxInscrGestionRenderFicheSectionStart('editable', fxInscrGestionT('inscr_gestion_section_editable'), 'fa-pencil-square-o', true);
+    // MSIN — champs modifiables fermes par defaut ; ouverts si arrivee par scan QR (dossard).
+    fxInscrGestionRenderFicheSectionStart('editable', fxInscrGestionT('inscr_gestion_section_editable'), 'fa-pencil-square-o', $blnFromQr);
 
     if ($blnCanBib) {
     $strFullBibInputId = $strBibInputId . $intParId;
diff --git a/php/inc_settings.php b/php/inc_settings.php
index ba90f04..6054f92 100644
--- a/php/inc_settings.php
+++ b/php/inc_settings.php
@@ -7,8 +7,8 @@
  * Constantes *
  *
  **************/
-define('_VERSION_CODE', '4.72.721');
-define('_DATE_CODE', '2026-06-30');
+define('_VERSION_CODE', '4.72.722');
+define('_DATE_CODE', '2026-07-02');
 //MSIN-4290
 define('QR_SECRET_KEY', 'ms1_qr_2026_cle_secrete_longue_et_fixe');
 // Outil temporaire ms1_kc_set.php — modifier key_chain_http (lien /kc/{pk}/)