{config_load file=$language_path section="general"}
{config_load file=$language_path section="products"}
{if $MODE == 'amazon_product_info'}
<style type="text/css">
{literal}
table#amazon_product_info thead tr#api_header{
	background-color: #000; 
	color: #FFF; 
	font-size: 13px;
}
table#amazon_product_info thead tr#api_header td{
	font-size: 13px;
	font-weight: bold;
	padding: 3px;
}
img#toggle_aph{
	padding-right: 10px;
	cursor: pointer;
}
{/literal}
</style>
<script>
{literal}
$(function(){
	$('table#amazon_product_info tbody tr').toggle();
	$('img#toggle_aph').on('click',function(){
		if($(this).attr('src') == 'images/plus.gif'){
			$(this).attr('src','images/minus.gif');
		}else{
			$(this).attr('src','images/plus.gif');
		}
		$('table#amazon_product_info tbody tr').toggle();
	});
});
{/literal}
</script>
<table id="amazon_product_info" class="yes-ui-table">
	<thead>
		<tr id="api_header">
			<td colspan="2"><img src="images/plus.gif" id="toggle_aph">Amazon Product Info</th>
		</tr>
		<tr>
			<td>{$IMG}</td>
			<td><b>{$TITLE}</b></td>
		</tr>
	</thead>
	<tbody>
		<tr>
			<td>MarketplaceId</td><td>{$MARKETPLACE_ID}</td>
		</tr>
		<tr>
			<td>Attribute</td><td>{$ATTRIBUTES}</td>
		</tr>
	</tbody>
</table>

