{combine_script id='jquery.ui' 			require='jquery' path='themes/default/js/ui/minified/jquery.ui.core.min.js'}
{combine_script id='jquery.ui.sortable' require='jquery' path='themes/default/js/ui/minified/jquery.ui.sortable.min.js'}
{combine_script id='jquery.cluetip' 	require='jquery' path='themes/default/js/plugins/jquery.cluetip.js'}
{combine_script id='jquery.vtip' 		require='jquery' path=$CR_PATH|@cat:'admin/template/vtip.js'}

{combine_css path=$CR_PATH|@cat:'admin/template/style.css'}
{include file='include/autosize.inc.tpl'}

{footer_script require='jquery'}
	// AJOUTE UN CHAMP DE RESULTAT
	function CreateResultField(j, new_contest){ldelim}
		// Si il n'y a aucun résultats on efface le message
		if(new_contest) jQuery('#categoryUl').html('');
		
		// Ajoute à la fin de la liste une nouvelle ligne de résultat vide
		jQuery('<li id="result_'+ j +'" class="categoryLi virtual_cat"></li>').appendTo('#categoryUl');
		
		// Contenu de la ligne
		jQuery('#result_'+ j).html('<ul class="categoryActions"> '+
				'<li> '+
					'<a href="#" title="{'CR_delete_result'|@translate}" onclick="jQuery(\'#result_'+ j +'\').remove();return false;"> '+
						'<img src="{$themeconf.admin_icon_dir}/category_delete.png" class="button" alt="{'CR_delete_result'|@translate}"/> '+
					'</a> '+
				'</li> '+
			'</ul> '+
			'<p> '+
				'<img src="{$themeconf.admin_icon_dir}/cat_move.png" class="button drag_button" style="display:none;" title="{'Drag to re-order'|@translate}"> '+
				'{'CR_image_no'|@translate} <input type="text" size="6" name="results['+ j +'][image_id]" value="" onkeyup="UpdatePreview('+ j +', this);"/> '+
				'<span id="preview-'+ j +'"> '+
					'<span class="vtip" title="<img src=\'admin/themes/default/icon/errors.png\'/><br>N/A"> '+
						'<img src="{$CR_PATH}admin/template/image/images.png"/> '+
					'</span> '+
				'</span> '+
				'{'CR_author'|@translate} : <input type="text" name="results['+ j +'][author]" value=""/> '+
				'<textarea class="result_comment" name="results['+ j +'][comment]"></textarea> '+
			'</p> '+
			'<p class="catPos">{'CR_rank'|@translate} : <input type="text" name="results['+ j +'][rank]" value=""/></p>');
		
		// Remplace le lien de création
		jQuery('#AddLink').html('<input class="submit" type="reset" onclick="CreateResultField('+ (j+1) +');return false;" value="{'CR_addfield'|@translate}"/>');
		
		// Réinitiliase les fonctions jQuery
		jQuery('.catPos').hide();
		jQuery('.drag_button').show();
		jQuery('.categoryLi').css('cursor', 'move');
		jQuery('textarea').autogrow();
		jQuery('textarea').css('overflow-y', 'hidden');
		vtip();
	}
	
	// MET A JOUR LA PREVISUALISATION DE L'IMAGE
	function UpdatePreview(image_id, input){ldelim}
		$.get("{$CR_PATH}admin/get_tn.php", {ldelim}image_id: input.value},
			function success(data){ldelim}
				document.getElementById('preview-'+image_id).innerHTML = '<span class="vtip" title="'+ data + '">'+
						'<img src="{$CR_PATH}admin/template/image/images.png"/>'+
					'</span>';
				vtip();
			}
		);
	}
		
{literal}
	jQuery().ready(function(){
		//  Drag-and-Drop
		jQuery('.catPos').hide();
		jQuery('.drag_button').show();
		jQuery('.categoryLi').css('cursor', 'move');
		jQuery('.categoryUl').sortable({
			axis: 'y',
			opacity: 0.8
		});
		jQuery('#categoryOrdering').submit(function(){
			ar = jQuery('.categoryUl').sortable('toArray');
			for(i=0; i<ar.length; i++) {
				cat = ar[i].split('result_');
				document.getElementsByName('results[' + cat[1] + '][rank]')[0].value = i+1;
			}
		});
		// Cluetip
		jQuery('.cluetip').cluetip({
			width: 550,
			splitTitle: '|'
		});
	});
{/literal}
{/footer_script}

{html_head}
<style type="text/css">
	.cluetip:after {ldelim}
		content:url('{$themeconf.admin_icon_dir}/help.png');
	}
</style>
{/html_head}

<h2 class="version_title">{$CR_VERSION}</h2>

<div class="titrePage">
	<h2><span class="cluetip" title="{'CR_results_tab'|@translate}|{'CR_help_results'|@translate}">{'CR_results_tab'|@translate|cat:' : '|cat:$NAME} </span></h2>
</div>

<form method="post" id="categoryOrdering" action="">
	<ul class="categoryUl" id="categoryUl">
	{counter start=0 assign=i}
	{if isset($results)}
		{foreach from=$results item=result}
			<li class="categoryLi {if isset($result.ERROR)}error_cat{/if}" id="result_{$i}">
				<ul class="categoryActions">
					<li>
						<a href="#" title="{'CR_delete_result'|@translate}" onclick="jQuery('#result_{$i}').remove();return false;">
							<img src="{$themeconf.admin_icon_dir}/category_delete.png" class="button" alt="{'CR_delete_result'|@translate}"/>
						</a>
					</li>
				</ul>
				
				<p>
					<img src="{$themeconf.admin_icon_dir}/cat_move.png" class="button drag_button" style="display:none;" title="{'Drag to re-order'|@translate}">
					{'CR_image_no'|@translate} <input type="text" size="6" name="results[{$i}][image_id]" value="{$result.IMAGE_ID}" onkeyup="UpdatePreview({$i}, this);"/>
					
					<span id="preview-{$i}">
						<span class="vtip" title="<img src='{$result.TN_SRC}'/><br>{$result.IMAGE_NAME}">
							<img src="{$CR_PATH}admin/template/image/images.png"/>
						</span>
					</span>
					
					{'CR_author'|@translate} : <input type="text" name="results[{$i}][author]" value="{$result.AUTHOR}"/>
					<textarea class="result_comment" name="results[{$i}][comment]">{$result.COMMENT}</textarea>
				</p>
				<p class="catPos">{'CR_rank'|@translate} : <input type="text" name="results[{$i}][rank]" value="{$result.RANK}"/></p>
			</li>
			{counter}
		{/foreach}
	{else}
		{'CR_no_result'|@translate}
	{/if}
	</ul>
	
	<p>
		<span id="AddLink"><input class="submit" type="reset" onclick="CreateResultField({$i}{if !isset($results)}, true{/if});return false;" value="{'CR_addfield'|@translate}"/></span>
		<input class="submit" type="submit" value="{'Submit'|@translate}" name="results_modify"/>
	</p>
</form>