{strip}
<!-- START product.cart.html -->
{$_cart_url = $wa->getUrl('shop/frontend/cart')}
{if method_exists($wa->shop, 'checkout')}
    {$_cart_url = $wa->shop->checkout()->cartUrl()}
{/if}

{$_is_dialog = false}
{if $wa->get('cart') == '1'}{$_is_dialog = true}{/if}

{$price_valid_until = 10}
{if !empty($theme_settings.schema_price_valid_until)}
	{$price_valid_until = $theme_settings.schema_price_valid_until}
{/if}
{if !empty($product.params.price_valid_until)}
	{$price_valid_until = $product.params.price_valid_until}
{/if}

{$price_valid_until = time() + ($price_valid_until * 24 * 60 * 60)}
{$price_valid_until = $price_valid_until|date_format:"Y-m-d"}

{if !empty($theme_settings.schema_price_valid_until_date)}
	{$price_valid_until = $theme_settings.schema_price_valid_until_date}
{/if}
{if !empty($product.params.price_valid_until_date)}
	{$price_valid_until = $product.params.price_valid_until_date}
{/if}


{$sku_list_max_height = ''}
{if $theme_settings.selectable_features_control == 'inline'}
	{$sku_list_max_height = $theme_settings.sku_list_max_height}
{/if}
{if $wa->get('cart')}
	{$sku_list_max_height = ''}
{/if}

{if !empty($sku_list_max_height)}
<script>
	var scrollFired = false;

	$(document).one('scroll mouseenter touchstart trigger_product_modal_show', function(){
		if (scrollFired === false) {
			scrollFired = true;

			var sku_height = $('.skus-overflow.scroll-mask-v .skus-container').height();
			var sku_max_height = $('skus-overflow.scroll-mask-v').height();

			if (sku_height > sku_max_height) {

				$('.skus-overflow.scroll-mask-v').animate({ scrollTop: '75px' }, 500);
				setTimeout(function(){
					$('.skus-overflow.scroll-mask-v').animate({ scrollTop: 0 }, 500);
				}, 300);
			}
		}
	});
</script>
{/if}


{* NOTE: CAPTURE: SKUS *}
{$product_show_skus = ''}
{capture product_skus}
{if $product.sku_type}
	{$product_show_skus = true}

	<!-- SELECTABLE FEATURES selling mode -->
	{$default_sku_features = $product.sku_features}
	{$product_available = $product.status}

	{if $theme_settings.selectable_features_control == 'inline'}
		<div class="options-wrapper">

			{if empty($theme_settings.hide_sku_codes)}
				{foreach $product.skus as $sku}
					{if !empty($sku.sku)}
						<div class="sku-name sku-{$sku.id}-stock uk-text-muted sku-hint mb-15" style="display:none">
							{if !empty($theme_settings.lonely_sku_label)}
								{$theme_settings.lonely_sku_label}
							{/if}{$sku.sku|escape}
						</div>
					{/if}
				{/foreach}
			{/if}

			<div class="options uk-position-relative{if !empty($sku_list_max_height)} skus-overflow scroll-mask-v{/if}"{if !empty($sku_list_max_height)} style="max-height:{$sku_list_max_height};margin:-20px;padding:20px;"{/if}>
				<div class="skus-container">
					{foreach $features_selectable as $f}
						<div class="inline-select{if $f.type == 'color'} color{/if} uk-grid uk-grid-small">
							<div class="uk-width-1-1 uk-h5{if !$f@first} mt-10{/if}">{$f.name}</div>
							{foreach $f.values as $v_id => $v}
								{if !isset($default_sku_features[$f.id])}
									{$default_sku_features[$f.id]=$v_id}
								{/if}

								{$v_img = ''}
								{if class_exists('shopAlaaliHelper') && !empty($theme_settings.alaali_enable)}
									{$v_img = shopAlaaliHelper::getImgHtml($product.id, $f.id, $v_id, 0, "alaali-img")}
								{/if}

								<div class="mt-10">
									<a data-value="{$v_id}" href="#" class="uk-button uk-button-default uk-border uk-border-2x theme-buttons-border-radius {if $f.type == 'color'} button-color{/if}{if $v_id == ifset($default_sku_features[$f.id])} selected uk-active{/if}{if !empty($v_img)} uk-button-auto ali-button{/if}" {if $f.type == 'color' && empty($v_img)} style="{$v->style};"{/if}{if $f.type == 'color'} data-uk-tooltip="title:{strip_tags($v)};container:.options-wrapper"{/if}>
										{if !empty($v_img)}
											{$v_img|replace:'src':'src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" loading="lazy" data-src'|replace:'alaali-img':'alaali-img lazyload'}
											<i class="color-check uk-position-center" style="color:rgba(255,255,255,.8)">
												<svg width="30" height="30" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg" data-svg="check"><polyline fill="none" stroke="currentColor" stroke-width="1.1" points="4,10 8,15 17,4"></polyline></svg>
											</i>
											<i class="color-check uk-position-center" style="margin-top:1px;color:rgba(0,0,0,.6)">
												<svg width="30" height="30" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg" data-svg="check"><polyline fill="none" stroke="currentColor" stroke-width="1.1" points="4,10 8,15 17,4"></polyline></svg>
											</i>
										{else}
											{if $f.type == 'color'}
												<i class="color-check uk-position-center" style="color:rgba(255,255,255,.8)">
													<svg width="30" height="30" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg" data-svg="check"><polyline fill="none" stroke="currentColor" stroke-width="1.1" points="4,10 8,15 17,4"></polyline></svg>
												</i>
												<i class="color-check uk-position-center" style="margin-top:1px;color:rgba(0,0,0,.6)">
													<svg width="30" height="30" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg" data-svg="check"><polyline fill="none" stroke="currentColor" stroke-width="1.1" points="4,10 8,15 17,4"></polyline></svg>
												</i>
											{else}
												{$v}
											{/if}
										{/if}
									</a>
								</div>
							{/foreach}
							<input type="hidden" data-feature-id="{$f.id}" class="sku-feature" name="features[{$f.id}]" value="{ifset($default_sku_features[$f.id])}">
						</div>

					{/foreach}
				</div>
			</div>
		</div>
	{else}
		{$product_show_skus = true}
		<div class="options">

			{if empty($theme_settings.hide_sku_codes)}
				{foreach $product.skus as $sku}
					{if !empty($sku.sku)}
						<div class="sku-name sku-{$sku.id}-stock uk-text-muted sku-hint mb-15" style="display:none">
							{if !empty($theme_settings.lonely_sku_label)}
								{$theme_settings.lonely_sku_label}
							{/if}{$sku.sku|escape}
						</div>
					{/if}
				{/foreach}
			{/if}

			{foreach $features_selectable as $f}
				<div class="uk-width-1-1 uk-h5 mb-5 mt-0">{$f.name}</div>
				<select data-feature-id="{$f.id}" class="sku-feature uk-select not uk-width-medium max-width-100 theme-forms-border-radius{if !$f@last} uk-margin-bottom{/if}" name="features[{$f.id}]">
					{foreach $f.values as $v_id => $v}
						<option value="{$v_id}" {if $v_id == ifset($default_sku_features[$f.id])}selected{/if}>{$v}</option>
					{/foreach}
				</select>
			{/foreach}
		</div>
	{/if}

	<!-- list all SKUs for Schema.org markup -->
	{$product_show_skus = true}
	{foreach $product.skus as $sku}
		<div itemprop="offers" itemscope itemtype="http://schema.org/Offer">
			{$sku_available =  $product.status && $sku.available && ($wa->shop->settings('ignore_stock_count') || $sku.count === null || $sku.count > 0)}
			{if $sku.name}
				<meta itemprop="name" content="{$sku.name|escape}">
			{/if}
			<meta itemprop="price" content="{shop_currency($sku.price, $product.currency, null, 0)}">
			<meta itemprop="priceCurrency" content="{$wa->shop->currency()}">
			{if !empty($price_valid_until)}
				<meta itemprop="pricevaliduntil" content="{$price_valid_until}" />
			{/if}
			<meta itemprop="url" content="{$wa->currentUrl(true, true)}?sku={$sku.id}">
			{if (!($sku.count === null) && $sku.count <= 0)}
				<link itemprop="availability" href="http://schema.org/OutOfStock" />
			{else}
				<link itemprop="availability" href="http://schema.org/InStock" />
			{/if}

		</div>
	{/foreach}