{elseif $MODE == 'allocate_stepwise'}
<script>
var AMAZON_FBA_ALLOCATED = '{$AMAZON_FBA_ALLOCATED}';
var BASELINK = '{$BASELINK}';
var ASIN = '{$ASIN}';
var SKU = '{$SKU}';
var COUNTER = parseInt('{$COUNTER}');
var ALLOCATED_AS_AMAZON_PRODUCT = '{$ALLOCATED_AS_AMAZON_PRODUCT}';
{literal}
$(function(){
	$('#paging').hide();
	if(get_unallocated_size() > 1){
		$('#paging').show();
	}
	if(COUNTER > 0){
		$('#paging a#last').on('click',function(){
			$('table#fba_inv tbody tr#ASIN'+ASIN).removeClass('ui-state-highlight');
			var last_tr = $('table#fba_inv tbody tr.unallocated:eq('+(COUNTER-1)+')');
			last_asin=last_tr.find('td#asin').text();
			last_sku = last_tr.find('td#sku').text();
			$('#modal_window').dialog().load(BASELINK+'&action=allocate_stepwise&asin='+encodeURIComponent(last_asin)+'&sku='+encodeURIComponent(last_sku)+'&counter='+(COUNTER-1));
		});
	}else{
		$('#paging a#last').removeClass('ui-state-default').addClass('ui-state-error').css('cursor','default');
	}
	if((COUNTER+1) < get_unallocated_size()){
		$('#paging a#next').on('click',function(){
			$('table#fba_inv tbody tr#ASIN'+ASIN).removeClass('ui-state-highlight');
			var next_tr = $('table#fba_inv tbody tr.unallocated:eq('+(COUNTER+1)+')');
			next_asin=next_tr.find('td#asin').text();
			next_sku = next_tr.find('td#sku').text();
			$('#modal_window').dialog().load(BASELINK+'&action=allocate_stepwise&asin='+encodeURIComponent(next_asin)+'&sku='+encodeURIComponent(next_sku)+'&counter='+(COUNTER+1));
		});
	}else{
		$('#paging a#next').removeClass('ui-state-default').addClass('ui-state-error').css('cursor','default');
	}
	$('table#fba_inv tbody tr#ASIN'+ASIN).addClass('ui-state-highlight');
	$('table#matched_products tbody tr').each(function(){
		$(this).on('click',function(){
			$(this).effect('highlight','slow');
			var _pID = $(this).attr('id').replace('PROPOSAL_','');
			$('#allocation_pid input[name="products_id"]').val(_pID).effect('highlight','slow');
		}).css('cursor','pointer');
	});

	var amz_autoComplete, amz_dlg = $("#amz_allocation_div"),amz_input = $("#query", amz_dlg), ac_SKU='', ac_ASIN='';
	amz_input.autocomplete({
	   minLength: 2,
	   source: function(request, response) {
			    $.ajax({
				url: 'amazon.php',
				dataType: 'json',
				data: {
				    query: $('#query').val()
				},
				success:
				    function (data) {
				       $('#query').removeClass('ui-autocomplete-loading');
					response($.map(data, function (item) {
					    return {
						label: item.label,
						value: item.value
					    }
					}));
				    }                    
			    });
	    },
	    search: function(event,ui){
		$('form#allocate_search img#ui-autocomplete-loading').show();
	    },
	    open: function(event,ui){
		$('form#allocate_search img#ui-autocomplete-loading').hide();
	    },
	    select: function(event,ui){
		var products_id = ui.item.value;
		$('#allocation_pid input[name="products_id"]').val(products_id).effect('highlight','slow');
		return false;
	    }
	}).data( 'ui-autocomplete' )._renderItem = function( ul, item ) {
	      return $( "<li>" )
		.append( "<a>"  +  item.label + "</a>" )
		.appendTo( ul );
	};
	amz_autoComplete = amz_input.autocomplete("widget");
	$('#query').focus();
	$('input#allocate_products_id_button').on('click',function(){
		var clicked_button = $(this);
		var pID = encodeURIComponent($('#allocation_pid input[name="products_id"]').val());
		var condition = encodeURIComponent($('table#fba_inv tbody tr#ASIN'+ASIN+' td#condition').text());
		var condition_code = encodeURIComponent($('table#fba_inv tbody tr#ASIN'+ASIN+' td#condition_code').text());
		var available = encodeURIComponent($('table#fba_inv tbody tr#ASIN'+ASIN+' td#quantity_available').text());
		$.ajax({
			url:BASELINK+'&action=allocate&pID='+pID+'&asin='+encodeURIComponent(ASIN)+'&sku='+encodeURIComponent(SKU)+
				'&condition='+condition+'&condition_code='+condition_code+'&available='+available,
			dataType: 'json',
			success: function(json){
				if(json.MESSAGE){
					alert(json.MESSAGE);
				}else{
					$('table#fba_inv tbody tr#ASIN'+ASIN+' td#fba').html(
						'<img src="images/basicons/done.png" width="15" height="15" title="'+AMAZON_FBA_ALLOCATED+'" />'
					);
					$('table#fba_inv tbody tr#ASIN'+ASIN+' td#products_id').html(
						'<span title="'+ALLOCATED_AS_AMAZON_PRODUCT+'">'+pID+'</span>'
					);
					$('table#fba_inv tbody tr#ASIN'+ASIN).removeClass('unallocated');
					clicked_button.parent().effect('puff','slow').hide();
					clicked_button.prop('disabled','disabled');
					$('table#matched_products').effect('puff','slow').hide();
					$('#amz_allocation_div').html(AMAZON_FBA_ALLOCATED);
				}
			}
		});
	});

});
{/literal}
</script>
<style type="text/css">
{literal}
#allocation_pid{
	font-size: 14px;
	padding: 2px;
	margin: 2px;
}
#paging{
	font-size: larger;
}
{/literal}
</style>
<div class="main">
	<b>ASIN:</b> {$ASIN} &nbsp;&nbsp; <b>Seller SKU:</b> {$SKU}<br />
	{$AMAZON_PRODUCT_INFO}
	<br />
	<table border="0" class="yes-ui-table" id="matched_products">
		{if $PROPOSALS.0}
		<thead>
			<tr>
				<td colspan="3">{$TEXT_ALLOCATION_AUTO_MATCHING}</td>
			</tr>
		</thead>
		{/if}
		<tbody>
	{foreach from=$PROPOSALS item=prop}
			<tr id="PROPOSAL_{$prop.products_id}">
				<td valign="top">{$prop.image}</td>
				<td valign="top"><b>pID:</b> {$prop.products_id}</td>
				<td valign="top">
					<b>{#products_name#}:</b> {$prop.products_name}<br />
					<b>{#products_model#}:</b> {$prop.products_model} &nbsp;
					<b>{#products_ean#}:</b> {$prop.products_ean}
				</td>
			</tr>
	{foreachelse}
		<tr>
			<td colspan="3"><i>{$TEXT_ALLOCATION_NO_AUTO_MATCHING}</i></td>
		</tr>
	{/foreach}
		</tbody>
	</table>
	<br />
	<div id="amz_allocation_div">
	<form id="allocate_search">
	<fieldset>
	    <legend>{$TEXT_AMAZON_PRODUCTS_SEARCH} <span id="asin_sku"></span></legend>
		<label for="query">{$TEXT_AMAZON_PRODUCTS_SEARCH_INPUT}*&nbsp;</label>
		<input type="text" name="q" id="query" style="padding:3px; font-size:14px; width:294px" />
		<img style="display:none;height:15px;padding-left:4px;" id="ui-autocomplete-loading" src="images/loading.gif" border="0" />
		&nbsp;
		<br /><i>* {$TEXT_AMAZON_PRODUCTS_SEARCH_INTRO}</i>
	</fieldset>
	</form>
	</div>
	<div id="allocation_pid" class="ui-widget-header ui-state-highlight">
		<b>{$TEXT_ALLOCATE_AMAZON_PRODUCT_TO_PRODUCTS_ID}:</b>
		<input type="text" name="products_id" value="" size="8" maxlength="8" />
		<input type="button" id="allocate_products_id_button" class="iButton" value="{#allocate#}" />
	</div>
	
	<div id="paging">
		<a id="last" style="padding: 3px;" href="javascript:;" class="ui-button ui-corner-all ui-state-default">{$TEXT_PAGING_LAST}</a>
		<a id="next" style="padding: 3px;" href="javascript:;" class="ui-button ui-corner-all ui-state-default">{$TEXT_PAGING_NEXT}</a>
	</div>
</div>
{else}

{yes_admin_page_menu main_title=$HEADING_TITLE buttons=$PAGE_HEADING_MENU_BUTTONS}

<br />
<div class="ui-widget ui-state-default" style="padding: 5px;">
{$FILTER_FORM}
	Amazon Seller: {$INPUT_USER}
</form>
</div>
<br />
<style type="text/css">
{literal}
table#fba_inv tbody tr td{
	vertical-align: top;
}
table#fba_inv tbody tr td#products_id{
	background-image: url(images/icon_status_green.gif);
	background-repeat: no-repeat;
	padding-left: 15px;
}
table#fba_inv tbody tr.unallocated td#products_id{
	background-image: url(images/icon_status_green_light.gif);
	background-repeat: no-repeat;
}
table#amazon_product_info, table#matched_products{
	width: 500px;
	border: 1px solid #000;
	padding: 3px;
}
table#amazon_product_info tr td{
	vertical-align: top;
	font-size: 11px;
}
table#matched_products thead tr{
	background-color: #000; 
	color: #FFF; 
	font-size: 13px;
}
table#matched_products thead tr td{
	font-size: 13px;
	font-weight: bold;
	padding: 3px;
}

