<div class="pane01 product-related">
 {form->start name="formCrossSellSearch" action="" method="post" rel="crosssell-save"}
    <div class="save-floating-section" id="crosssell-save-section">
          <div class="cm-buttons-floating crosssell-save-fix">
           <div class="submit-position"> 
            {form->button class="btn btn-primary btn-sm" id="productCrosssellProductSubmit" value="{$language.lblSave}"}
	    </div>
          </div>
        <div class="cm-buttons"></div>
	</div>
    
          <div class="row">
        <div class="col-sm-12 col-md-6 margin-bottom">
            <div class="related-section clearfix">
                <div class="related-top clearfix">
             <div class="category-list01 form-group col-sm-12 col-md-6 rmv-padding">
                {html->anchor id="categoryLabelCross"  class="select-box-static" caption="<span id='selectedTextCross'>{$language.lblSelectCategory}</span>"}  
                    <div class="div-city cate-dropdown " id="categoryVisibleCross" style="display:none">
                       
	   {form->hidden  name="productTypeID" value=$resProductTypeList[0].productTypeID|default:''}
	   {form->hidden name="productTypeKey" value='product_product'}  
	    {form->hidden id="productSelectedType"  name="productSelectedType" value="product" rel="product"}                      
				  <div id="selProductCategory">
                      <div class="fixed-section">
                      {assign var="categoryValue" value=""}
				{form->textbox name="filterCategories" class="filterBrands form-control" placeholder="Search Categories"}
                          </div>
				{assign var="categoryValue" value=""}
			        <ul  class="dragtree categoryList main-listing" id="categoryList">
                        {*<!--menu function-->*}
                 {function name=categories level=0 catValues=0}
                {foreach from=$data item="productCategory"} 
					 {if $productCategory.productCategoryStatus=='Inactive'}
				  {assign var="categoryName" value="<span class='inactive'>"|cat:$productCategory.productCategoryName|cat:"</span>"}              
				  {else}
				  {assign var="categoryName" value=$productCategory.productCategoryName} 
				  {/if}
                        <li  data-level="{$level}" category="{$productCategory.productCategoryID}" catname="{$productCategory.productCategoryName}" class="left-spacing {if $productCategory.productCategoryID==1} ui-state-disabled {/if} li_catIDs" >
									{if !(in_array($productCategory.productCategoryID, $categoryIDList|default:array()))}
                                    <span class="expand {if !(!empty($productCategory['children']) && is_array($productCategory['children']))}hide{/if} icon-plus2"></span>
									{else}
									<span class="expand colapse {if !(!empty($productCategory['children']) && is_array($productCategory['children']))}hide{/if}"></span>
									{/if}
									{if !(!empty($productCategory['children']) && is_array($productCategory['children']))}
																		  
									 {assign var="categoryValue" value=$catValues|cat:","|cat:$productCategory.productCategoryID}
										{*{if !(in_array($productCategory.productCategoryID, $categoryIDList|default:array()))}
										 {assign var="disable" value="disabled"}
										 {else}
										  {assign var="disable" value=""}
										 {/if}*}
									{form->checkbox   name="productCategoryID" class="categoryTree" id="category" options=$categoryValue|cat:"->"|cat:"&nbsp;"|cat:$categoryName value=$resProductcategory|default:''} 
									{else}
									 {assign var="categoryValue" value=$catValues|cat:","|cat:$productCategory.productCategoryID}
									{$categoryName} 
									{/if}
							{assign var="children" value=$productCategory['children']|default:''}
                             {if isset($productCategory['children']) && is_array($productCategory['children']) && !empty($productCategory['children'])}
                               <ul id="" class="categoryList {if !(in_array($productCategory.productCategoryID, $categoryIDList|default:array()))}hide {/if}"> 
                            {call name=categories data=$children level=$level+1 catValues=$categoryValue}  <!--menu function calling-->
                            </ul>
                        {else}
                             {if (is_array($productCategory)) && (isset($productCategory['menuItemID'])) && (is_numeric($productCategory['menuItemID']))}
                        </li>	
                        {/if}
                    {/if}
            {/foreach}  
          {/function}
          {call categories data=$resProductCategories} {*<!--menu function calling-->*}
             	 </ul>  
