fix: auto-set expires_at to 30 days, add expiry display on listing page, add shipping_cost field

js/components/pages/page-create.js

@@ -34,6 +34,7 @@ class PageCreate extends HTMLElement {
             condition: 'good',
             location: '',
             shipping: false,
+            shipping_cost: '',
             moneroAddress: ''
         }
     }
@@ -103,6 +104,7 @@ class PageCreate extends HTMLElement {
                 condition: listing.condition || 'good',
                 location: listing.location?.id || listing.location || '',
                 shipping: listing.shipping || false,
+                shipping_cost: listing.shipping_cost?.toString() || '',
                 moneroAddress: listing.monero_address || '',
                 status: listing.status || 'published'
             }
@@ -286,7 +288,21 @@ class PageCreate extends HTMLElement {
                             <span>${t('create.shippingAvailable')}</span>
                         </label>
                     </div>
-                    
+
+                    <div class="form-group shipping-cost-group" id="shipping-cost-group" style="display: ${this.formData.shipping ? 'block' : 'none'}">
+                        <label class="label" for="shipping_cost">${t('create.shippingCost')}</label>
+                        <input 
+                            type="number" 
+                            class="input" 
+                            id="shipping_cost" 
+                            name="shipping_cost"
+                            min="0"
+                            step="0.01"
+                            value="${this.formData.shipping_cost || ''}"
+                            placeholder="${t('create.shippingCostPlaceholder')}"
+                        >
+                    </div>
+
                     <div class="form-group">
                         <label class="label" for="location" data-i18n="create.location">${t('create.location')}</label>
                         <location-picker 
@@ -375,10 +391,14 @@ class PageCreate extends HTMLElement {
             })
         })
 
-        // Checkbox handler
+        // Checkbox handler with shipping cost toggle
         const shippingCheckbox = this.querySelector('#shipping')
+        const shippingCostGroup = this.querySelector('#shipping-cost-group')
         shippingCheckbox?.addEventListener('change', (e) => {
             this.formData.shipping = e.target.checked
+            if (shippingCostGroup) {
+                shippingCostGroup.style.display = e.target.checked ? 'block' : 'none'
+            }
             this.saveDraft()
         })
 
@@ -488,6 +508,7 @@ class PageCreate extends HTMLElement {
             category: form.querySelector('#category')?.value || '',
             condition: form.querySelector('#condition')?.value || 'good',
             shipping: form.querySelector('#shipping')?.checked || false,
+            shipping_cost: form.querySelector('#shipping_cost')?.value || '',
             moneroAddress: form.querySelector('#moneroAddress')?.value || ''
         }
 
@@ -540,7 +561,18 @@ class PageCreate extends HTMLElement {
             if (formElements.category) listingData.category = formElements.category
             if (formElements.condition) listingData.condition = formElements.condition
             listingData.shipping = formElements.shipping
+            if (formElements.shipping && formElements.shipping_cost) {
+                listingData.shipping_cost = parseFloat(formElements.shipping_cost)
+            }
             if (formElements.moneroAddress) listingData.monero_address = formElements.moneroAddress
+            
+            // Calculate expires_at (only on create) - 30 days for regular users, 60 for power users
+            if (!this.editMode) {
+                const days = 30 // TODO: 60 for power users
+                const expiresAt = new Date()
+                expiresAt.setDate(expiresAt.getDate() + days)
+                listingData.expires_at = expiresAt.toISOString()
+            }
 
             // Handle location - find or create in locations collection
             if (this.formData.locationData) {

js/components/pages/page-listing.js

@@ -193,6 +193,7 @@ class PageListing extends HTMLElement {
                                 ${this.listing.condition ? `<span class="meta-item">${this.getConditionLabel(this.listing.condition)}</span>` : ''}
                                 ${this.listing.shipping ? `<span class="meta-item">📦 ${t('listing.shippingAvailable')}</span>` : ''}
                                 <span class="meta-item views-item"><span class="views-icon">👁</span> ${this.formatViews(this.listing.views || 0)}</span>
+                                ${this.listing.expires_at ? `<span class="meta-item expires-item">${this.formatExpiresAt(this.listing.expires_at)}</span>` : ''}
                                 <span class="meta-item meta-date">${t('listing.postedOn')} ${createdDate}</span>
                             </div>
                         </header>
@@ -527,6 +528,24 @@ class PageListing extends HTMLElement {
         return labels[condition] || condition
     }
 
+    formatExpiresAt(expiresAt) {
+        const expires = new Date(expiresAt)
+        const now = new Date()
+        const diffMs = expires - now
+        
+        if (diffMs <= 0) {
+            return `⏱ ${t('listing.expired')}`
+        }
+        
+        const diffDays = Math.ceil(diffMs / (1000 * 60 * 60 * 24))
+        
+        if (diffDays === 1) {
+            return `⏱ ${t('listing.expiresIn1Day')}`
+        }
+        
+        return `⏱ ${t('listing.expiresInDays', { days: diffDays })}`
+    }
+
     formatViews(count) {
         if (count === 1) {
             return `1 ${t('listing.viewSingular')}`