{/literal}
</style>
<script>
var BASELINK = '{$BASELINK}';
var text_search = '{#search#}';
var REPORT_SELECT_LINK = '{$REPORT_SELECT_LINK}';
var FBA_REQUESTREPORT_INTRO = '{$FBA_REQUESTREPORT_INTRO}';
{literal}
function get_unallocated_size(){
	return $('table#fba_inv tbody tr.unallocated').length;
}
function get_nth_position(asin){
	var pos = 0;
	var match_pos = -1;
	$('table#fba_inv tbody tr.unallocated').each(function(){
		if($(this).attr('id') === asin){
			match_pos = pos;
		}
		pos++;
	});
	return match_pos;
}
$(function(){
	$('form[name="filter"] select[name="user"]').on('change',function(){
		$('form[name="filter"]').submit();
	});
	$('a.report_req').on('click',function(){
		alert(FBA_REQUESTREPORT_INTRO);
		window.location.href = $(this).attr('id');
	});
	$('input#view_report').on('click',function(){
		if($('select[name="report"]').val() != ''){
			window.location.href = REPORT_SELECT_LINK+'&report='+$('select[name="report"]').val();
		}
	});
	if(!get_unallocated_size()){
		$('input#allocate_stepwise').hide();
	}
	$('input#allocate_stepwise').on('click',function(){
		var _title = $(this).val();
		var asin = $('table#fba_inv tbody tr.unallocated:first').find('td#asin').text();
		var sku = $('table#fba_inv tbody tr.unallocated:first').find('td#sku').text();
		$('#modal_window').dialog({
			title: _title,
			modal: true,
			width: 'auto',
			height: 'auto',
		}).load(BASELINK+'&action=allocate_stepwise&asin='+encodeURIComponent(asin)+'&sku='+encodeURIComponent(sku)+'&counter=0');
	});
	$('table#fba_inv tbody tr.unallocated').each(function(){
		$(this).on('click',function(){
			pos = get_nth_position($(this).attr('id'));
			var _title = $('input#allocate_stepwise').val();
			var asin = $(this).find('td#asin').text();
			var sku = $(this).find('td#sku').text();
			$('#modal_window').dialog({
				title: _title,
				modal: true,
				width: 'auto',
				height: 'auto',
			}).load(BASELINK+'&action=allocate_stepwise&asin='+encodeURIComponent(asin)+'&sku='+encodeURIComponent(sku)+'&counter='+pos);
		});
	});
});
{/literal}
</script>

