<?php
/**
 * @package J2Store
 * @copyright Copyright (c)2014-17 Ramesh Elamathi / J2Store.org
 * @license GNU GPL v3 or later
 */

// No direct access
defined('_JEXEC') or die;
J2Store::plugin()->importCatalogPlugins();
?>

	<div class="j2store-product-relations">
		<div class="row-fluid">
			<div class="span7">
				<div class="alert alert-info alert-block">
					<strong><?php echo JText::_('J2STORE_NOTE'); ?></strong> <?php echo JText::_('J2STORE_FEATURE_AVAILABLE_IN_J2STORE_PRODUCT_LAYOUTS'); ?>
				</div>
				<div class="product-upsells">
					<div class="control-group">
						<h5><?php echo JText::_('J2STORE_PRODUCT_UP_SELLS');?></h5>
					</div>
					<table class="table table-striped table-bordered">
						<thead>
							<tr>
								<th><?php echo JText::_('J2STORE_PRODUCT_NAME');?></th>
								<th><?php echo JText::_('J2STORE_REMOVE');?></th>
							</tr>
						</thead>
						<tbody id="addedProductUpsell">
						<?php
							if(isset($this->item->up_sells) && !empty($this->item->up_sells)):
							$upsells = J2Store::product()->getRelatedProducts($this->item->up_sells);
								?>
						<?php foreach($upsells as $key=>$related_product):?>
							<?php
								$app = JFactory::getApplication();
								$app->triggerEvent('onJ2StoreAfterGetProduct', array(&$related_product));
							?>
						<?php if(isset($related_product->product_source_id)):?>
							<tr id="upSell-<?php echo $related_product->j2store_product_id;?>">
									<td class="addedProductUpsell">

											<a href="<?php echo $related_product->product_edit_url; ?>" target="_blank">
												<?php echo isset($related_product->sku) && !empty($related_product->sku) ?$related_product->product_name."(".$related_product->sku.")" : $related_product->product_name;?>
											</a>
										<input type="hidden" value="<?php echo $related_product->j2store_product_id;?>"  name="<?php echo $this->form_prefix.'[up_sells]' ;?>[<?php echo $related_product->j2store_product_id;?>]" />
									</td>
									<td>
										<a href="javascript:void(0);" onclick="removeThisRelatedRow('upSell',<?php echo $related_product->j2store_product_id;?>)">
											<i class="icon icon-trash"></i>
										</a>
									</td>
							</tr>
							<?php endif;?>
						<?php endforeach;?>
						<?php endif;?>
						</tbody>
						<tbody>
							<tr>
								<td colspan="2">
									<?php echo JText::_('J2STORE_SEARCH_AND_RELATED_PRODUCTS');?>
									<?php echo J2Html::text('upsellSelector' ,'' , array('id'=>'upsellSelector','class'=>'input-large'));?>
								</td>
							</tr>
						</tbody>
					</table>
			</div>
			<div class="product-crosssells">
						<div class="control-group">
							<h5><?php echo JText::_('J2STORE_PRODUCT_CROSS_SELLS');?></h5>
						</div>
						<table class="table table-striped table-bordered">
							<thead>
								<tr>
									<th><?php echo JText::_('J2STORE_PRODUCT_NAME');?></th>
									<th><?php echo JText::_('J2STORE_REMOVE');?></th>
								</tr>
							</thead>
							<tbody id="addedProductCrosssell">
							<?php
							if(isset($this->item->cross_sells) && !empty($this->item->cross_sells)):

								$crosssells = J2Store::product()->getRelatedProducts($this->item->cross_sells);
							?>
							<?php foreach($crosssells as $key=>$related_product):?>
									<?php
								$app = JFactory::getApplication();
								$app->triggerEvent('onJ2StoreAfterGetProduct', array(&$related_product));
							?>
								<?php if(isset($related_product->product_source_id)):?>
								<tr id="crossSell-<?php echo $related_product->j2store_product_id;?>">
										<td class="addedProductCrosssell">
											<a href="index.php?option=com_content&task=article.edit&id=<?php echo $related_product->product_source_id;?>"  target="_blank">
												<?php echo isset($related_product->sku) && !empty($related_product->sku) ?$related_product->product_name."(".$related_product->sku.")" : $related_product->product_name;?>
											</a>
											<input type="hidden" value="<?php echo $related_product->j2store_product_id;?>" name="<?php echo $this->form_prefix.'[cross_sells]' ;?>[<?php echo $related_product->j2store_product_id;?>]" />
										</td>
										<td>
											<a href="javascript:void(0);" onclick="removeThisRelatedRow('crossSell',<?php echo $related_product->j2store_product_id;?>)">
												<i class="icon icon-trash"></i>
											</a>
										</td>
									</tr>
							<?php endif;?>
							<?php endforeach;?>
							<?php endif;?>
							</tbody>
							<tbody>
								<tr>
									<td colspan="2">
										<?php echo JText::_('J2STORE_SEARCH_AND_RELATED_PRODUCTS');?>
										<?php echo J2Html::text('crossSellSelector' ,'', array('id'=>'crossSellSelector','class'=>'input-large'));?>
									</td>
								</tr>
					</tbody>
			</table>
		</div>
			</div>

			<div class="span5">

			</div>

		</div>


