50 * 1024 * 1024) { alert('Ukuran file melebihi batas maksimal 50 MB.'); return; } this.fileName = file.name; this.fileSizeMb = (file.size / (1024 * 1024)).toFixed(1); this.hasCustomImage = true; const reader = new FileReader(); reader.onload = (e) => { this.previewImage = e.target.result; this.step = 2; // Auto advance to simulator }; reader.readAsDataURL(file); }, // Add to Cart isSubmitting: false, orderSuccessMessage: '', submitOrder(isBuyNow = false) { this.isSubmitting = true; const formData = new FormData(); formData.append('action', 'add_cart'); formData.append('product_id', 999); formData.append('material_id', this.selectedMaterial); formData.append('motif_code', 'CUSTOM-DESIGN-' + (this.fileName ? this.fileName.substring(0, 15) : 'SENDIRI')); formData.append('width_cm', this.unit === 'cm' ? this.inputWidth : this.inputWidth * 100); formData.append('height_cm', this.unit === 'cm' ? this.inputHeight : this.inputHeight * 100); formData.append('glue_addon', this.glueAddon ? '1' : '0'); fetch('/api/cart.php', { method: 'POST', body: formData }) .then(res => res.json()) .then(data => { this.isSubmitting = false; if (isBuyNow) { window.location.href = '/keranjang.php'; } else { this.orderSuccessMessage = 'Desain custom Anda berhasil disimpan ke keranjang!'; setTimeout(() => { this.orderSuccessMessage = ''; }, 3500); } }) .catch(() => { this.isSubmitting = false; if (isBuyNow) { window.location.href = '/keranjang.php'; } }); } }">