<div id="report_list">
	FBA Report: {$INPUT_REPORTLIST}
	<input type="button" value="{#view#}" class="iButton" id="view_report" />
	<a class="report_req" href="javascript:;" id="{$LINK_REPORT_REQUEST}">{$REQUEST_FBA_REPORT}</a>
</div>
<div id="report" class="main">
{if $REPORT_ITEMS}
	<p>{$NUM_REPORT_ITEMS} {$TEXT_FBA_PRODUCTS}</p>
	<input type="button" id="allocate_stepwise" class="iButton" value="{$START_UNKNOWN_ALLOCATION}" />
	<table class="yes-ui-table" id="fba_inv">
		<thead>
			<tr class="ui-widget-header">
				<th>&nbsp;</th>
				<th>pID</th>
				<th>Seller SKU</th>
				<th>fulfillment-channel-sku</th>
				<th>ASIN</th>
				<th>{#condition#}</th>
				<th>Condition Code</th>
				<th>{#available#}</th>
			</tr>
		</thead>
		<tbody>
	{foreach from=$REPORT_ITEMS item=r}
			<tr id="ASIN{$r.asin}"{if $r.products_id < 1} class="unallocated"{/if}>
				<td id="fba">{if $r.amazon_products_fba_id > 0}<img src="images/basicons/done.png" width="15" height="15" title="{$AMAZON_FBA_ALLOCATED}" />{/if}</td>
				<td id="products_id">
					{if $r.products_id > 0}
						{if $r.amazon_products_fba_id < 1}<span title="{$ALLOCATED_AS_AMAZON_PRODUCT}">{/if}
						{$r.products_id}
						{if $r.amazon_products_fba_id < 1}</span>{/if}
					{else}
						<span style="color: #777; font-style: italic;">{$TEXT_UNKNOWN_AMAZON_PRODUCT}</span>
					{/if}
				</td>
				<td id="sku">{$r.seller_sku}</td>
				<td id="channel-sku">{$r.fulfillment_channel_sku}</td>
				<td id="asin">{$r.asin}</td>
				<td id="condition">{$r.condition_type}</td>
				<td id="condition_code">{$r.warehouse_condition_code}</td>
				<td id="quantity_available">{$r.quantity_available}</td>
			</tr>
	{/foreach}
		</tbody>
	</table>
{/if}
</div>

{/if} <!-- end if mode //-->