<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>{$language.lblAdmin} : {$language.lblLocalizationSettings}:{$language.lblCountries}</title>
<link href="{$view_styles}/popup.css" rel="stylesheet" type="text/css" media="screen" />
{include file='CommonJavaScript.tpl'}
<script type="text/javascript" src="{$common_js}/jquery-ui-1.10.2.custom.min.js"></script>
<style>
	#priority_drop_right_id li .priority_drop_delete { 
		float:right!important; 
		margin-left:0px;
		display:none;
		cursor:pointer;
	}
	#priority_drop_right_id{
		min-height:60px;
		border:solid 1px #ccc;
		padding:5px;
	
	}	
	a{
		text-decoration:none;
		cursor: default;
	}
	</style>
</head>
<body>
<meta charset="utf-8">
<div class="popup-block">
 <div class="pane01">
  <table width="100%" border="0" cellspacing="0" cellpadding="0" class="drope-block">
  	<tr>
      <td align="left" valign="middle" class="leftpane" >{$language.lblDraganddropCnuntries}</td>
      <td align="right" valign="middle" class="leftpane" >{$language.lblDropCnuntries}</td>
    </tr>
    <tr>
      <td align="left" valign="top" width="50%">
		{form->textbox name="countrySearchLeft" maxlength="255"  class="textbox" placeholder=$language.lblTypeToFilter}
		<br/><br/>
        <div id="priority_drop_left_div" class="drop-div">
          <ul id="priority_drop_left_id" class='priority_drop_left connectedSortable' >
            {foreach from=$resListCountryLeft item="resCountryLeft"}
            <li id="{$resCountryLeft.countryID}">
            {html->anchor href=""  content="<span class='title'> <span class='priority_drop_delete remove'  style='display:none;'></span> {$resCountryLeft.countryName} </span> "}
             </li>
            {/foreach}
          </ul>
        </div></td>
      <td align="left" valign="top" width="50%">
		{form->textbox name="countrySearchRight" maxlength="255"  class="textbox" placeholder=$language.lblTypeToFilter}
		<br/><br/>
        <div id="priority_drop_left_div" class="drop-div" >
          <ul id="priority_drop_right_id" class='priority_drop_right connectedSortable'>
            {foreach from=$resListCountryRight item="resCountryRight"}
            <li id="{$resCountryRight.countryID}">
            {html->anchor href=""  content="<span class='title'> <span class='priority_drop_delete remove'  style='display:none;'></span> {$resCountryRight.countryName} </span> "}
 </li>
            {/foreach}
          </ul>
          <br clear="both" />
        </div></td>
    </tr>
  </table>
  </div>
</div>
{form->basepath_script}
<script type="text/javascript" src="{$view_javascript}/CountryPriority.page.js"></script>
</body>
</html>
