<% const safeProductId = String(product.id || ''); const productCode = product.number ? `PRD-${product.number}` : safeProductId.slice(-8).toUpperCase(); const isVariantProduct = product.presentation.variant; const attributes = Array.isArray(product.attributes) ? product.attributes : []; const variants = Array.isArray(product.variants) ? product.variants : []; const images = Array.isArray(product.images) ? product.images.filter(Boolean) : []; const primaryImage = product.primaryImage || images[0] || ''; const presentAttributes = attributes.filter((attribute) => ( String(attribute.name || '').trim() || (attribute.values || []).some((value) => ( String(value.name || '').trim() || String(value.colorCode || '').trim() )) )); const finiteNumber = (value, fallback = 0) => { const number = Number(value); return Number.isFinite(number) ? number : fallback; }; const formatNumber = (value) => finiteNumber(value).toLocaleString( lang === 'ar' ? 'ar-SA' : 'en-US', ); const money = (value) => `${formatNumber(value)} ${product.currency}`; const discountLabel = (() => { if (product.presentation.discountNone) { return product.discount?.typeText || '—'; } if (product.presentation.discountPercentage) { return `${formatNumber(product.discount.value)}%`; } return money(product.discount.value); })(); const attributeIndex = new Map(); attributes.forEach((attribute) => { const values = new Map(); (attribute.values || []).forEach((value) => { values.set(String(value.id || ''), value); }); attributeIndex.set(String(attribute.id || ''), { attribute, values, }); }); const selectedOptionsFor = (variant) => Object.entries( variant.selectedValues || {}, ).map(([attributeId, valueId]) => { const catalogueEntry = attributeIndex.get(String(attributeId)); const value = catalogueEntry?.values.get(String(valueId)); if (!catalogueEntry || !value) return null; return { attribute: catalogueEntry.attribute, value, }; }).filter(Boolean); const variantFinalPrices = variants .map((variant) => finiteNumber(variant.finalPrice)) .filter((price) => price > 0); const variantPriceMin = variantFinalPrices.length ? Math.min(...variantFinalPrices) : 0; const variantPriceMax = variantFinalPrices.length ? Math.max(...variantFinalPrices) : 0; const variantPriceRange = variantFinalPrices.length ? ( variantPriceMin === variantPriceMax ? money(variantPriceMin) : `${money(variantPriceMin)} — ${money(variantPriceMax)}` ) : '—'; const displayedPrice = isVariantProduct ? variantPriceRange : product.finalPriceText; const aiReference = product.aiPricing || product.pricing?.aiReference || null; const aiSuggestedPrice = finiteNumber( product.aiPricing?.suggestedPrice, finiteNumber(product.pricing?.aiSuggestedPrice), ); const aiRangeMin = finiteNumber( product.aiPricing?.priceRangeMin, finiteNumber(product.pricing?.aiReference?.priceRangeMin), ); const aiRangeMax = finiteNumber( product.aiPricing?.priceRangeMax, finiteNumber(product.pricing?.aiReference?.priceRangeMax), ); const hasAiPricing = product.presentation.hasAiPricing; const aiStatusLabel = aiReference?.status ? (product.presentation.aiStatusLabelKey ? i18n.__({ phrase: product.presentation.aiStatusLabelKey, locale: lang }) : aiReference.status) : '—'; const moderation = product.presentation.moderation; const detailConfig = { csrfToken, locale: lang, bulkUrl: '/dashboard/products/moderation/bulk', deleteUrl: '/dashboard/products/delete', listUrl: '/dashboard/products', productId: product.id, messages: { approveTitle: i18n.__({ phrase: 'products.approveProductConfirm', locale: lang, }), approveDescription: i18n.__({ phrase: 'products.approveProductConfirmDescription', locale: lang, }), approve: i18n.__({ phrase: 'products.approveProduct', locale: lang }), rejectTitle: i18n.__({ phrase: 'products.rejectProductConfirm', locale: lang, }), rejectDescription: i18n.__({ phrase: 'products.catalogRejectDescription', locale: lang, }), reject: i18n.__({ phrase: 'products.rejectProduct', locale: lang }), reasonLabel: i18n.__({ phrase: 'products.rejectionReason', locale: lang, }), reasonPlaceholder: i18n.__({ phrase: 'products.rejectionReasonPlaceholder', locale: lang, }), reasonInvalid: i18n.__({ phrase: 'products.moderationReasonLength', locale: lang, }), cancel: i18n.__({ phrase: 'common.cancel', locale: lang }), hideTitle: i18n.__({ phrase: 'products.catalogHideTitle', locale: lang, }), hideDescription: i18n.__({ phrase: 'products.catalogHideDescription', locale: lang, }), showTitle: i18n.__({ phrase: 'products.catalogShowTitle', locale: lang, }), showDescription: i18n.__({ phrase: 'products.catalogShowDescription', locale: lang, }), deleteTitle: i18n.__({ phrase: 'products.catalogDeleteTitle', locale: lang, }), deleteDescription: i18n.__({ phrase: 'products.catalogDeleteDescription', locale: lang, }), delete: i18n.__({ phrase: 'products.catalogDeleteConfirm', locale: lang, }), refreshFailure: i18n.__({ phrase: 'products.catalogRefreshFailure', locale: lang, }), refreshSuccess: i18n.__({ phrase: 'products.catalogRefreshSuccess', locale: lang, }), actionFailure: i18n.__({ phrase: 'products.catalogActionFailure', locale: lang, }), notificationDeferred: i18n.__({ phrase: 'products.notificationDeliveryDeferred', locale: lang, }), approvedLabel: i18n.__({ phrase: 'products.moderationStatusAccept', locale: lang, }), rejectedLabel: i18n.__({ phrase: 'products.moderationStatusReject', locale: lang, }), visibleLabel: i18n.__({ phrase: 'products.visibilityVisible', locale: lang, }), hiddenLabel: i18n.__({ phrase: 'products.visibilityHidden', locale: lang, }), hideLabel: i18n.__({ phrase: 'products.hideProduct', locale: lang, }), showLabel: i18n.__({ phrase: 'products.showProduct', locale: lang, }), productFallback: i18n.__({ phrase: 'products.catalogImageFallback', locale: lang, }), }, }; %>
<% if (primaryImage) { %> <%= product.name %> <% } else { %> <% } %> <%= images.length %>
<%= i18n.__({ phrase: 'products.backToProducts', locale: lang }) %> <%= i18n.__({ phrase: 'products.detailsOperationsEyebrow', locale: lang }) %>