</div>
<script type="text/javascript">

(function($) {
	$(document).ready(function() {
		$('#upsellSelector').autocomplete({
			source : function(request, response) {
				var upsell = {
					option: 'com_j2store',
					view: 'products',
					task: 'getRelatedProducts',
					product_id: '<?php echo $this->item->j2store_product_id;?>',
					q: request.term
				};
				$.ajax({
					type : 'post',
					url  : '<?php echo JRoute::_('index.php');?>',
					data : upsell,
					dataType : 'json',
					success : function(data) {
						$('#upsellSelector').removeClass('optionsLoading');
						response($.map(data['products'], function(item) {
							return {
								label: item.product_name,
								value: item.j2store_product_id
							}
						}));
					}
				});
			},
			minLength : 2,
			select : function(event, ui) {
				$('<tr id="upSell-'+ui.item.value+'"><td class=\"addedProductUpsell\">' + ui.item.label+ '<input type="hidden" value="'+ ui.item.value+'"  name=\"<?php echo $this->form_prefix.'[up_sells]' ;?>['+ ui.item.value+']\" /></td><td><a href=\"javascript:void(0);\" onclick=\"removeThisRelatedRow(\'upSell\','+ui.item.value+')\"><i class="icon icon-trash"></i></a></td></tr>').appendTo('#addedProductUpsell');
				this.value = '';
				return false;
			},
			search : function(event, ui) {
				$('#upsellSelector').addClass('optionsLoading');
			}
		});
	});
	})(j2store.jQuery);


(function($) {
	$(document).ready(function() {
		$('#crossSellSelector').autocomplete({
			source : function(request, response) {
				var crosssell = {
					option: 'com_j2store',
					view: 'products',
					task: 'getRelatedProducts',
					product_id: '<?php echo $this->item->j2store_product_id;?>',
					q: request.term
				};
				$.ajax({
					type : 'post',
					url  : '<?php echo JRoute::_('index.php');?>',
					data : crosssell,
					dataType : 'json',
					success : function(data) {
						$('#crossSellSelector').removeClass('optionsLoading');
						response($.map(data['products'], function(item) {
							return {
								label: item.product_name,
								value: item.j2store_product_id
							}
						}));
					}
				});
			},
			minLength : 2,
			select : function(event, ui) {
				$('<tr id="crossSell-'+ui.item.value+'"><td class=\"addedProductCrosssell\">' + ui.item.label+ '<input type="hidden" value="'+ ui.item.value+'"  name=\"<?php echo $this->form_prefix.'[cross_sells]' ;?>['+ ui.item.value+']\" /></td><td><a href=\"javascript:void(0);\" onclick=\"removeThisRelatedRow(\'crossSell\','+ui.item.value+')\"><i class="icon icon-trash"></i></a></td></tr>').appendTo('#addedProductCrosssell');
				this.value = '';
				return false;
			},
			search : function(event, ui) {
				$('#crossSellSelector').addClass('optionsLoading');
			}
		});
	});
	})(j2store.jQuery);


	function removeThisRelatedRow(type,p_id){
		(function($){
			$("#"+type+'-'+p_id).remove();
		})(j2store.jQuery);
	}
</script>