fghjf

app/Modules/Settings/Views/branding.php

@@ -43,6 +43,7 @@ $rd = $receiptDesign;
                 </div>
                 <div class="card-body">
                     <div class="logo-upload-area" id="logo-upload-area">
+                        <div id="logo-display">
                             <?php if ($logo): ?>
                                 <div class="logo-preview" id="logo-preview">
                                     <img src="<?= e($logo) ?>" alt="شعار النادي" id="logo-preview-img">
@@ -59,6 +60,7 @@ $rd = $receiptDesign;
                                     <small>PNG, JPG, SVG, WebP — أقصى حجم 2MB</small>
                                 </div>
                             <?php endif; ?>
+                        </div>
                         <input type="file" name="logo_file" id="logo_file" accept="image/png,image/jpeg,image/svg+xml,image/webp" style="display:none;" onchange="previewLogo(this)">
                         <input type="hidden" name="remove_logo" id="remove_logo" value="0">
                     </div>
@@ -412,31 +414,26 @@ function previewLogo(input) {
     }
     var reader = new FileReader();
     reader.onload = function(e) {
-        var area = document.getElementById('logo-upload-area');
-        area.innerHTML = '<div class="logo-preview" id="logo-preview">' +
+        var display = document.getElementById('logo-display');
+        display.innerHTML = '<div class="logo-preview" id="logo-preview">' +
             '<img src="' + e.target.result + '" alt="معاينة" id="logo-preview-img">' +
             '<div class="logo-preview-overlay">' +
             '<button type="button" class="btn btn-sm btn-danger" onclick="removeLogo()">' +
             '<i data-lucide="trash-2"></i> حذف</button></div></div>';
-        // Re-append the hidden inputs
-        var fileInput = document.getElementById('logo_file');
-        var removeInput = document.getElementById('remove_logo');
-        if (!area.contains(fileInput)) area.appendChild(fileInput);
-        if (!area.contains(removeInput)) area.appendChild(removeInput);
-        removeInput.value = '0';
+        document.getElementById('remove_logo').value = '0';
         lucide.createIcons();
     };
     reader.readAsDataURL(file);
 }
 
 function removeLogo() {
-    var area = document.getElementById('logo-upload-area');
-    area.innerHTML = '<div class="logo-placeholder" id="logo-placeholder" onclick="document.getElementById(\'logo_file\').click()">' +
+    var display = document.getElementById('logo-display');
+    display.innerHTML = '<div class="logo-placeholder" id="logo-placeholder" onclick="document.getElementById(\'logo_file\').click()">' +
         '<i data-lucide="image-plus"></i>' +
         '<p>اضغط لرفع الشعار</p>' +
-        '<small>PNG, JPG, SVG, WebP — أقصى حجم 2MB</small></div>' +
-        '<input type="file" name="logo_file" id="logo_file" accept="image/png,image/jpeg,image/svg+xml,image/webp" style="display:none;" onchange="previewLogo(this)">' +
-        '<input type="hidden" name="remove_logo" id="remove_logo" value="1">';
+        '<small>PNG, JPG, SVG, WebP — أقصى حجم 2MB</small></div>';
+    document.getElementById('logo_file').value = '';
+    document.getElementById('remove_logo').value = '1';
     lucide.createIcons();
 }