From d84df980df9b16be9016f607cd9bdbdecee75004 Mon Sep 17 00:00:00 2001
From: guillaume91 <guillaume@sobit.nl>
Date: Fri, 14 Jun 2024 13:28:12 +0200
Subject: [PATCH] [fix] mail toggle in settings not initialized well

---
 .../views/livewire/projects/tabs/settings.blade.php          | 5 ++---
 1 file changed, 2 insertions(+), 3 deletions(-)

diff --git a/laravel_app/resources/views/livewire/projects/tabs/settings.blade.php b/laravel_app/resources/views/livewire/projects/tabs/settings.blade.php
index dc8be8b..a5d2df8 100644
--- a/laravel_app/resources/views/livewire/projects/tabs/settings.blade.php
+++ b/laravel_app/resources/views/livewire/projects/tabs/settings.blade.php
@@ -163,8 +163,7 @@ class="flex flex-col md:flex-row">
         </div>
         <div id="mail"
              class="flex flex-col md:w-2/3"
-             x-data="{showMail: $wire.entangle('formData['mail_scheduled']')}"
-             x-init="showMail = $wire.formData['mail_scheduled']"
+             x-data="{showMail: $wire.entangle('formData.mail_scheduled')}"
         > {{-- flex col--}}
             <div class="flex justify-between my-4">
                 <div class="inline-flex items-center gap-2">
@@ -174,7 +173,7 @@ class="flex flex-col md:w-2/3"
                     </div>
                 </div>
                 <label class="inline-flex items-center cursor-pointer gap-4">
-                    <input type="checkbox" class="sr-only peer" wire:model.live="formData.mail_scheduled"
+                    <input type="checkbox" class="sr-only peer" x-init="$el.checked = @js($formData['mail_scheduled'])"
                            @click="showMail = $el.checked">
                     <div
                         class="relative w-11 h-6 bg-gray-200 peer-focus:outline-none peer-focus:ring-4 peer-focus:ring-indigo-300 dark:peer-focus:ring-indigo-800 rounded-full peer dark:bg-gray-700 peer-checked:after:translate-x-full rtl:peer-checked:after:-translate-x-full peer-checked:after:border-white after:content-[''] after:absolute after:top-[2px] after:start-[2px] after:bg-white after:border-gray-300 after:border after:rounded-full after:h-5 after:w-5 after:transition-all dark:border-gray-600 peer-checked:bg-indigo-600"></div>