</div>

				 {form->validate name="categorySelected" validate="hiddenbuyboxStatus->isnotequal->Yes~*required" error=$language.errSelectAnyCategory}
					
					
					
					
					
					
                      </div>
                   
                  
                      </div>
            <div class="textfield col-sm-12 col-md-6 form-group">
                        
   {form->textbox   name="searchKeywordCross" value="{$language.lblProductIDTitle}"
   class="form-control" onfocus="if(this.value=='{$language.lblProductIDTitle}') this.value='';" onblur="if(this.value=='')  	this.value='{$language.lblProductIDTitle}';"}  
                        
                      </div>
                    <div class="col-sm-12 col-md-6 rmv-padding form-group">
                    {form->select name="attrSetIDCross" class="form-control"   options=$resAttrSet  caption="->{$language.msgAttributeSet}"}
                    </div>
                    <div class="col-sm-12 col-md-6 rmv-padding-right">
                {form->button name="submitCrossSellSearch" rel="Cross" id="submitCrossSellSearch" class="btn btn-primary btn-sm" value="{$language.lblSearch}"}
                    {html->anchor class="action-link" onclick="ResetProducts('Cross')" href="" content="{$language.lblListAll}"} 
            </div>
                    </div>
        
                <div class="leftblock03 drop-div border-top" id="divExceptAllCross" >
	    {include file='CrosssellProductsLeft.tpl'}
        
        </div>
            </div>
        </div>
        <div class="col-sm-12 col-md-6">
            <div class="related-section clearfix">
                
                {if $resRightCrossSellProducts|@Count eq 0}              
                 {assign var="outerborder" value='outer-border'}
                 {assign var="toplabelhide" value='hide'}               
              {/if}  
                <div class="related-head">
                <h3>{$language.lblCrossSellProducts}</h3>
                    </div>
                <div class="drop-div rightblock03" id="divRightAll" >
              
             	 <ul id="product_drop_right_idCross" class='connect product_drop_sell product_drop_rightCross {$outerborder}'>
                 
            {if $resRightCrossSellProducts|@Count > 0}
          	{foreach from=$resRightCrossSellProducts item="resRightListUpcomingProduct" key="key"}
                	<li id="{$resRightListUpcomingProduct.productID}" class="sort{$resRightListUpcomingProduct.productID}">
                    {html->anchor href="" class="icon-close-narrow product_drop_delete"}                   
                    <div class="title">{$resRightListUpcomingProduct.productTitle|truncate:60}</div>                  
                    </li>
		   {assign var="sorthide" value='hide'}
                  {/foreach}                 
		 {/if}
	  <span class="sortsell sort-labelCross {$sorthide}">{$language.lbldragnDropCrosssellProducts}</span>
                </ul>
               </div>
            </div>
        </div>
    </div>
    
    {*<table width="100%" border="0" cellspacing="2" cellpadding="0">
            <tbody><tr>
              <td align="left" valign="middle" class="leftpane"><table width="100%" border="0" cellspacing="0" cellpadding="0" class="rlp-serch">
                  <tbody><tr>
                    <td align="left" valign="middle" width="175" class="padB8"><div class="category-list01">{html->anchor id="categoryLabelCross"  class="select-box-static" caption="<span>&nbsp;</span><strong id='selectedTextCross'>{$language.lblSelectCategory}</strong>"} 
                    <div class="div-city cate-drop" id="categoryVisibleCross" style="display:none">
                  
                   <ul>{foreach item="categoryTree" from=$resCategoryTree}
                    <li> {form->checkbox tabindex="3"  name="productCategoryID" class="categoryTree" options=$categoryTree.0|cat:"->"|cat:"&nbsp;"|cat:$categoryTree.1}</li>
                    
                    {/foreach}</ul>
                    <div class="clear"></div>
                      </div>
                      </div>
                    </td>                   
                    <td align="left" valign="middle" width="140" class="padB8">
		     <div class="textfield">                        
   {form->textbox   name="searchKeywordCross" value="{$language.lblProductIDTitle}"
   class="textbox" onfocus="if(this.value=='{$language.lblProductIDTitle}') this.value='';" onblur="if(this.value=='')  	this.value='{$language.lblProductIDTitle}';"}  
                      </div></td>
                      </tr>
                      <tr>
		     <td>{form->select name="attrSetIDCross" class="select01"   options=$resAttrSet  caption="->{$language.msgAttributeSet}"}
	      </td>
                    <td align="left" valign="middle" class="left" >
                    {form->button name="submitCrossSellSearch" rel="Cross" id="submitCrossSellSearch" class="button01" value="{$language.lblSearch}"}
                    {html->anchor class="action-link" onclick="ResetProducts('Cross')" href="" content="{$language.lblListAll}"}                 
                   </td>
                  </tr>               
                </tbody></table></td>
                {if $resRightCrossSellProducts|@Count eq 0}              
                 {assign var="outerborder" value='outer-border'}
                 {assign var="toplabelhide" value='hide'}               
              {/if}              
              <td align="left" valign="middle" class="rightpane"><span class="fixing_right top-labelCross {$toplabelhide}">{$language.lbldragnDropCrosssellProducts}</span><h3>{$language.lblCrossSellProducts}</h3></td>
            </tr>
            <tr>
              <td align="left" valign="top">
              <div class="leftblock03 drop-div" id="divExceptAllCross" >
	   {include file='CrosssellProductsLeft.tpl'}
        </div>
               </td>
              <td align="left" valign="top">
             <div class="drop-div rightblock03" id="divRightAll" >
              
             	 <ul id="product_drop_right_idCross" class='connect product_drop_sell product_drop_rightCross {$outerborder}'>
                 
            {if $resRightCrossSellProducts|@Count > 0}
          	{foreach from=$resRightCrossSellProducts item="resRightListUpcomingProduct" key="key"}
                	<li id="{$resRightListUpcomingProduct.productID}" class="sort{$resRightListUpcomingProduct.productID}">
                    {html->anchor href="" class="icon-close-narrow product_drop_delete"}                   
                    <div class="title">{$resRightListUpcomingProduct.productTitle|truncate:60}</div>                  
                    </li>
		   {assign var="sorthide" value='hide'}
                  {/foreach}                 
		 {/if}
	  <span class="sortsell sort-labelCross {$sorthide}">{$language.lbldragnDropCrosssellProducts}</span>
                </ul>
               </div>
              </td>
            </tr>
          </tbody></table>*}
    
    
    {form->close}
          {form->hidden  name="searchItemsCross"} 
        </div>       

<div class="clearfix"></div>
<script type="text/javascript">
var lblProductIDTitle='{$language.lblProductIDTitle}';
</script>
