{*
* 2007-2011 PrestaShop
*
* NOTICE OF LICENSE
*
* This source file is subject to the Academic Free License (AFL 3.0)
* that is bundled with this package in the file LICENSE.txt.
* It is also available through the world-wide-web at this URL:
* http://opensource.org/licenses/afl-3.0.php
* If you did not receive a copy of the license and are unable to
* obtain it through the world-wide-web, please send an email
* to license@prestashop.com so we can send you a copy immediately.
*
* DISCLAIMER
*
* Do not edit or add to this file if you wish to upgrade PrestaShop to newer
* versions in the future. If you wish to customize PrestaShop for your
* needs please refer to http://www.prestashop.com for more information.
*
*  @author PrestaShop SA <contact@prestashop.com>
*  @copyright  2007-2011 PrestaShop SA
*  @version  Release: $Revision: 8971 $
*  @license    http://opensource.org/licenses/afl-3.0.php  Academic Free License (AFL 3.0)
*  International Registered Trademark & Property of PrestaShop SA
*}

{extends file="helper/form/form.tpl"} 

{block name="label"}
	{if $input['type'] == 'modules'}
		<div style="{if !$form_id}display:none{/if}">
			<div class="separation"></div>
			<label>{l s='Modules restrictions: '}</label>
		</div>
	{elseif $input['type'] == 'group_discount_category'}
		<div style="{if !$form_id}display:none{/if}">
			<div class="separation"></div>
			<label>{$input.label} </label>
		</div>
	{else}
		<label>{$input.label} </label>
	{/if}
{/block}