<%= product.name || '—' %>

<%= productCode %>

<%= i18n.__({ phrase: 'products.detailsOperationsSubtitle', locale: lang }) %>

<%= i18n.__({ phrase: moderation.key, locale: lang }) %> <%= product.visibilityText %> <%= product.isPremiumText %>
<%= i18n.__({ phrase: isVariantProduct ? 'products.detailsPriceRange' : 'products.finalPrice', locale: lang }) %> <%= displayedPrice %> <%= product.pricingMethodText %>
<%= i18n.__({ phrase: 'products.inventory', locale: lang }) %> <%= product.quantityText || formatNumber(product.quantity) %> <%= product.typeText %>
<% if (product.moderation.wasPreviouslyApproved) { %> <% } %> <% if (product.isDeleted) { %> <% } %>

<%= i18n.__({ phrase: 'products.moderationMediaGallery', locale: lang }) %>

<%= i18n.__({ phrase: 'products.detailsGalleryDescription', locale: lang }) %>
<%= images.length + (product.video ? 1 : 0) %>
<% if (images.length || product.video) { %>
<% images.forEach((image, index) => { %> <%= i18n.__({ phrase: 'products.currentProductImage', locale: lang }) %> <%= index + 1 %> <%= index === 0 ? i18n.__({ phrase: 'products.thumbnail', locale: lang }) : `${index + 1}` %> <% }); %> <% if (product.video) { %> <%= i18n.__({ phrase: 'products.video', locale: lang }) %> <% } %>
<% } else { %>
<%= i18n.__({ phrase: 'products.noMedia', locale: lang }) %>
<% } %>

<%= i18n.__({ phrase: 'products.pricingAndDiscount', locale: lang }) %>

