<?php

$products = wc_get_products( array(
	'limit' => 2,
) );


$productHTML = empty( $products ) ? 'Please create a product' :  '';

$numberOfProducts 	= count($products);
$totalQty 			= 0;
$totalSavings 		= 0;

	foreach ($products as $product) {

		$variable 		= false;
		$meta 			= '';

		if( $product->is_type('variable')  ){

			if( empty( $product->get_available_variations() ) ) continue;

			$variation 	= wc_get_product( $product->get_available_variations()[0]['variation_id'] );
			if( $variation ){
				$product 	= $variation;
				$meta 		= wc_get_formatted_variation($product);
			}
			
		}

		$qty = rand(1,3);

		$totalQty += $qty;

		$productData = array(
			'product_thumbnail' => $product->get_image(),
			'product_name' 		=> $product->get_title(),
			'product_price' 	=> wc_price( $product->get_price() ),
			'product_sale_price'=> $product->get_price_html(),
			'product_quantity' 	=> $qty,
			'product_subtotal' 	=>  wc_price( $qty * (int) $product->get_price() ),
			'product_meta' 		=> '',
			'sales_count' 		=> 500,
			'product' 			=> $product,
		);

		$regular_price 					= $product->get_regular_price();
		$sale_price 					= $product->get_price();

		$savings_data_in_amount 		= xoo_wsc_cart()->get_savings_data( $sale_price, $regular_price, 'amount' );

		if( !empty( $savings_data_in_amount ) ){

			$savings_data_in_percent 		= xoo_wsc_cart()->get_savings_data( $sale_price, $regular_price, 'perc' );
			$total_savings_data_in_amount 	= xoo_wsc_cart()->get_savings_data( $sale_price * $qty, $regular_price * $qty, 'amount' );

			$productData['savings'] = array(
				'price_amount' 	=> $savings_data_in_amount['text'],
				'price_perc' 	=> $savings_data_in_percent['text'],
				'total_amount' 	=> $total_savings_data_in_amount['text']
			);

			$totalSavings += $total_savings_data_in_amount['value'];

		}

		$productHTML .= xoo_wsc_helper()->get_template( 'xoo-wsc-product-preview.php', array( 'productData' => $productData ), XOO_WSC_PATH.'/admin/templates/preview', true );

	}



$footer_template = xoo_wsc_helper()->get_template( 'xoo-wsc-footer-totals.php', array( 'total_savings' => $totalSavings ), XOO_WSC_PATH.'/admin/templates/preview', true );

$information_box = '<div class="xoo-wsc-info-cont">{{{data.informationBox}}}</div>';

?>

<div class="xoo-as-preview-style"></div>
<div class="xoo-as-preview"></div>

<script type="text/html" id="tmpl-xoo-as-preview">

<?php ob_start(); ?>

<# if ( data.basket.countType === "quantity" ) { #>
	<?php echo $totalQty; ?>
<# }else{ #>
	<?php echo $numberOfProducts; ?>
<# } #>

<?php $quantity = ob_get_clean(); ?>

	<div class="xoo-wsc-markup">
		<div class="xoo-wsc-modal">
			<div class="xoo-wsc-container">

				<# if ( data.basket.show ) { #>

					<div class="xoo-wsc-basket">

						<span class="xoo-wsc-items-count">
							<?php echo $quantity; ?>
						</span>
						
						<span class="xoo-wsc-bki {{{data.basket.icon}}}"></span>

					</div>

				<# } #>

				<div class="xoo-wsc-header">
					<# if ( data.header.oldLayout ) { #>
						<?php xoo_wsc_helper()->get_template( 'xoo-wsc-header-old-preview.php', array( 'quantity' => $quantity ), XOO_WSC_PATH.'/admin/templates/preview' ); ?>
					<# }else{ #>
						<?php xoo_wsc_helper()->get_template( 'xoo-wsc-header-preview.php', array( 'quantity' => $quantity ), XOO_WSC_PATH.'/admin/templates/preview' ); ?>
					<# } #>
				</div>


				<div class="xoo-wsc-body">

					<# if ( data.informationBoxLocation === 'body_start' ) { #>
						<?php echo $information_box ?>
					<# } #>


					<div class="xoo-wsc-products xoo-wsc-pattern-<# if (data.product.layout === 'cards') { #>card<# } else { #>row<# } #>">
						<?php echo $productHTML; ?>
					</div>

					<# if ( data.informationBoxLocation === 'body_end' || data.informationBoxLocation === 'body_end_stick' ) { #>
						<?php echo $information_box ?>
					<# } #>


				</div>

				<div class="xoo-wsc-footer">
					<?php xoo_wsc_helper()->get_template( 'xoo-wsc-footer-preview.php', array( 'footer_template' => $footer_template, 'information_box' => $information_box ), XOO_WSC_PATH.'/admin/templates/preview' ); ?>
				</div>
			</div>
		</div>
	</div>
</script>