{block name="start_field_block"}
	{if $input['type'] == 'group_discount_category'}
	<div style="{if !$form_id}display:none{/if}">
		<script type="text/javascript">
		$(document).ready(function() {
			$("#group_discount_category").fancybox({
				onStart: function () {
					$('#group_discount_category_fancybox').show();
					initFancyBox();
				},
				onClosed: function () {
					$('#group_discount_category_fancybox').hide();
				}
			});
		});
		
		function deleteCategoryReduction(id_category)
		{
			$('#group_discount_category_table tr#'+id_category).fadeOut('slow', function () {
				$(this).remove();	
			});
		
		}
		function toogleCheck(elt)
		{
			if ($(elt).hasClass('select_all'))
			{
				$(elt).addClass('unselect_all').removeClass('select_all');
				$('ul#sortable_module_'+$(elt).attr('id')).find('input[type="checkbox"]').removeAttr('checked');
				$(elt).html('{l s="Select all"}');
			}
			else
			{
				$(elt).addClass('select_all').removeClass('unselect_all');
				$('ul#sortable_module_'+$(elt).attr('id')).find('input[type="checkbox"]').attr('checked', 'checked');
				$(elt).html('{l s="Unselect all"}');
			}
		}
		
		function unauthorizeChecked()
		{		
			$('ul#sortable_module_unauthorize_list').find('input[type="checkbox"]:checked').each( function () {
				$('ul#sortable_module_authorize_list').prepend($(this).parent());
				$(this).removeAttr('checked');
				$(this).parent().children('input["type=hidden"]').attr('name', 'modulesBoxAuth[]');
			});
		}
		
			function authorizeChecked()
		{		
			$('ul#sortable_module_authorize_list').find('input[type="checkbox"]:checked').each( function () {
				$('ul#sortable_module_unauthorize_list').prepend($(this).parent());
				$(this).removeAttr('checked');
				$(this).parent().children('input["type=hidden"]').attr('name', 'modulesBoxUnauth[]');
			});
		}
		
		function addCategoryReduction() 
		{
			exist = false;
			$('.category_reduction').each( function () {
				if ($(this).attr('name') == 'category_reduction['+$('[name="id_category"]:checked').val()+']')
				{
					exist = true;
					alert('{l s='This category already exist for this group'}');
					return false;
				}
				
			});
			
			if (exist)
				return;
			$.ajax({
					type:"POST",
					url: "ajax-tab.php",
					async: true,
					dataType: "json",
					data : {
						ajax: "1",
						token: "{getAdminToken tab='AdminGroups'}",
						controller: "AdminGroups",
						action: "addCategoryReduction",
						category_reduction: $('#category_reduction_fancybox').val() ,
						id_category: $('[name="id_category"]:checked').val()
						},
					success : function(jsonData)
					{
						if (jsonData.hasError)
						{
							var errors = '';
							for(error in jsonData.errors)
								//IE6 bug fix
								if(error != 'indexOf')
									errors += jsonData.errors[error] + "\n";
							alert(errors);
						}
						else
						{
							$('#group_discount_category_table').append('<tr class="alt_row" id="'+jsonData.id_category+'"><td>'+jsonData.catPath+'</td><td>{l s='Discount:'}'+jsonData.discount+'{l s='%'}</td><td><a href="#" onclick="deleteCategoryReduction('+jsonData.id_category+');"><img src="../img/admin/delete.gif"></a></td></tr>');
							
							var input_hidden = document.createElement("input");
							input_hidden.setAttribute('type', 'hidden');
							input_hidden.setAttribute('value', jsonData.discount);
							input_hidden.setAttribute('name', 'category_reduction['+jsonData.id_category+']');
							input_hidden.setAttribute('class', 'category_reduction');
							
							$('#group_discount_category_table tr#'+jsonData.id_category+' > td:last').append(input_hidden);
							$.fancybox.close();
						}
					}
				});
			
			return false;
		}
			
			function initFancyBox()
			{
				$('[name="id_category"]:checked').removeAttr('checked');
				collapseAllCategories();
				$('#category_reduction_fancybox').val('0.00');
			}
		</script>
		<div class="margin-form">
			<a class="button" href="#group_discount_category_fancybox" id="group_discount_category">{l s='Add a category discount'}</a>
			<table cellspacing="0" cellpadding="0" class="table" style="margin-top:10px" id="group_discount_category_table">
				{foreach $input['values'] key=key item=category }
					<tr class="alt_row" id="{$category.id_category}">
						<td>{$category.path}</td>
						<td>{l s='Discount:'} {$category.reduction}{l s='%'}</td>
						<td>
							<a href="#" onclick="deleteCategoryReduction({$category.id_category});"><img src="../img/admin/delete.gif"></a>
							<input type="hidden" class="category_reduction" name="category_reduction[{$category.id_category}]" value="{$category.reduction}">
						</td>
					</tr>
				{/foreach}
			</table>
		
		<div style="display:none" id="group_discount_category_fancybox">
			<fieldset style="text-align:left"><legend><img src="../img/admin/tab-groups.gif" />{l s='New group category discount'}</legend>
				<div class="hintGroup" style="font-size: 13px;">
					{l s='Beware the reduction applied to a category does not stack with the overall reduction but replaces it. The group is automatically added to the category.'}
				</div>
				{$categoryTreeView}
				<div class="warn">{l s='Only products that have this category as the default category will be affected'}</div>
				<div class="clear">&nbsp;</div>
				<label>{l s='Discount (in %):'}</label>
				<input type="text" name="category_reduction_fancybox" id="category_reduction_fancybox" value="0.00" size="33">
				<div class="clear">&nbsp;</div>
				<button onclick="addCategoryReduction();" class="button">{l s='add'}</button>
			</fieldset>
		</div>
	</div>
	{elseif $input['type'] == 'modules'}
	<div style="{if !$form_id}display:none{/if}">
		<div class="margin-form">
		<script type="text/javascript">
			$(document).ready(function() {
				$( "#sortable_module_authorize_list, #sortable_module_unauthorize_list" ).sortable({
					connectWith: ".connectedSortable",
			        stop: function(event, ui) 
					{
			          	console.log($(event.toElement).parent('ul').attr('id'));
			          	if ($(event.toElement).parent('ul').attr('id') == 'sortable_module_authorize_list')
	               			$(event.toElement).children('input["type=hidden"]').attr('name', 'modulesBoxAuth[]');
	               		else
	               			$(event.toElement).children('input["type=hidden"]').attr('name', 'modulesBoxUnauth[]');
			        }
	            }).disableSelection();
			});
		</script>
			<table cellspacing="0" cellpadding="0" class="table" style="width:600px">
				<thead>
					<tr>
						<th style="padding-left:10px;">
							{$input['label']['auth_modules']}
						</th>
						<th style="padding-left:10px;">
							{$input['label']['unauth_modules']}
						</th>
					</tr>
				</thead>
				<tbody>	
					<tr>
						<td style="width:300px">
							<ul id="sortable_module_authorize_list" class="connectedSortable" style="height:300px;overflow:auto">
								<li></li>
								{foreach $input['values']['auth_modules'] key=key item=module }
									<li class="module_list" id="module_{$module->id}">
										<input type="checkbox" style="margin-right:5px">
										<img src="../modules/{$module->name}/logo.gif">
										{$module->displayName}
										<input type="hidden" name="modulesBoxAuth[]" value="{$module->id}">
									</li>
									
								{/foreach}
							</ul>
						</td>
						<td style="width:300px">
							<ul id="sortable_module_unauthorize_list" class="connectedSortable" style="height:300px;overflow:auto">
								<li></li>
								{foreach $input['values']['unauth_modules'] key=key item=module }
									<li class="module_list" id="module_{$module->id}">
										<input type="checkbox" style="margin-right:5px">
										<img src="../modules/{$module->name}/logo.gif">
										{$module->displayName}
										<input type="hidden" name="modulesBoxUnauth[]" value="{$module->id}">
									</li>
								{/foreach}
							</ul>
						</td>
					</tr>
				</tbody>
				<tfoot>
					<tr>
						<td style="text-align:center">
							<button style="width:100%;margin-top:5px" id="authorize_list" onclick="toogleCheck(this);return false;" class="button">{l s="Select all"}</button>
							<button style="width:100%;margin-top:5px;margin-bottom:5px" onclick="authorizeChecked();return false;" class="button">{l s="<< Unauthorize"}</button>
						</td>
						<td style="text-align:center">
							<button style="width:100%;margin-top:5px"id="unauthorize_list" onclick="toogleCheck(this);return false;" class="button">{l s="Select all"}</button>
							<button style="width:100%;margin-top:5px;margin-bottom:5px" onclick="unauthorizeChecked();return false;" class="button">{l s="<< Authorize"}</button>
						</td>
					</tr>
				</tfoot>
			</table>
	</div>
	{else}
		<div class="margin-form">
	{/if}
{/block}