<%= i18n.__({ phrase: 'products.detailsPricingDescription', locale: lang }) %>
<%= product.pricingMethodText %>
<%= i18n.__({ phrase: isVariantProduct ? 'products.detailsPriceRange' : 'products.finalPrice', locale: lang }) %> <%= displayedPrice %> <%= product.typeText %>
<%= i18n.__({ phrase: 'products.manualPrice', locale: lang }) %>
<%= money(product.pricing?.manualPrice) %>
<%= i18n.__({ phrase: 'products.discount', locale: lang }) %>
<%= isVariantProduct ? '—' : discountLabel %>
<%= i18n.__({ phrase: 'products.inventory', locale: lang }) %>
<%= product.quantityText || formatNumber(product.quantity) %>
<%= i18n.__({ phrase: 'products.condition', locale: lang }) %>
<%= product.conditionText || '—' %>
<% if (hasAiPricing) { %>

<%= i18n.__({ phrase: 'products.aiPricingInformation', locale: lang }) %>

<%= i18n.__({ phrase: 'products.detailsAiDescription', locale: lang }) %>
<% if (aiReference?.status) { %> <%= aiStatusLabel %> <% } %>
<%= i18n.__({ phrase: 'products.aiSuggestedPrice', locale: lang }) %> <%= aiSuggestedPrice > 0 ? money(aiSuggestedPrice) : '—' %> <% if (aiReference?.name) { %><%= aiReference.name %><% } %>
<%= i18n.__({ phrase: 'products.aiRequestId', locale: lang }) %>
<%= aiReference?.id || '—' %>
<%= i18n.__({ phrase: 'products.aiRequestStatus', locale: lang }) %>
<%= aiStatusLabel %>
<%= i18n.__({ phrase: 'products.detailsMinimumPrice', locale: lang }) %>
<%= aiRangeMin > 0 ? money(aiRangeMin) : '—' %>
<%= i18n.__({ phrase: 'products.detailsMaximumPrice', locale: lang }) %>
<%= aiRangeMax > 0 ? money(aiRangeMax) : '—' %>
<% } %> <% if (isVariantProduct) { %>

<%= i18n.__({ phrase: 'products.attributesCatalogue', locale: lang }) %>

<%= i18n.__({ phrase: 'products.attributesCatalogueDescription', locale: lang }) %>
<%= presentAttributes.length %>
<% if (presentAttributes.length) { %>
<% presentAttributes.forEach((attribute) => { const presentValues = (attribute.values || []).filter((value) => ( String(value.name || '').trim() || String(value.colorCode || '').trim() )); %>

<%= attribute.name || '—' %>

<%= i18n.__({ phrase: 'products.attributeOptionsCount', locale: lang, }).replace('{{count}}', String(presentValues.length)) %>
<% if (presentValues.length) { %>
<% presentValues.forEach((value) => { %> <% if (value.colorCode) { %> <% } %> <%= value.name || '—' %> <% }); %>
<% } else { %>

<%= i18n.__({ phrase: 'products.detailsNoAttributeValues', locale: lang }) %>

<% } %>
<% }); %>
<% } else { %>
<%= i18n.__({ phrase: 'products.detailsNoAttributes', locale: lang }) %>
<% } %>

<%= i18n.__({ phrase: 'products.variantCombinations', locale: lang }) %>

<%= i18n.__({ phrase: 'products.variantCombinationsDescription', locale: lang }) %>
<%= variants.length %>
<% if (variants.length) { %>
<% variants.forEach((variant, index) => { const selectedOptions = selectedOptionsFor(variant); const selectedValueCount = Object.keys( variant.selectedValues || {}, ).length; const variantLabel = variant.label || selectedOptions.map((option) => option.value.name).filter(Boolean).join(' / ') || i18n.__({ phrase: 'products.variantNumber', locale: lang, }).replace('{{number}}', String(index + 1)); %>
<%= String(index + 1).padStart(2, '0') %>

<%= variantLabel %>

<%= i18n.__({ phrase: 'products.selectedOptionsCount', locale: lang, }).replace('{{count}}', String(selectedValueCount)) %> <%= i18n.__({ phrase: variant.isAvailable ? 'products.available' : 'products.notAvailable', locale: lang, }) %>
<%= i18n.__({ phrase: 'products.productQuantity', locale: lang }) %>
<%= variant.quantityText %>
<%= i18n.__({ phrase: 'products.unitPrice', locale: lang }) %>
<%= variant.priceText %>
<%= i18n.__({ phrase: 'products.discount', locale: lang }) %>
<%= variant.presentation.discountNone ? variant.discount.typeText : `${variant.discount?.typeText || '—'} · ${formatNumber(variant.discount?.value)}` %>
<%= i18n.__({ phrase: 'products.finalPrice', locale: lang }) %>
<%= variant.finalPriceText %>
<% }); %>
<% } else { %>
<%= i18n.__({ phrase: 'products.noVariants', locale: lang }) %>
<% } %>
<% } %>

<%= i18n.__({ phrase: 'products.localizedContent', locale: lang }) %>

<%= i18n.__({ phrase: 'products.detailsLocalizedDescription', locale: lang }) %>
AR <%= i18n.__({ phrase: 'products.arabicName', locale: lang }) %>

<%= product.localizedName.ar || '—' %>

<%= i18n.__({ phrase: 'products.arabicDescription', locale: lang }) %>

<%= product.localizedDescription.ar || product.legacyDetails || '—' %>

EN <%= i18n.__({ phrase: 'products.englishName', locale: lang }) %>

<%= product.localizedName.en || '—' %>

<%= i18n.__({ phrase: 'products.englishDescription', locale: lang }) %>

<%= product.localizedDescription.en || product.legacyDetails || '—' %>

<% if (product.legacyInstructions) { %>
<%= i18n.__({ phrase: 'products.instructions', locale: lang }) %>

<%= product.legacyInstructions %>

<% } %>

<%= i18n.__({ phrase: 'products.moderationTimeline', locale: lang }) %>

<%= i18n.__({ phrase: 'products.detailsTimelineDescription', locale: lang }) %>
<%= product.moderation.timeline.length %>
<% if (product.moderation.timeline.length) { %>
    <% product.moderation.timeline.forEach((event) => { %>
  1. <%= event.label %> <% if (event.actor) { %> <%= event.actor %> <% } %>
    2. <% }); %>
<% } else { %>
<%= i18n.__({ phrase: 'products.noTimeline', locale: lang }) %>
<% } %>