<?php $this->placeholder('breadcrumb')->set('<a href="/relationships.php">Relationships</a> > <a href="/cont_mgmt/view_vendor.php?vendor_id='.$this->subaccount->vendor->vendorId.'">'.(trim($this->subaccount->vendor->vendorName) != '' ? $this->subaccount->vendor->vendorName : $this->subaccount->vendor->company).'</a> >
		 <a href="/subaccount/viewsubaccount/subaccount_id/'.$this->subaccount_id.'">'.$this->subaccount->subaccountName.'</a> > Edit Subaccount Royalty Collection');?>

<form name="form1" action="/subaccount/editroyaltycollectionterritories/subaccount_id/<?=$this->subaccount_id;?>" method="post" onSubmit="return collectAllowedRoyaltyCollection()">
<div class="panelHeader">
	<h3>Royalty Collections</h3>
</div>
<div class="panelContent">
	<?php
	// Get the List of all continents.
	$continentsArr = $this->continents;
	// For left multiselect : Get countries which are allowed for subaccount.
	$allowedRoyaltyCollection = $this->allowedRoyaltyCollection;
	
	// For right multiselect : Get countries which are restricted for subaccount.
	$restrictedRoyaltyCollection = $this->restrictedRoyaltyCollection;
	$countAllowed = count($allowedRoyaltyCollection);
	$countRestricted = count($restrictedRoyaltyCollection);
	$totalCountry = $countAllowed + $countRestricted;
	?>

	<script type="text/javascript" src="/scripts/jquery.js"></script>
	<script type="text/javascript" src="/scripts/jquery-ui.min.js"></script>
	<script type="text/javascript" src="/scripts/jquery.multiselect.filter.js"></script>
	<script type="text/javascript" src="/scripts/jquery.multiselect.1.13.js"></script>
	<script type="text/javascript" src="/scripts/royaltycollectionmultiselect.js"></script>
	<link href="/oa/styles/territory.css" rel="stylesheet" type="text/css">

	<script type="text/javascript">
	function createTerritory(){
		tabbody=document.getElementById("drop_down");
		var select = document.createElement("select");
		select.setAttribute('id', 'select1');
		select.setAttribute('class', 'ui-multiselect');
		select.setAttribute('multiple', 'multiple');
		tabbody.appendChild(select);

		<?php
		foreach ( $continentsArr as $continent ) {
			$continentName = strtolower ( str_replace ( ' ', '', $continent ) );
			?>
				var opgroup = document.createElement("optgroup");
				opgroup.setAttribute('label', '<?php echo $continent;?>');
				opgroup.setAttribute('class', '<?php echo $continentName;?>');
				select.appendChild(opgroup);
			<?php
			foreach ( $allowedRoyaltyCollection as $countryDetails ) {
				$countryDetails = ( array ) $countryDetails;
				$countryContinent = strtolower ( str_replace ( ' ', '', $countryDetails ['continent'] ) );
				if ($countryContinent == $continentName) { ?>
					var option  = document.createElement("option");
					option.value = '<?php echo $countryDetails['country_id']; ?>';
					option.textContent = '<?php echo addslashes($countryDetails['name']); ?>';
					opgroup.appendChild(option);
			  <?php }
				}
			}
			?>
			var select1 = document.createElement("select");
			select1.setAttribute('id', 'select2');
			select1.setAttribute('multiple', 'multiple');
			select1.setAttribute('class', 'ui-multiselect');
			tabbody.appendChild(select1);
			<?php
			foreach ( $continentsArr as $continent ) {
				$continentName = strtolower ( str_replace ( ' ', '', $continent ) );
				?>
					var opgroup1 = document.createElement("optgroup");
					opgroup1.setAttribute('label', '<?php echo $continent;?>');
					opgroup1.setAttribute('class', '<?php echo $continentName;?>');
					select1.appendChild(opgroup1);
				<?php
				foreach ( $restrictedRoyaltyCollection as $countryDetails ) {
					$countryDetails = ( array ) $countryDetails;
					$countryContinent = strtolower ( str_replace ( ' ', '', $countryDetails ['continent'] ) );
					if ($countryContinent == $continentName) {?>
						var option1  = document.createElement("option");
						option1.value = '<?php echo $countryDetails['country_id']; ?>';
						option1.textContent = '<?php echo addslashes($countryDetails['name']); ?>';
						opgroup1.appendChild(option1);
				<?php }
				}
			}
			?>
			$('#select1').multiselect({
				classes:'territories1',
				create: function(event, ui){
					$('.artist_territory #col-1').replaceWith($('.territories1'));
				}
			}).multiselectfilter();
			$('#select2').multiselect({
				classes:'territories2',
				create: function(event, ui){
					$('.artist_territory #col-2').replaceWith($('.territories2'));
				}
			}).multiselectfilter();
			$('.ui-multiselect-filter input').attr('placeholder','type country name');
			$('.ui-multiselect-filter input').bind('focus',function(){
				$(this).attr('placeholder','');
			});
			$('.ui-multiselect-filter input').bind('blur',function(){
				$(this).attr('placeholder','type country name');
			});
		}
	</script>
		<!-- Left select for list of all Allowed countries for subaccount -->
		<div id="edit_artist_territory" class="artist_territory">
			<div id="drop_down"></div>

			<!-- header Allowed and Restricted countries counts -->
			<div id="cleared">
				<b><?echo "Allowed Territories";?></b>
			</div>
			<div id="not_cleared">
				<b><?echo "Restricted Territories";?></b>
			</div>
			<div class="clear"></div>

			<div id="col-1"></div>

			<!-- Shifting buttons here -->
			<div id="buttons">
				<a id="add">Restrict Selected<span>&gt;&gt;</span></a> 
				<a id="remove"><span>&lt;&lt;</span> Allow Selected</a>
			</div>
			<div id="col-2"></div>
		<!-- Hidden counts to keep track  -->
		<div class="clear"></div>
		<input type="hidden" id="clearedCount" value="<?php echo $countAllowed; ?>">
		<input type="hidden" name="royaltyCollection" id="royaltyCollection">
		<div class="panelButtons"><input type="submit" name="submit" value="Submit"> 
		<input type="button" onclick="javascript:resetTerritory();" value="Reset" name="reset">
		</div>
	</div>
	<script type="text/javascript" src="/scripts/royaltycollection.js"></script>
</div>   
</form>