<div class="pane01">
 {form->start name="formCrossSellSearch" action="" method="post"}
    <div class="save-floating-section" id="crosssell-save-section">
          <div class="cm-buttons-floating crosssell-save-fix">
           <div class="submit-position"> 
            {form->button class="button03 curve-3" id="productCrosssellProductSubmit" value="{$language.lblSave}"}
	    </div>
          </div>
        <div class="cm-buttons"></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">
				  
		     {*form->select name="productCategoryIDCross"  size="5"  multiple="multiple" options=$resCategoryTree*}
<div class="category-list01">{html->anchor class=" select-box-static" id="categoryLabelCross" caption="<span>&nbsp;</span><strong id='selectedTextCross'>{$language.lblSelectCategory}</strong>"} 
                    <div class="div-city cate-drop " id="categoryVisibleCross" style="display:none">				 
				 <div class="category-section pos-relative"> 
				  <div class="div-city">
                      <div class="fixed-section">
                          <h2>{$language.lblProductCategory}</h2>
                      {assign var="categoryValue" value=""}

				{form->textbox name="filterCategories" class="filterBrands text-box margin-bottom" placeholder="Search Categories"}
                          </div>
				{assign var="categoryValue" value=""}
			        <ul  class="dragtree categoryList" id="categoryList">
							  

                <!--menu function-->
                 {function name=categoryCross 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}"></span>
									{else}
									<span class="expand colapse {if !(!empty($productCategory['children']) && is_array($productCategory['children']))}hide{/if}"></span>
									{/if}
								
																		  
									 {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="productCategoryIDCross" class="" id="category" options=$productCategory.productCategoryID|cat:"->"|cat:"&nbsp;"|cat:$categoryName} 
									
									
								
                         
							{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=categoryCross 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 categoryCross data=$resCategoryTree} <!--menu function calling-->
             	 </ul>  
</div>
				 
				 </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="selectBx00" 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}"}
					  <span class="Ajax_loader"></span>
                    {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="remove-btn 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>
