From dab5560de884ddf2b67894c57975c361e7739629 Mon Sep 17 00:00:00 2001
From: Samir Boulahtit <samir.boulahtit@wizard.lu>
Date: Sun, 29 Mar 2026 14:12:53 +0200
Subject: [PATCH] fix(tenancy): use x-if instead of x-show for edit modal

x-model bindings crash when selectedMember is null because x-show
keeps DOM elements alive. x-if removes them entirely, preventing
the "can't access property of null" errors on page load.

Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
---
 app/modules/tenancy/templates/tenancy/merchant/team.html | 4 +++-
 1 file changed, 3 insertions(+), 1 deletion(-)

diff --git a/app/modules/tenancy/templates/tenancy/merchant/team.html b/app/modules/tenancy/templates/tenancy/merchant/team.html
index 09ab0789..57245fec 100644
--- a/app/modules/tenancy/templates/tenancy/merchant/team.html
+++ b/app/modules/tenancy/templates/tenancy/merchant/team.html
@@ -270,7 +270,8 @@
 
 <!-- ==================== EDIT MODAL ==================== -->
 {% call modal('editModal', _('tenancy.team.edit_member'), 'showEditModal', size='md', show_footer=false) %}
-    <div x-show="selectedMember" class="space-y-4">
+    <template x-if="selectedMember">
+    <div class="space-y-4">
         <!-- Profile fields -->
         <div class="space-y-3">
             <h4 class="text-sm font-medium text-gray-700 dark:text-gray-300">{{ _('tenancy.team.personal_info') }}</h4>
@@ -339,6 +340,7 @@
             </button>
         </div>
     </div>
+    </template>
 {% endcall %}
 
 <!-- ==================== REMOVE MODAL ==================== -->