Alisa
142 lines
8.4 KiB
PHP
142 lines
8.4 KiB
PHP
<?php
|
||
|
||
declare(strict_types=1);
|
||
|
||
/** @var array<string, mixed> $product */
|
||
$variants = $product['preview_variants'] ?? [];
|
||
$activeVariant = $variants[0] ?? [
|
||
'name' => $product['variant_name'] ?? '',
|
||
'unit' => $product['unit'] ?? '',
|
||
'price_per_unit' => $product['price_per_unit'] ?? null,
|
||
'package_price' => $product['package_price'] ?? null,
|
||
'package_quantity' => $product['package_quantity'] ?? 0,
|
||
'old_package_price' => $product['old_package_price'] ?? null,
|
||
];
|
||
$cardId = 'product-card-' . (int) ($product['id'] ?? 0);
|
||
$activePackagePrice = (float) ($activeVariant['package_price'] ?? 0);
|
||
$activeUnitPrice = $activeVariant['price_per_unit'] === null ? null : (float) $activeVariant['price_per_unit'];
|
||
$activePackageQuantity = (float) ($activeVariant['package_quantity'] ?? 0);
|
||
$activeVariantOldPackagePrice = $activeVariant['old_package_price'] ?? null;
|
||
$activeOldPackagePrice = (
|
||
$activeVariantOldPackagePrice !== null
|
||
&& (float) $activeVariantOldPackagePrice > $activePackagePrice
|
||
)
|
||
? (float) $activeVariantOldPackagePrice
|
||
: null;
|
||
$activeOldUnitPrice = ($activeOldPackagePrice !== null && $activePackageQuantity > 0 && $activeUnitPrice !== null)
|
||
? $activeOldPackagePrice / $activePackageQuantity
|
||
: null;
|
||
if ($activeOldUnitPrice !== null && $activeOldUnitPrice <= $activeUnitPrice) {
|
||
$activeOldUnitPrice = null;
|
||
}
|
||
$activeTierBase = $activeUnitPrice ?? $activePackagePrice;
|
||
$activeTierUnit = unit_label((string) ($activeVariant['unit'] ?? '')) ?: 'шт.';
|
||
?>
|
||
<article
|
||
class="product-card price-aware"
|
||
id="<?= e($cardId) ?>"
|
||
data-product-id="<?= e((string) ($product['id'] ?? '')) ?>"
|
||
data-product-name="<?= e((string) ($product['name'] ?? '')) ?>"
|
||
data-product-slug="<?= e((string) ($product['slug'] ?? '')) ?>"
|
||
data-product-image="<?= e((string) ($product['main_image_path'] ?? '')) ?>"
|
||
>
|
||
<?php if (!empty($product['main_image_path'])): ?>
|
||
<a class="product-card-image" href="/product/<?= e($product['slug']) ?>" aria-label="<?= e($product['name']) ?>">
|
||
<img src="<?= e((string) $product['main_image_path']) ?>" alt="<?= e((string) $product['name']) ?>">
|
||
</a>
|
||
<?php else: ?>
|
||
<a class="product-card-image product-card-image-placeholder" href="/product/<?= e($product['slug']) ?>" aria-label="<?= e($product['name']) ?>">
|
||
<span>Рыбсток</span>
|
||
</a>
|
||
<?php endif; ?>
|
||
|
||
<p class="product-category"><?= e($product['category_display_name'] ?? $product['category_name'] ?? 'Каталог') ?></p>
|
||
<h3><a href="/product/<?= e($product['slug']) ?>"><?= e($product['name']) ?></a></h3>
|
||
|
||
<?php if ($variants !== []): ?>
|
||
<div class="variant-choice" aria-label="Выбор фасовки">
|
||
<span>Доступные фасовки:</span>
|
||
<div class="variant-choice-list">
|
||
<?php foreach ($variants as $index => $variant): ?>
|
||
<?php
|
||
$variantPackagePrice = (float) ($variant['package_price'] ?? 0);
|
||
$variantUnitPrice = $variant['price_per_unit'] === null ? null : (float) $variant['price_per_unit'];
|
||
$variantPackageQuantity = (float) ($variant['package_quantity'] ?? 0);
|
||
$variantOldPackagePrice = (
|
||
!empty($variant['old_package_price'])
|
||
&& (float) $variant['old_package_price'] > $variantPackagePrice
|
||
)
|
||
? (float) $variant['old_package_price']
|
||
: null;
|
||
$variantOldUnitPrice = ($variantOldPackagePrice !== null && $variantPackageQuantity > 0 && $variantUnitPrice !== null)
|
||
? $variantOldPackagePrice / $variantPackageQuantity
|
||
: null;
|
||
if ($variantOldUnitPrice !== null && $variantOldUnitPrice <= $variantUnitPrice) {
|
||
$variantOldUnitPrice = null;
|
||
}
|
||
?>
|
||
<button
|
||
class="variant-choice-button<?= $index === 0 ? ' is-active' : '' ?>"
|
||
type="button"
|
||
data-card="<?= e($cardId) ?>"
|
||
data-variant-id="<?= e((string) ($variant['id'] ?? $index)) ?>"
|
||
data-variant-name="<?= e((string) ($variant['name'] ?? '')) ?>"
|
||
data-unit="<?= e(unit_label((string) $variant['unit'])) ?>"
|
||
data-base-unit-price="<?= e((string) ($variant['price_per_unit'] ?? '')) ?>"
|
||
data-old-unit-price="<?= e($variantOldUnitPrice === null ? '' : (string) $variantOldUnitPrice) ?>"
|
||
data-base-package-price="<?= e((string) ($variant['package_price'] ?? '')) ?>"
|
||
data-variant-package-label="<?= e((string) ($variant['name'] ?? '')) ?>"
|
||
data-variant-unit-price-label="<?= e(money_label($variant['price_per_unit'])) ?>"
|
||
data-variant-package-price-label="<?= e(money_label($variant['package_price'])) ?>"
|
||
data-old-price="<?= e($variantOldPackagePrice === null ? '' : money_label($variantOldPackagePrice)) ?>"
|
||
>
|
||
<?= e((string) $variant['name']) ?>
|
||
</button>
|
||
<?php endforeach; ?>
|
||
</div>
|
||
</div>
|
||
<?php endif; ?>
|
||
|
||
<?php if ($activeVariant['price_per_unit'] !== null): ?>
|
||
<span class="price-line">
|
||
<span class="price-unit-label">Цена за <span data-unit-label><?= e(unit_label((string) $activeVariant['unit'])) ?></span>:</span>
|
||
<span class="price-unit-values">
|
||
<span class="old-price" data-old-unit-price-display<?= $activeOldUnitPrice === null ? ' hidden' : '' ?>><?= e(money_label($activeOldUnitPrice)) ?></span>
|
||
<b data-price-unit data-dynamic-unit-price data-base-unit-price="<?= e((string) $activeUnitPrice) ?>"><?= e(money_label($activeVariant['price_per_unit'])) ?></b>
|
||
</span>
|
||
<button class="price-tier-trigger" type="button" aria-label="Показать градацию цены">?</button>
|
||
</span>
|
||
<?php endif; ?>
|
||
|
||
<?php if ($activeVariant['package_price'] !== null): ?>
|
||
<strong class="package-price-line">
|
||
<span class="package-price-label">За фасовку <span data-package-label-display><?= e((string) $activeVariant['name']) ?></span>:</span>
|
||
<span class="package-price-values">
|
||
<span class="old-price" data-old-package-price-display<?= $activeOldPackagePrice === null ? ' hidden' : '' ?>><?= e(money_label($activeOldPackagePrice)) ?></span>
|
||
<span data-package-price data-dynamic-package-price data-base-package-price="<?= e((string) $activePackagePrice) ?>"><?= e(money_label($activeVariant['package_price'])) ?></span>
|
||
</span>
|
||
</strong>
|
||
<?php if ($activeVariant['price_per_unit'] !== null): ?>
|
||
<span class="package-price-note">Цена за <span data-unit-label-note><?= e(unit_label((string) $activeVariant['unit'])) ?></span> × <span data-package-label-note><?= e((string) $activeVariant['name']) ?></span></span>
|
||
<?php endif; ?>
|
||
<?php endif; ?>
|
||
|
||
<div class="price-tier-popover" role="tooltip">
|
||
<strong>Варианты цены за <span data-tier-unit-label><?= e($activeTierUnit) ?></span> при наличном расчете:</strong>
|
||
<dl>
|
||
<div><dt>Базовая цена</dt><dd data-tier-base><?= e(money_label($activeTierBase)) ?></dd></div>
|
||
<div><dt>При заказе от 20 000р.</dt><dd data-tier-cash-20><?= e(money_label(floor($activeTierBase * 0.95))) ?></dd></div>
|
||
<div><dt>При заказе от 50 000р.</dt><dd data-tier-cash-50><?= e(money_label(floor($activeTierBase * 0.93))) ?></dd></div>
|
||
</dl>
|
||
</div>
|
||
|
||
<div class="product-card-actions">
|
||
<div class="quantity-stepper" data-quantity-control aria-label="Количество фасовок">
|
||
<button type="button" data-quantity-minus aria-label="Уменьшить количество">-</button>
|
||
<input data-quantity-input type="text" inputmode="numeric" value="1" aria-label="Количество">
|
||
<button type="button" data-quantity-plus aria-label="Увеличить количество">+</button>
|
||
</div>
|
||
<button class="add-to-cart-button" type="button">В корзину</button>
|
||
</div>
|
||
</article>
|