V1.0.2-beta

force-app/main/default/lwc/propertyTemplateSelector/propertyTemplateSelector.html

@@ -33,19 +33,19 @@
         <!-- Step Progress Stepper -->
         <div class="step-stepper-container">
             <div class="step-stepper">
-                <div class="step-item" data-step="1" onclick={goToStep}>
+                <div class="step-item" data-step="1" >
                     <div class="step-circle {step1NavClass}" style={step1NavStyle}>
                         <span class="step-number">1</span>
                     </div>
                 </div>
                 <div class="step-connector"></div>
-                <div class="step-item" data-step="2" onclick={goToStep}>
+                <div class="step-item" data-step="2" >
                     <div class="step-circle {step2NavClass}" style={step2NavStyle}>
                         <span class="step-number">2</span>
                     </div>
                 </div>
                 <div class="step-connector"></div>
-                <div class="step-item" data-step="3" onclick={goToStep}>
+                <div class="step-item" data-step="3" >
                     <div class="step-circle {step3NavClass}" style={step3NavStyle}>
                         <span class="step-number">3</span>
                     </div>
@@ -98,7 +98,7 @@
                                 <h1 class="property-name" style="color: white !important;">Modern Villa</h1>
                                 <p class="property-address" style="color: white !important;">123 Luxury Lane, Prestige City, PC 45678</p>
                                 <div class="hero-details">
-                                    <div class="price" style="color: white !important;">$2,500,000</div>
+                                    <div class="price" style="color: white !important;">AED 2,500,000</div>
                                     <div class="stats">
                                         <span class="stat-item" style="color: white !important;"><i class="fa-solid fa-bed"></i> 4 Beds</span>
                                         <span class="stat-item" style="color: white !important;"><i class="fa-solid fa-bath"></i> 3 Baths</span>
@@ -777,8 +777,7 @@
                 <!-- Image Review Section -->
                 <template if:true={selectedPropertyId}>
                     <div class="image-review-section">
-                        <h3>Property Image</h3>
-                        <p>Review and select images for your brochure</p>
+                        <h3>Property Images</h3>
 
                         <!-- Offering Type Display -->
                         <div class="offering-type-display">
@@ -795,6 +794,11 @@
                                     <img src={currentImage.url} alt={currentImage.title} class="property-image-step2" />
                                 </div>
                             </template>
+                            <template if:false={currentImage}>
+                                <div class="no-image-message">
+                                    <p>No images found</p>
+                                </div>
+                            </template>
                         </div>
 
                         <!-- Navigation Controls -->
@@ -1074,6 +1078,12 @@
                 <div class="editor-right">
                     <!-- Page Size and PDF Generation Header -->
                     <div class="template-header-area">
+                        <!-- New Back Button -->
+                        <div class="header-left-actions">
+                            <button class="btn btn-secondary" onclick={previousStep} title="Back">
+                                ← Back
+                            </button>
+                        </div>
                         <!-- Page Size Options -->
                         <div class="page-size-section">
                             <label class="page-size-label">Page Size:</label>
@@ -1108,7 +1118,7 @@
                     <!-- Viewport Toolbar - Removed for cleaner interface -->
 
                     <!-- PDF Viewport -->
-                    <div class={pdfViewportClass}>
+                    <div class={pdfViewportClass} style="display:flex; justify-content:center; align-items:flex-start;">
                         <div class="pdf-canvas" style={pdfCanvasStyle} data-page-size={selectedPageSize}>
                             <!-- Pages will be dynamically generated here -->
                             <template if:true={previewPages}>
@@ -1132,9 +1142,9 @@
                             </template>
                         </div>
                         <template if:false={hasPropertyImages}>
-                            <div class="floating-placeholder">
-                                <div class="placeholder-badge">Default</div>
-                                <div class="placeholder-bubble">
+                            <div class="floating-placeholder" data-preview-only="true" style="position: absolute; bottom: 12px; left: 12px; display: flex; align-items: center; gap: 8px; z-index: 2000; pointer-events: none;">
+                                <div class="placeholder-badge" style="background: #111; color: #fff; font-size: 11px; padding: 2px 8px; border-radius: 999px; box-shadow: 0 1px 2px rgba(0,0,0,0.2);">Default</div>
+                                <div class="placeholder-bubble" style="background: #fff; color: #111; font-size: 12px; padding: 6px 10px; border-radius: 8px; box-shadow: 0 6px 18px rgba(0,0,0,0.15); border: 1px solid rgba(0,0,0,0.06);">
                                     No property images were found. Using template defaults.
                                 </div>
                             </div>