{config_load file=$language_path section="general"}

{yes_admin_page_menu main_title=$HEADING_TITLE buttons=$PAGE_HEADING_MENU_BUTTONS additional_title=$HEADING_ADDITIONAL_TITLE}

<script type="text/javascript">
var edit_baselink = '{$EDIT_BASELINK}';
var OAUTH_REDIRECT_URL = '{$OAUTH_REDIRECT_URL}';
var yes_ebay_sdk_oauth_redirect_target = '{if isset($yes_ebay_sdk_oauth_redirect_target)}{$yes_ebay_sdk_oauth_redirect_target}{/if}';
let seller = '{$SELLER}';
{literal}
$().ready(function(){
    $('table#token_table tbody tr[id] td:not(.delete)').each(function(){
		$(this).css('cursor','pointer');
		$(this).on('click',function(){
			var id = $(this).parent().attr('id');
			window.location.href = edit_baselink+id;
		});
    });
    var user = $('div.ebay_seller_account_info').attr('id');
    $('input.get_token_status').on('click',function(){
    	showPreloader();
    	$.ajax({
    		url: 'token.php?action=get_token_status&display_details=1&id='+$(this).data('userid'),
    		dataType: 'json',
    		success: function(json){
		    	hidePreloader();
		    	$('#modal_window').dialog({
		    		title: 'Token Status',
		    		width: 'auto',
		    		height: 'auto',
		    		modal: true,
		    	}).html(json.MSG);
    		},
    		error: function(xhr){
    			alert('Cant get Token Status');
    			hidePreloader();
    		}
    	});
    });
    if($('#oauth2_code_container').length>0){
    	window.open(OAUTH_REDIRECT_URL);
    	$('#oauth2_code_container').dialog({
    		modal: true,
    		title: 'eBay Code Input',
    		width: '500px',
    		height: 'auto'
    	});
    	$('textarea[name="consent_code"]').focus();
    	$('input[name="oauth_consent_code_submit"]').on('click',function(){
            var url = 'ebayapi_sdk_calls.php?action=oauth_consent_submit&consent='+encodeURIComponent($('textarea[name="consent_code"]').val())+'&seller='+seller;
            if(yes_ebay_sdk_oauth_redirect_target != ''){
                url += '&yes_ebay_sdk_oauth_redirect_target='+yes_ebay_sdk_oauth_redirect_target;
            }
            window.location.href=url;
    	});
    }
});
{/literal}
</script>


{if isset($OAUTH_REDIRECT_URL) && $OAUTH_REDIRECT_URL != ''}
	<div id="oauth2_code_container" class="main">
		<b>OAuth Prozess wurde gestartet.</b>
		<p>Es wurde ein separates Browserfenster geöffnet, melden Sie sich ggf. bei eBay an und erteilen Sie YES4Trade die notwendigen Berechtigungen.</p>
                <p>Sie werden dann auf eine YES4Trade Seite weitergeleitet, auf der Sie sich einen Token kopieren, den Sie in dieses Textfeld einf&uuml;gen und anschliessend Speichern.</p>
                <textarea cols="60" rows="5" name="consent_code"></textarea>
                <input type="button" name="oauth_consent_code_submit" value="Speichern" />
	</div>
{/if}
<table border="0" width="100%" cellpadding="3">
<tr>
	<td class="main">&nbsp;</td>
</tr>
<tr>
	<td class="main">{$TEXT_TOKEN_INTRO}</td>
</tr>
<tr>
	<td>
		<table border="0" cellpadding="0" cellspacing="2" width="100%">
		<tr>
			<td class="ui-widget-content" valign="top" width="75%">
				<table class="yes-ui-table" id="token_table">
					<thead>
						<tr class="ui-widget-header">
							<th>{$TABLE_HEADING_EBAY_USERID}</th>
							<th>{$TABLE_HEADING_EMAIL}</th>
							<th>{$TABLE_HEADING_TO_DATE}</th>
							<th>&nbsp;</th>
						</tr>
					</thead>
					<tfoot>
						<tr>
						</tr>
					</tfoot>
					<tbody>
					{foreach from=$items item=token}
					    <tr id="{$token.id}"{if $token.selected == 1} class="ui-state-highlight"{/if}>
						<td>{$token.username}{if $token.environment == 'sandbox'} (SANDBOX){/if}</td>
						<td>{$token.email_address}&nbsp;</td>
						<td>{$token.datum}</td>
						<td align="center" class="delete"><a title="{$TEXT_DELETE_EBAY_USER} {$token.username}" class="lbOn_nostyle" href="javascript:;" id="?action=delete_confirm&id={$token.id}"><button type="button" class="ui-button ui-corner-all ui-state-error">{#delete#}</button></a></td>
					    </tr>
					{foreachelse}
					    <tr>
						<td colspan="3">{$TEXT_NO_TOKENS}</td>
					    </tr>
					{/foreach}
					</tbody>
				</table>
			</td>
		    {$BOX}
		</tr>
		</table>
    </td>
</tr>
</table>