{else} {* else $product.sku_type *}

	<!-- FLAT SKU LIST selling mode -->
	{$product_available = false}
	{if count($product.skus) > 1}
		{$product_show_skus = true}

		{* When there is more than one SKU, display selector *}
		{$sku_list_width = $theme_settings.sku_list_width}{* 1-1 / 1-2 *}
		{$sku_list_hide_radio = $theme_settings.sku_list_hide_radio}

		{if $theme_settings.selectable_features_control == 'select'}
			<select class="sku-feature sku-list-checker uk-select not uk-width-medium max-width-100 theme-forms-border-radius">
				{foreach $product.skus as $sku}
					{$sku_available =  $product.status && $sku.available && ($wa->shop->settings('ignore_stock_count') || $sku.count === null || $sku.count > 0)}
					<option value="{$sku.id}" {if $sku.id == $product.sku_id} selected{/if} {if !$sku.available} disabled{/if}>
						{$sku.name|escape}
						{if $sku.sku} – {$sku.sku|escape}{/if}
					</option>
				{/foreach}
			</select>

			<script>
				$('.sku-list-checker').change(function() {
					var id = $(this).find('option:checked').val();
					$('ul.skus').find('input[value='+ id +']').prop('checked', true).click();
				});
			</script>
		{/if}

		<div class="{if $theme_settings.selectable_features_control == 'select'} uk-hidden{/if} {if !empty($sku_list_max_height)} skus-overflow scroll-mask-v{/if}"{if !empty($sku_list_max_height)} style="max-height:{$sku_list_max_height};margin:-20px 0 0;padding:20px 0;"{/if}>
			<ul class="skus-container skus uk-grid uk-grid-small uk-child-width-{$sku_list_width}"{if $sku_list_width == '1-2'} data-uk-grid="masonry:true"{/if}>
				{foreach $product.skus as $sku}
				{$sku_available =  $product.status && $sku.available && ($wa->shop->settings('ignore_stock_count') || $sku.count === null || $sku.count > 0)}
				<li itemprop="offers" itemscope itemtype="http://schema.org/Offer" class="{if ($sku_list_width == '1-1' && !$sku@first) || ($sku_list_width == '1-2' && $sku@iteration > 2) }uk-grid-margin{/if}">
					<meta itemprop="url" content="{$wa->currentUrl(true, true)}?sku={$sku.id}">
					<label class="uk-grid uk-grid-collapse cursor-pointer uk-border uk-border-2x uk-padding-small theme-form-border-radius{if !$sku.available} disabled{/if}">

						<span class="uk-width-auto uk-padding-small uk-padding-remove-vertical uk-padding-remove-left{if !empty($sku_list_hide_radio)} uk-hidden{/if}">
							<input name="sku_id" type="radio" value="{$sku.id}"{if !$sku.available} disabled="true"{/if}{if !$sku_available} data-disabled="1"{/if}{if $sku.id == $product.sku_id} checked="checked"{/if} data-compare-price="{shop_currency($sku.compare_price, $product.currency, null, 0)}" data-price="{shop_currency($sku.price, $product.currency, null, 0)}"{if $sku.image_id} data-image-id="{$sku.image_id}"{/if} class="sku-id-{$sku.id}">
						</span>

						<span class="uk-width-expand">
							<span class="uk-grid uk-grid-small">
								<span class="uk-width-expand">
									<span class="uk-text-bold uk-h5 uk-display-block uk-margin-remove" itemprop="name">{$sku.name|escape}</span>

									{if $sku.sku}
										<span class="hint uk-text-small uk-text-muted">
											{if !empty($theme_settings.lonely_sku_label)}
												{$theme_settings.lonely_sku_label}
											{/if}{$sku.sku|escape}
										</span>
									{/if}
								</span>

								{$price_width = 'uk-width-auto'}
								{if $sku_list_width == '1-2'}
									{$price_width = 'uk-width-1-1 mt-15'}
								{/if}
								<span class="{$price_width}">
									<span class="price nowrap uk-h4 uk-margin-remove">
										{shop_currency_html($sku.price, $product.currency)}
									</span>
								</span>
							</span>
						</span>

						<meta itemprop="price" content="{shop_currency($sku.price, $product.currency, null, 0)}">
						<meta itemprop="priceCurrency" content="{$wa->shop->currency()}">
						{if !empty($price_valid_until)}
							<meta itemprop="pricevaliduntil" content="{$price_valid_until}" />
						{/if}

						{if (!($sku.count === null) && $sku.count <= 0)}
							<link itemprop="availability" href="http://schema.org/OutOfStock" />
						{else}
							<link itemprop="availability" href="http://schema.org/InStock" />
						{/if}

					</label>
				</li>
				{$product_available = $product_available or $sku_available}
				{/foreach}
			</ul>
		</div>

	{else}
		{* When there is only one SKU, don't display the selector *}
		<div itemprop="offers" itemscope itemtype="http://schema.org/Offer"{if !empty($theme_settings.hide_sku_codes)} hidden{/if}>
			{$sku = $product.skus[$product.sku_id]}
			{if $sku.sku}
				{$product_show_skus = true}
				<span class="hint uk-text-muted">
					{if !empty($theme_settings.lonely_sku_label)}
						{$theme_settings.lonely_sku_label}
					{/if}{$sku.sku|escape}
				</span>
				<meta itemprop="name" content="{$sku.sku|escape}">
			{/if}


			<meta itemprop="price" content="{shop_currency($sku.price, $product.currency, null, 0)}">
			<meta itemprop="priceCurrency" content="{$wa->shop->currency()}">
			{if !empty($price_valid_until)}
				<meta itemprop="pricevaliduntil" content="{$price_valid_until}" />
			{/if}
			<meta itemprop="url" content="{$wa->currentUrl(true, true)}">

			{if !$sku.available}

				<link itemprop="availability" href="http://schema.org/Discontinued" />
				{if !empty($theme_settings.unavailability_alert) && empty($theme_settings.product_buy_block_hide_stocks)}
					<div class="uk-card-body uk-padding-remove-vertical uk-margin">
						<div class="uk-alert uk-border uk-alert-danger theme-background-radius uk-text-center">
							{$theme_settings.unavailability_alert}
						</div>
					</div>
				{/if}

			{elseif !$wa->shop->settings('ignore_stock_count') && !($sku.count === null || $sku.count > 0)}

				<link itemprop="availability" href="http://schema.org/OutOfStock" />

				{if empty($theme_settings.product_buy_block_hide_stocks)}
					<div class="{if !waRequest::isXMLHttpRequest()}uk-card-body {/if}uk-padding-remove-vertical uk-margin">
						<span class="stock-none uk-flex uk-flex-middle uk-text-danger">
							<svg xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 512 512'><path d='M256 48C141.31 48 48 141.31 48 256s93.31 208 208 208 208-93.31 208-208S370.69 48 256 48zm75.31 260.69a16 16 0 11-22.62 22.62L256 278.63l-52.69 52.68a16 16 0 01-22.62-22.62L233.37 256l-52.68-52.69a16 16 0 0122.62-22.62L256 233.37l52.69-52.68a16 16 0 0122.62 22.62L278.63 256z' fill='currentColor'/></svg>&nbsp;
							<span>
								{if $wa->shop->settings('ignore_stock_count')}[`Pre-order only`]{else}[`Out of stock`]{/if}
							</span>&nbsp;
						</span>
					</div>
				{/if}

			{else}
				<link itemprop="availability" href="http://schema.org/InStock" />
			{/if}

			<input name="sku_id" type="hidden" value="{$product.sku_id}">
			{$product_available = $product.status && $sku.available && ($wa->shop->settings('ignore_stock_count') || $sku.count === null || $sku.count > 0)}
		</div>

	{/if}

{/if}
{/capture}
{* NOTE: END CAPTURE: SKUS*}



{* NOTE: CAPTURE: Stocks *}
{$product_show_stocks = ''}
{capture product_stocks}
{if empty($theme_settings.product_buy_block_hide_stocks)}
	{if $product_available || count($product.skus) > 1}
		{$product_show_stocks = true}

		<div class="stocks">
			{function name=in_stock n=0 low=5 critical=2}
				{if $n > $low or $n === null}
					{if !empty($theme_settings.label_stock_instock)}
						<span class="stock-high uk-flex uk-flex-middle uk-text-success">
							<svg xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 512 512'><path d='M256 48C141.31 48 48 141.31 48 256s93.31 208 208 208 208-93.31 208-208S370.69 48 256 48zm108.25 138.29l-134.4 160a16 16 0 01-12 5.71h-.27a16 16 0 01-11.89-5.3l-57.6-64a16 16 0 1123.78-21.4l45.29 50.32 122.59-145.91a16 16 0 0124.5 20.58z' fill='currentColor'/></svg>&nbsp;
							<span>{$theme_settings.label_stock_instock}</span>&nbsp;
						</span>
					{/if}
				{elseif $n > $critical}
					{if !empty($theme_settings.label_stock_few)}
						<span class="stock-low uk-flex uk-flex-middle uk-text-warning">
							<svg xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 512 512'><path d='M256 48C141.31 48 48 141.31 48 256s93.31 208 208 208 208-93.31 208-208S370.69 48 256 48zm108.25 138.29l-134.4 160a16 16 0 01-12 5.71h-.27a16 16 0 01-11.89-5.3l-57.6-64a16 16 0 1123.78-21.4l45.29 50.32 122.59-145.91a16 16 0 0124.5 20.58z' fill='currentColor'/></svg>&nbsp;
							<span>{$theme_settings.label_stock_few}</span>&nbsp;
						</span>
					{/if}
				{elseif $n > 0}
					<span class="stock-critical uk-flex uk-flex-middle uk-text-danger">
						<svg xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 512 512'><path d='M256 48C141.31 48 48 141.31 48 256s93.31 208 208 208 208-93.31 208-208S370.69 48 256 48zm108.25 138.29l-134.4 160a16 16 0 01-12 5.71h-.27a16 16 0 01-11.89-5.3l-57.6-64a16 16 0 1123.78-21.4l45.29 50.32 122.59-145.91a16 16 0 0124.5 20.58z' fill='currentColor'/></svg>&nbsp;
						<span>{_w("Only %d left in stock", "Only %d left in stock", $n)}</span>&nbsp;
					</span>
				{else}
					{if $wa->shop->settings('ignore_stock_count')}
						{if !empty($theme_settings.label_stock_preorder)}
							<span class="stock-none uk-flex uk-flex-middle uk-text-warning">
								<svg xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 512 512'><path d='M256 48C141.31 48 48 141.31 48 256s93.31 208 208 208 208-93.31 208-208S370.69 48 256 48zm108.25 138.29l-134.4 160a16 16 0 01-12 5.71h-.27a16 16 0 01-11.89-5.3l-57.6-64a16 16 0 1123.78-21.4l45.29 50.32 122.59-145.91a16 16 0 0124.5 20.58z' fill='currentColor'/></svg>&nbsp;
								<span>{$theme_settings.label_stock_preorder}</span>&nbsp;
							</span>
						{/if}
					{else}
						{if !empty($theme_settings.label_stock_outofstock)}
							<span class="stock-none uk-flex uk-flex-middle uk-text-danger">
								<svg xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 512 512'><path d='M256 48C141.31 48 48 141.31 48 256s93.31 208 208 208 208-93.31 208-208S370.69 48 256 48zm75.31 260.69a16 16 0 11-22.62 22.62L256 278.63l-52.69 52.68a16 16 0 01-22.62-22.62L233.37 256l-52.68-52.69a16 16 0 0122.62-22.62L256 233.37l52.69-52.68a16 16 0 0122.62 22.62L278.63 256z' fill='currentColor'/></svg>&nbsp;
								<span>{$theme_settings.label_stock_outofstock}</span>&nbsp;
							</span>
						{/if}
					{/if}
				{/if}
			{/function}
			{foreach $product.skus as $sku}
				<div {if $sku.id != $product.sku_id}style="display:none"{/if} class="sku-{$sku.id}-stock">
					{if $sku.stock}
						{foreach $stocks as $stock_id => $stock}
							{if isset($sku.stock[$stock_id])}
								{$stock_count = $sku.stock[$stock_id]}
							{else}
								{$stock_count = null}
							{/if}
							<span class="uk-display-block{if !$stock@first} mt-10{/if}">
								<span class="uk-grid uk-grid-collapse">
								    <span class="uk-width-auto">
										{in_stock n=$stock_count low=$stock.low_count critical=$stock.critical_count}
									</span>
									<span class="uk-width-expand" style="height:1.1em;border-bottom:1px dotted rgba(0,0,0,.5);">
									</span>
								    <span class="uk-width-auto uk-text-right">
										<span class="uk-text-bold">&nbsp;{$stock.name}</span>
									</span>
								</span>
							</span>
						{/foreach}
					{else}
						{in_stock n=$sku.count}
					{/if}
				</div>
			{/foreach}
			{if $product.sku_type}
				{if !empty($theme_settings.unavailability_sku_alert)}
					<div class="sku-no-stock uk-alert uk-alert-danger uk-border theme-form-border-radius uk-text-center uk-margin-remove" style="display: none;">
						{$theme_settings.unavailability_sku_alert}
					</div>
				{/if}
			{/if}
		</div>
	{/if}
{/if}
{/capture}
{* NOTE: END CAPTURE: Stocks *}



{* NOTE: CAPTURE: Services *}
{$product_show_services = ''}
{capture product_services}
{if $services}
	{$product_show_services = true}

	<div class="services">
		{foreach $services as $s}
			<div class="service-{$s.id} {if !$s@first} mt-10{/if}">
				<span class="uk-grid uk-grid-small">
					<span class="uk-width-auto">
						<input data-price="{shop_currency($s.price, $s.currency, null, 0)}" {if !$product_available}disabled="disabled"{/if} type="checkbox" name="services[]" value="{$s.id}" class="uk-checkbox not theme-form-border-radius" id="service-check-{$s.id}">
					</span>

					<span class="uk-width-expand">
						<label for="service-check-{$s.id}">
							{$s.name|escape}
							{if $s.price && !isset($s.variants)}
								&nbsp;(+<span class="service-price uk-text-bold">
									{shop_currency($s.price, $s.currency)}
								</span>)
							{/if}
						</label>

						{if isset($s.variants)}
							<select data-variant-id="{$s.variant_id}" class="service-variants uk-select not theme-form-border-radius" name="service_variant[{$s.id}]" disabled>
								{foreach $s.variants as $v}
									<option {if $s.variant_id == $v.id}selected{/if} data-price="{shop_currency($v.price, $s.currency, null, 0)}" value="{$v.id}">
										{$v.name|escape} (+{shop_currency($v.price, $s.currency)})
									</option>
								{/foreach}
							</select>
						{else}
							<input type="hidden" name="service_variant[{$s.id}]" value="{$s.variant_id}">
						{/if}
					</span>
				</span>
			</div>
		{/foreach}
	</div>{* / services*}
{/if}
{/capture}
{* NOTE: END CAPTURE: Services *}



{* NOTE: CAPTURE: Price *}
{capture product_price}
	<div class="uk-grid uk-grid-small uk-flex-middle uk-flex-center uk-h3">

		<div>
			<span data-price="{shop_currency($product.price, null, null, 0)}" class="price nowrap">
				{shop_currency_html($product.price)}
			</span>
		</div>

		{if $product.compare_price > 0}
			<div>
				<span class="compare-at-price nowrap uk-text-muted">
					{shop_currency_html($product.compare_price)}
				</span>
			</div>
		{/if}
	</div>
	<input type="hidden" name="product_id" value="{$product.id}">
{/capture}
{* NOTE: END CAPTURE: Price *}




{* NOTE: CAPTURE: Add to cart *}
{capture product_addtocart}
	{if $wa->shop->cart->total() > 0}
		{$add2cart_label = '[`Add to cart`]'}
	    {if !empty($theme_settings.buy_button_add)}
	        {$add2cart_label = $theme_settings.buy_button_add}
	    {/if}
	{else}
		{$add2cart_label = '[`Buy`]'}
	    {if !empty($theme_settings.buy_button_buy)}
	        {$add2cart_label = $theme_settings.buy_button_buy}
	    {/if}
	{/if}
	{$add2cart_icon = '<svg width="1.5em" height="1.5em" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg" data-svg="cart"><circle cx="7.3" cy="17.3" r="1.4" fill="currentColor"></circle><circle cx="13.3" cy="17.3" r="1.4" fill="currentColor"></circle><polyline fill="none" stroke="currentColor" points="0 2 3.2 4 5.3 12.5 16 12.5 18 6.5 8 6.5"></polyline></svg>'}

	<button type="submit" {if !$product_available}disabled="disabled"{/if} class="uk-button uk-button-primary theme-buttons-border-radius uk-position-relative uk-width-1-1">
		{* <span class="uk-visible@m">{$add2cart_label}</span> *}
		{* <span class="uk-hidden@m">{$add2cart_icon}</span> *}
		<span>{$add2cart_label}</span>
		<i class="adding2cart uk-position-center-right mr-10" data-uk-spinner="ratio:0.5" style="display:none"></i>
	</button>

	<span class="added2cart" style="display: none;">{sprintf('[`%s is now <a href="%s"><strong>in your shopping cart</strong></a>`]', $product.name|escape, $_cart_url)}</span>
{/capture}
{* NOTE: END CAPTURE: Add to cart *}






{* THUMBS *}
{$_images = []}
{$_images["default"] = [
    "id" => "default",
    "uri_200" => $wa->shop->productImgUrl($product, "970")
]}
{if $product.images}
    {foreach $product.images as $_image}
        {$_images[$_image.id] = [
            "id" => $_image.id,
            "uri_200" => $wa->shop->imgUrl($_image, "970")
        ]}
    {/foreach}
{/if}


{* /* {$product.params.price_valid_until_date} */ *}


{if $wa->get('cart') == 1}
{* NOTE: ВЫВОД: Мультивыбор *}

	{$parent_id = $product.canonical_category['id']}
	{$cat_item = $wa->shop->category($parent_id)}

	{$preview_img_mode = ''}{* cover / center / none *}
	{if !empty($theme_settings.product_cart_preview_img_mode)}
		{$preview_img_mode = $theme_settings.product_cart_preview_img_mode}
	{/if}
	{if !empty($cat_item.params.preview_img_mode)}
		{$preview_img_mode = $cat_item.params.preview_img_mode}
	{/if}
	{if !empty($product.params.preview_img_mode)}
		{$preview_img_mode = $product.params.preview_img_mode}
	{/if}


	<form id="cart-form-dialog" class="uk-overflow-hidden" method="post" action="{$wa->getUrl('/frontendCart/add')}">

	{if $preview_img_mode !== 'none'}
		<div class="uk-grid uk-grid-collapse">

			<div class="uk-width-1-3@m uk-visible@m uk-cover-container" style="border-right:1px solid rgba(0,0,0,.1);">
				<img src="{$wa->shop->productImgUrl($product, '970')}" itemprop="image" class="product-image{if $preview_img_mode == 'center'} uk-position-center{/if}" alt="{$product.name|escape}"{if $preview_img_mode == 'cover'} data-uk-cover{/if}>
			</div>

			<div class="uk-width-1-1 uk-hidden@m uk-cover-container uk-height-max-medium">
				<img src="{$wa->shop->productImgUrl($product, '970')}" itemprop="image" class="product-image uk-width-1-1" alt="{$product.name|escape}">
			</div>


			<div class="uk-width-2-3@m uk-position-relative">

	{/if}{* / $preview_img_mode !== 'none' *}

				<div class="uk-modal-header uk-margin-remove">
					<div class="uk-h3 uk-modal-title uk-link-heading">
						<a href="{$wa->currentUrl(true,true)}">{$product.name|escape}</a>
					</div>
				</div>{* / uk-modal-header*}

				<div class="uk-modal-body purchase scroll-mask-v" data-uk-overflow-auto>

					{if $product.summary}
				        <div class="uk-margin">
							{$product.summary|truncate:512}
						</div>
				    {/if}

					{if !empty($product_show_skus)}
						<div class="uk-margin">
							{$smarty.capture.product_skus}
						</div>
					{else}
						{$smarty.capture.product_skus}
					{/if}

					{if !empty($product_show_stocks)}
						<div class="uk-margin">
							{$smarty.capture.product_stocks}
						</div>
					{/if}

					{if !empty($product_show_services)}
						<div class="uk-margin">
							{$smarty.capture.product_services}
						</div>
					{/if}

				</div>{* / uk-modal-body*}

				<div class="">
					<div class="uk-modal-footer">
						<div class="add2cart uk-grid uk-grid-default" data-uk-grid>

							{if empty($theme_settings.product_show_qty)}
								<div class="uk-width-1-1 uk-width-1-2@m uk-flex uk-flex-{$theme_settings.product_cart_price_align} uk-flex-middle">
									{$smarty.capture.product_price}
								</div>
								<div class="uk-width-1-1 uk-width-1-2@m">
									{$smarty.capture.product_addtocart}
								</div>
							{else}
								<div class="uk-width-1-1 uk-width-1-3@m uk-flex uk-flex-{$theme_settings.product_cart_price_align} uk-flex-middle">
									{$smarty.capture.product_price}
								</div>
								<div class="uk-width-1-1 uk-width-1-3@m">
									{include file="product.qty.html" inline}
								</div>
								<div class="uk-width-1-1 uk-width-1-3@m">
									{$smarty.capture.product_addtocart}
								</div>
							{/if}

				        </div>{* / add2cart*}
					</div>{* / uk-modal-footer*}
				</div>
	{if $preview_img_mode !== 'none'}

			</div>{* / uk-width*}
		</div>{* / uk-grid *}

	{/if}
	</form>{* / $preview_img_mode !== 'none' *}




{elseif $wa->get('cart') == quick_full}
{* NOTE: ВЫВОД: Быстрый просмотр *}


	{$parent_id = $product.canonical_category['id']}
	{$cat_item = $wa->shop->category($parent_id)}


	<form id="cart-form-dialog" class="uk-overflow-hidden" method="post" action="{$wa->getUrl('/frontendCart/add')}">

        <div {if !$wa->isMobile()} data-uk-overflow-auto{/if}>
			<div class="uk-modal-header">
				<div class="uk-grid uk-grid-small uk-flex-middle">
					<div class="uk-h3 uk-modal-title uk-link-heading uk-text-center uk-width-expand">
						<a href="{$wa->currentUrl(true,true)}">{$product.name|escape}</a>
					</div>
					<div class="uk-width-auto">
						<a href="{$wa->currentUrl(true,true)}" class="uk-link-heading" title="[`Go to product page`]" aria-label="[`Go to product page`]" data-uk-tooltip="pos:left">
							<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
								 width="24" height="24" viewBox="0 0 512 512" enable-background="new 0 0 512 512" xml:space="preserve">
							<path d="M405.34,405.332H106.66V106.668H240V64H106.66C83.191,64,64,83.197,64,106.668v298.664C64,428.803,83.191,448,106.66,448
								h298.68c23.469,0,42.66-19.197,42.66-42.668V272h-42.66V405.332z M288,64v42.668h87.474L159.999,322.133l29.866,29.866
								l215.476-215.47V224H448V64H288z" fill="currentColor"/>
							</svg>
						</a>
					</div>
				</div>
	        </div>{*/uk-modal-header*}


			<div class="uk-modal-body purchase uk-padding-remove">

				<div class="uk-grid uk-grid-collapse">

					<div class="uk-width-1-3@s">
						<div>
							{include file="product.gallery.html" thumbs_location="bottom" image_thumbs_size="48x48" video_location="in_gallery" inline}
						</div>


						<div class="uk-modal-body uk-padding-remove-vertical">
							{if count($product.categories) > 1 && empty($theme_settings.product_page_cats_hide)}
								<div class="product-cats product-cats-quick uk-margin-bottom uk-flex uk-flex-wrap uk-flex-middle">
									<div class="uk-h5 uk-margin-remove uk-width-1-1">
										[`Categories`]
									</div>

									{$cat_visible_count = ''}
									{$cat_visible_limit = 1000}
									{if !empty($theme_settings.product_page_cats_hide_limit)}
										{$cat_visible_limit = $theme_settings.product_page_cats_hide_limit + 1}
									{/if}
									{foreach $product.categories as $c}
										{if $c.status}
											<a href="{$wa->getUrl('/frontend/category', ['category_url' => $c.full_url])}" class="uk-link{if $cat_visible_limit <= $c@iteration} cat_hidden{/if}"{if $cat_visible_limit <= $c@iteration}{$cat_visible_count++} hidden{/if}>
												{* {if !empty($param_item.params.icon)}
													<i class="{$param_item.params.icon} ratio1x mr-5"></i>
												{/if} *}
												{$c.name|escape}
											</a>
											{if !$c@last}<span class="mr-5 uk-display-inline-block comma{if $cat_visible_limit <= $c@iteration+1} cat_hidden{/if}"{if $cat_visible_limit <= $c@iteration+1} hidden{/if}>,</span>{/if}
											{$param_item = $wa->shop->category($c.id)}
										{/if}
									{/foreach}

									{if !empty($cat_visible_count)}
										<button class="ml-15 uk-link cat_hidden" data-uk-toggle="target:.cat_hidden;animation:uk-animation-fade">
											[`More`]
										</button>
										<button class="ml-15 uk-link cat_hidden" data-uk-toggle="target:.cat_hidden;animation:uk-animation-fade" hidden>
											[`Hide`]
										</button>
									{/if}
								</div>{* / product-cats*}
							{/if}

							{if $product.tags  && empty($theme_settings.product_page_tags_hide)}
								<div class="product-tags product-tags-quick uk-margin-bottom uk-flex uk-flex-wrap uk-flex-middle">
									<div class="uk-h5 uk-margin-remove uk-width-1-1">
										[`Tags`]
									</div>

									{$tag_visible_count = ''}
									{$tag_visible_limit = 1000}
									{if !empty($theme_settings.product_page_tags_hide_limit)}
										{$tag_visible_limit = $theme_settings.product_page_tags_hide_limit + 1}
									{/if}
									{foreach $product.tags as $t}
										<a href="{$wa->getUrl('/frontend/tag', ['tag' => urlencode($t)])}" class="{*uk-badge uk-border mb-5 mr-5 ph-10*}uk-link{if $tag_visible_limit <= $t@iteration} tag_hidden{/if}"{if $tag_visible_limit <= $t@iteration}{$tag_visible_count++} hidden{/if}>
											{$t}
										</a>{if !$t@last}<span class="mr-5 uk-display-inline-block{if $tag_visible_limit <= $t@iteration+1} tag_hidden{/if}"{if $tag_visible_limit <= $t@iteration+1} hidden{/if}>,</span>{/if}
									{/foreach}

									{if !empty($tag_visible_count)}
										<button class="ml-15 uk-link tag_hidden" data-uk-toggle="target:.tag_hidden;animation:uk-animation-fade">
											[`More`]
										</button>
										<button class="ml-15  uk-link tag_hidden" data-uk-toggle="target:.tag_hidden;animation:uk-animation-fade" hidden>
											[`Hide`]
										</button>
									{/if}
								</div>{* / product-tags*}
							{/if}

							{* <div class="uk-text-center uk-margin-bottom">
								<a href="{$wa->currentUrl(true,true)}" class="uk-button uk-button-text">
									[`Open product`]
								</a>
							</div> *}

						</div>{* / uk-modal-body uk-padding-remove-vertical*}

					</div>{*/uk-width-1-3@s*}

					<div class="uk-width-2-3@s">
						<div class="uk-modal-body">
							{if $product.summary}
								<div class="uk-margin">
									{$product.summary|truncate:512}
								</div>
							{/if}

							{if !empty($product_show_skus)}
								<div class="uk-margin">
									{$smarty.capture.product_skus}
								</div>
							{else}
								{$smarty.capture.product_skus}
							{/if}

							{if !empty($product_show_stocks)}
								<div class="uk-margin">
									{$smarty.capture.product_stocks}
								</div>
							{/if}

							{if !empty($product_show_services)}
								<div class="uk-margin">
									{$smarty.capture.product_services}
								</div>
							{/if}

							{if !empty($product.features)}
                            	<div class="uk-margin uk-margin-medium-top">
									<div class="uk-h4 uk-margin-remove-top">[`Features`]</div>
		                            <div class="features-holder">
		                                <i data-uk-spinner></i>
		                            </div>
								</div>
	                        {/if}

						</div>{* /uk-modal-body*}
					</div>{* / uk-width*}
				</div>

			</div>{* / uk-modal-body*}
		</div>



        <div class="uk-modal-footer">
			<div class="add2cart uk-grid uk-grid-default" data-uk-grid>

				{if empty($theme_settings.product_show_qty)}
					<div class="uk-width-1-1 uk-width-1-2@m uk-flex uk-flex-center uk-flex-middle">
						{$smarty.capture.product_price}
					</div>
					<div class="uk-width-1-1 uk-width-1-2@m">
						{$smarty.capture.product_addtocart}
					</div>
				{else}
					<div class="uk-width-1-1 uk-width-1-3@m uk-flex uk-flex-center uk-flex-middle">
						{$smarty.capture.product_price}
					</div>
					<div class="uk-width-1-1 uk-width-1-3@m">
						{include file="product.qty.html" inline}
					</div>
					<div class="uk-width-1-1 uk-width-1-3@m">
						{$smarty.capture.product_addtocart}
					</div>
				{/if}

			</div>{* / add2cart*}
		</div>{*/uk-modal-footer*}


	</form>



{else}{* else $wa->get('cart') *}
{* NOTE: ВЫВОД: Страница товара *}




	<form id="cart-form" method="post" action="{$wa->getUrl('/frontendCart/add')}">
		<div class="uk-card-header">
			<div class="uk-h4">{sprintf('[`Buy %s`]',$product.name|escape)}</div>
		</div>
	    {if $product.summary}
	        <div class="uk-card-body uk-padding-remove-vertical uk-margin">
				{$product.summary|truncate:512}
				{if !empty($product.description)}
					<div class="uk-margin-top-small">
						{if !empty($place) && $place == "reviews"}

						{else}
							<a href="#product-overview" class="uk-link" data-uk-scroll="offset:{if !empty($theme_settings.navbar_sticky)}{$theme_settings.navbar_height}{else}0{/if}" onclick="$('.overview-call').trigger('click');">
								[`Full summary`]&nbsp;
								<svg width="20" height="20" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg" data-svg="chevron-down"><polyline fill="none" stroke="currentColor" stroke-width="1.03" points="16 7 10 13 4 7"></polyline></svg>
							</a>
						{/if}
					</div>
				{/if}
			</div>
	    {/if}

		{if !empty($product_show_skus)}
			<div class="uk-card-body uk-padding-remove-vertical uk-margin">
				{$smarty.capture.product_skus}
			</div>
		{else}
			{$smarty.capture.product_skus}
		{/if}

		{if !empty($product_show_stocks)}
			<div class="uk-card-body uk-padding-remove-vertical uk-margin">
				{$smarty.capture.product_stocks}
			</div>
		{/if}

	    <div class="purchase">
			<div class="add2cart">

				{* Должны идти в .purchase *}
				{if !empty($product_show_services)}
					<div class="uk-card-body uk-padding-remove-vertical uk-margin">
						{$smarty.capture.product_services}
					</div>
				{/if}

				<div class="uk-card-body uk-margin" style="padding-top:10px;padding-bottom:10px;">
					<div class="uk-width-1-1 uk-flex uk-flex-{$theme_settings.product_cart_price_align} uk-flex-middle">
						{$smarty.capture.product_price}
					</div>
				</div>{* / uk-card-body*}

		        <div class="uk-card-footer">
					<div class="uk-grid uk-grid-default mt-10">


                        {include file="product.qty.html" inline}

						<div class="uk-width-1-1">
							{$smarty.capture.product_addtocart}
						</div>

			        </div>{* / add2cart*}
				</div>{* / uk-card-footer*}
			</div>{* / add2cart*}
	    </div>{* / purchase*}
	</form>{* / #cart-form*}

{/if}{* !$wa->get('cart')*}




<script>
    ( function($) {
        $.getScript("{$wa_theme_url}product.min.js?v{$wa_theme_version}", function() {
            if (typeof Product === "function") {
                new Product('#cart-form{if $wa->get('cart')}-dialog{/if}', {
                    is_dialog: {$_is_dialog|json_encode},
                    images: {if !empty($_is_dialog)}{$_images|json_encode}{else}[]{/if},
                    compare_price: {if !empty($product.compare_price)}{shop_currency($product.compare_price, null, null, 0)}{else}0{/if},
                    currency: {json_encode($currency_info)},
                    skus: {$product.skus|json_encode}
                    {if count($product.skus) > 1 or $product.sku_type}
                        ,services: {json_encode($sku_services)}
                    {/if}
                    {if $product.sku_type}
                        ,features: {json_encode($sku_features_selectable)}
                    {/if}
                });
            }
        });
    })(jQuery);
</script>

<!-- END product.cart.html -->
{/strip}