{if !$can_access_endicia}
	<div class="admin-form-header first"><span class="icon ic-icon"></span>Endicia Shipping Labels</div>
	<ul class="admin-page-note">
		<li><span class="icon ic-icon ic-info"></span>This feature is not available under your license agreement.<br/><br/> Please contact your provider to upgrade your application.</li>
	</ul>
{else}
<h1 class="admin-page-header clearfix">
	<span class="icon icb-icon "></span>
	<span class="text">
		<strong>Endicia Account Management</strong>
	</span>
</h1>
<ul class="pageNote admin-page-note">
	<li><span class="icon ic-icon ic-info"></span> Please note: required fields are in <b>bold</b>.</li>
	{if $message != ''}
	<li><span class="icon ic-icon ic-info"></span> <strong>{$message}</strong></li>
	{/if}
</ul>
<div id="tabs-settings" class="admin-tabs admin-tabs-framed">
	<div class="clearfix admin-tabs-items">
		<ul class="clearfix">
			{if !$endicia_enabled}
				<li class="admin-tab{if $last_active_tab == 'about'} admin-tab-active{/if}" onClick="setActiveTab('tabs-settings', 'about')" id="admin-tab-about"><span>About Endicia</span></li>
				<li class="admin-tab{if $last_active_tab == 'settings'} admin-tab-active{/if}" onClick="setActiveTab('tabs-settings', 'settings')" id="admin-tab-settings"><span>Manage Endicia</span></li>
			{else}
				<li class="admin-tab{if $last_active_tab == 'about'} admin-tab-active{/if}" onClick="setActiveTab('tabs-settings', 'about')" id="admin-tab-about"><span>About Endicia</span></li>
				<li class="admin-tab{if $last_active_tab == 'settings'} admin-tab-active{/if}" onClick="setActiveTab('tabs-settings', 'settings')" id="admin-tab-settings"><span>Manage Endicia</span></li>
				<li class="admin-tab{if $last_active_tab == 'postage'} admin-tab-active{/if}" onClick="setActiveTab('tabs-settings', 'postage')" id="admin-tab-postage"><span>Add Funds to Account</span></li>
				<li class="admin-tab{if $last_active_tab == 'refundreq'} admin-tab-active{/if}" onClick="setActiveTab('tabs-settings', 'refundreq')" id="admin-tab-refundreq"><span>Request Postage Refund</span></li>
				<li class="admin-tab{if $last_active_tab == 'resetpw'} admin-tab-active{/if}" onClick="setActiveTab('tabs-settings', 'resetpw')" id="admin-tab-resetpw"><span>Change Endicia Passphrase</span></li>
			{/if}
		</ul>
	</div>
	<script type="text/javascript">
		var lastActiveTab = "{$last_active_tab|gs}";
	</script>
	{literal}
	<script type="text/javascript">$(document).ready(function(){setActiveTab('tabs-settings', lastActiveTab)});</script>
	{/literal}

	<div id="admin-tab-sheet-about" class="admin-tab-sheet">
		<div class="admin-tab-sheet-wrap">
			<div class="admin-form-header first"><span class="icon ic-icon"></span>Why Endicia:</div>
				<table cellpadding="0" cellspacing="0" border="0" width="100%">
					<tr valign="top">
						<td>
						<div style="padding:0px 30px;">
							<p>For over 25 years, DYMO Endicia has delivered innovative software solutions that our customers consider vital to their success. As a long-time, trusted partner of the USPS&reg;, we've built our reputation on our commitment to making shipping and mailing easier and more manageable. We take our role as problem-solvers on behalf of our customers seriously, and we're proud of our track record as pioneers in electronic postage solutions.</p>

							<p>Less hassle. More time.</p>

							<div>
								Integration with existing systems
								<ul style="margin-top:5px;">
									<li>Skip trips to the Post Office&trade;</li>
								    <li>No need for special hardware, printers, or scales</li>
								    <li>Save money</li>
								</ul>
							</div>

							<div>
								Discounted Delivery Confirmation&trade; and Signature Confirmation&trade;
								<ul style="margin-top:5px;">
									<li>Discounted Priority Mail&reg; and Express Mail&reg; domestic and international shipments</li>
									<li>Deeply discounted rates for Endicia Parcel Insurance</li>
									<li>All solutions offer a free trial period</li>
									<li>Look professional</li>
								</ul>
							</div>

							<div>
								Print live postage, with integrated mailing and return addresses
								<ul style="margin-top:5px;">
									<li>Easily track packages and run postage reports</li>
								</ul>
							</div>
						</div>
					</td>
					<td style="min-width:400px;width:400px;" width="300">
						<div class="div-endicia-activate" style="background-color: #EFEDED;border-radius: 10px 10px 10px 10px;font-size: 14px;margin-left: 10px;padding: 20px;text-align: center;">
							<p><img src="images/admin/dymo-endicia-logo.png"/></p>

							{if !$endicia_enabled}
							<p style="margin:0 auto;width:220px;">
								<a href="{if $isLabeledApp}https://www.dymoendicia.com/SignUp/{else}https://www.endicia.com/labelserver/login.cfm?PartId=lddm{/if}" target="_endicia" style="margin-top:10px;display:block;width:200px;border-radius:7px;padding:10px;border:2px solid orange;text-align:center;color:#3399ff;background-color:#f7f7f7;font-weight:bold;">Signup for Endicia Account</a>
							</p>
							{else}
							<p style="margin:0 auto;width:220px;">
								<span style="margin-top:10px;display:block;width:200px;border-radius:7px;padding:10px;border:2px solid orange;text-align:center;color:#3399ff;background-color:#f7f7f7;font-weight:bold;">Enabled</span>
							</p>
							{/if}
						</div>
						<ol>
							<li>Click the Sign Up button above</li>
							<li>Enter your account <a href="admin.php?p=settings_endicia&last_active_tab=settings">credentials</a></li>
							<li>Change your Passphrase</li>
							<li>Purchase Postage</li>
							<li>Print labels</li>
						</ol>
					</td>
				</tr>
			</table>
		</div>
	</div>

	<div id="admin-tab-sheet-settings" class="admin-tab-sheet">
		<div class="admin-tab-sheet-wrap">
			<div class="admin-form-header first"><span class="icon ic-icon"></span>Manage Endicia</div>

			<ul id="settingsError" class="pageNote admin-page-note" style="display:none;">
				<li style="color:#880000;"><span class="icon ic-icon ic-warning"></span><strong></strong></li>
			</ul>
			
			<form autocomplete="off" id="form-endicia-settings" method="post" action="admin.php?p=settings_endicia&amp;last_active_tab=settings" onsubmit="return checkFormUpdateSettings();" name="EndiciaSettings">
				<input type="hidden" name="action" value="update_settings" />
				<input type="hidden" name="nonce" value="{$endicia_update_settings_nonce}"/>

				{form form=$settingsForm}

				<div class="admin-form-buttons">
					<input type="submit" value="Save changes">
					<input type="reset" value="Reset form">
				</div>
			</form>
		</div>
	</div>

	<div id="admin-tab-sheet-postage" class="admin-tab-sheet hidden">
		<div class="admin-tab-sheet-wrap">
			<div class="admin-form-header first"><span class="icon ic-icon"></span>Endicia Account Balance</div>

			<ul class="pageNote admin-page-note">
				<li><span class="icon ic-icon ic-info"></span>Your current Endicia Account Balance is <strong>{$endicia_balance}</strong></li>
			</ul>

			<ul id="postageError" class="pageNote admin-page-note" style="display:none;">
				<li style="color:#880000;"><span class="icon ic-icon ic-warning"></span><strong></strong></li>
			</ul>

			<form id="form-endicia-postage" method="POST" onsubmit="return checkFormAddFunds();" action="admin.php?p=settings_endicia&amp;last_active_tab=postage" name="BuyPostage" >
				<input type="hidden" name="action" value="buy_postage" />
				<input type="hidden" name="nonce" value="{$endicia_buypostage_nonce}"/>
				<input type="hidden" name="vaction2" value="1"/>

				{form form=$postageform}
				
				<div class="admin-form-buttons">
					<input type="submit" value="Buy Postage">
					<input type="reset" value="Reset form">
				</div>
			</form>
		</div>
	</div>

	<div id="admin-tab-sheet-resetpw" class="admin-tab-sheet hidden">
		<div class="admin-tab-sheet-wrap">
			<div class="admin-form-header first"><span class="icon ic-icon"></span>Change your Endicia Account Passphrase</div>

			<form autocomplete="off" id="form-endicia-changepw" method="POST" onsubmit="return checkFormChangePassword(this);" action="admin.php?p=settings_endicia&amp;last_active_tab=resetpw" name="PWreset">
				<input type="hidden" name="action" value="passphrase_reset" />
				<input type="hidden" name="nonce" value="{$endicia_passwordchange_nonce}"/>
				<input type="hidden" name="EndiciaShippingLabelsAccountID" value="{$EndiciaShippingLabelsAccountID}"/>
		<input type="hidden" name="EndiciaShippingLabelsTestMode" value="{$EndiciaShippingLabelsTestMode}"/>
				<input type="hidden" name="vaction3" value="1"/>

				<ul id="changepwError" class="pageNote admin-page-note changepwError" style="display:none;">
					<li style="color:#880000;"><span class="icon ic-icon ic-warning"></span><strong></strong></li>
				</ul>

				{form form=$resetpwform}

				<div class="admin-form-buttons">
					<input type="submit" value="Change Passphrase">
					<input type="reset" value="Reset form">
				</div>
			</form>
		</div>
	</div>

	<div id="admin-tab-sheet-refundreq" class="admin-tab-sheet hidden">
		<div class="admin-tab-sheet-wrap">
			<div class="admin-form-header first"><span class="icon ic-icon"></span>Request Postage Refund</div>

			<ul id="refundreqError" class="pageNote admin-page-note" style="display:none;">
				<li style="color:#880000;"><span class="icon ic-icon ic-warning"></span><strong></strong></li>
			</ul>

			<form id="form-endicia-refund" method="POST" onsubmit="return checkFormRefundRequest();" action="admin.php?p=settings_endicia&amp;last_active_tab=refundreq" name="RefundReq">
				<input type="hidden" name="refundreq" value='Y'>
				<input type="hidden" name="action" value="refundrequest" />
				<input type="hidden" name="nonce" value="{$endicia_refundrequest_nonce}"/>
				<input type="hidden" name="vaction4" value="1"/>
			
				{form form=$refundreqform}
			
				<div class="admin-form-buttons">
					<input type="submit" value="Submit Request">
					<input type="reset" value="Reset form">
				</div>
			</form>
		</div>
	</div>

</div>

<div id="change-passphrase" style="display:none;">
	<div class="admin-form-header first"><span class="icon ic-icon"></span>Change your Endicia Account Passphrase</div>

	<form autocomplete="off" id="form-endicia-changepw-popup" method="POST" onsubmit="return checkFormChangePassword(this);" action="admin.php?p=settings_endicia&amp;last_active_tab=settings" name="PWreset">
		<input type="hidden" name="action" value="passphrase_reset" />
		<input type="hidden" name="nonce" value="{$endicia_passwordchange_nonce}"/>
		<input type="hidden" name="EndiciaShippingLabelsAccountID" value=""/>
		<input type="hidden" name="EndiciaShippingLabelsTestMode" value=""/>
		<ul id="changepwError" class="pageNote admin-page-note changepwError" style="display:none;">
			<li style="color:#880000;"><span class="icon ic-icon ic-warning"></span><strong></strong></li>
		</ul>

		{form form=$resetpwform}

		<div class="admin-form-buttons">
			<input type="submit" value="Change Passphrase">
			<input type="reset" value="Reset form">
		</div>
	</form>
</div>

<script type="text/javascript">
	statesSettings = new Array();
	{foreach from=$shippingStates key=stateIdx item=state}
	statesSettings[{$stateIdx}] = new Array({$state.state_id}, {$state.country_id}, "{$state.name}");
	{/foreach}
	originalState = '{$currentShippingOriginState}';
	passphraseDialog = null;
{literal}

$(document).ready(function(){
	$('input.number').keypress(function(evt){
		var num = $(this).val();
		var charCode = (evt.which) ? evt.which : event.keyCode 
		if (num.indexOf('.') >= 0 && charCode == 46)
		{
			return false;
		}
		if (charCode != 46 && charCode > 31 && (charCode < 48 || charCode > 57)) return false; 
 		return true; 
    });

	passphraseDialog = $('#change-passphrase').dialog({
		autoOpen: false,
		modal: true,
		width: 600,
		height: 400,
		draggable: false,
		resizable: false
	});

	dialog = $('#endiciaAddPostage').dialog({
		autoOpen: false,
		modal: true,
		width: 500,
		height: 450,
		draggable: false,
		resizable: false
	});

	$('#opener').click(function(){
		dialog.dialog('open');
		return false;
	});

	if ($('#postageSubmit').size() > 0) $('#postageSubmit').click(getPostageSubmit);
	if ($('#fundsSubmit').size() > 0) $('#fundsSubmit').click(addFundsSubmit);

});

function isEmpty(inputName)
{
	return $.trim($('input[name='+inputName+']').val()) == '';
}

function setfocus(inputName)
{
	$('input[name='+inputName+']').focus();
}

function getValue(inputName)
{
	return $('[name='+inputName+']').val();
}

function getSelectValue(inputName)
{
	return $('input[name='+inputName+'] option:selected').val();
}

function checkSignupForm()
{
	$('#form-endicia-signup .generated').remove();

	if (!isEmpty('Customer_Email'))
	{
		if (getValue('Customer_Email') != getValue('Confirm_Email'))
		{
			error = $('<label class="error generated">* Confirm Email must equal Email</label>');

			$('#field-Confirm_Email').focus().after(error);

			return false;
		}
	}

	return true;
}

function checkFormAddFunds()
{
	$('#postageError').hide();

	if (isEmpty('addfundspassword'))
	{
		$('#postageError strong').text('You must enter your Passphrase to add funds to your Endicia account');
		$('#postageError').show();
		setfocus('PassPhrase');
		return false;			
	}

	if (isEmpty('addfundsamount'))
	{
		$('#postageError strong').text('You must enter an amount to add to your Endicia account');
		$('#postageError').show();
		setfocus('RecreditAmount');
		return false;
	}

	var ret=true;
	$.ajax
	({  
		type: "POST",  
		url: "admin.php?p=endicia_validateaccountinfo&chart=true",  
		data: $('#form-endicia-postage input').serialize(),
			success: function(response) 
			{  
				if(response.result == 1)
				{
					// true condition does nothing
				}

				else
				{
					$('#postageError strong').text('The Passphrase you entered for your Endicia account is not correct');
					$('#postageError').show();

					ret=false;
				}
			},
		dataType: 'json', async: false

	}); 
	return ret;


}

function checkFormChangePassword(form)
{
	changepwError = $(form).find('.changepwError');
	changepwError.hide();

	changepwpassword = $(form).find('input[name=changepwpassword]');
	changepwnewpassword1 = $(form).find('input[name=changepwnewpassword1]');
	changepwnewpassword2 = $(form).find('input[name=changepwnewpassword2]');

	if ($.trim(changepwpassword.val()) == '')
	{
		changepwError.find('strong').text('You must enter your existing account Passphrase');
		changepwError.show();

		changepwpassword.focus();
		return false;
	}

	if ($.trim(changepwnewpassword1.val()) == '')
	{
		changepwError.find('strong').text('You must enter a new Passphrase');
		changepwError.show();

		changepwnewpassword1.focus();
		return false;
	}

	if ($.trim(changepwnewpassword2.val()) == '')
	{
		changepwError.find('strong').text('You must enter your new Passphrase twice');
		changepwError.show();

		changepwnewpassword2.focus();
		return false;
	}

	if ($.trim(changepwnewpassword1.val()) != $.trim(changepwnewpassword2.val()))
	{
		changepwError.find('strong').text('Your new Passphrases do not match');
		changepwError.show();

		changepwnewpassword1.focus();
		return false;
	}

	var ret=true;
	$.ajax
	({  
		type: "POST",  
		url: "admin.php?p=endicia_validateaccountinfo&chart=true",  
		data: $(form).serialize(),
			success: function(response) 
			{  
				if(response.result == 1)
				{
					// true condition does nothing
				}
				else
				{
					errorMessage = 'The existing account Passphrase you entered was not correct.';
					if (response.extResult == '12101')
					{
						errorMessage = 'The Account ID is invalid.';
					}
					else if (response.extResult == '12507')
					{
						errorMessage = 'The Passphrase is invalid.';
					}
					else if (response.extResult == '12669')
					{
						errorMessage = 'The Passphrase cannot match the four previously used Passphrases.'
					}
					changepwError.find('strong').text(errorMessage);
					changepwError.show();

					ret=false;
				}
			},
		dataType: 'json', async: false

	}); 
	return ret;
}	

function checkFormRefundRequest()
{
	$('#refundreqError').hide();

	if (isEmpty('refund_PICNumber'))
	{
		$('#refundreqError strong').text('You must enter a PIC number');
		$('#refundreqError').show();

		setfocus('refund_PICNumber');
		return false;
	}

	// if (isEmpty('refund_PieceID'))
	// {
	//	$('#refundreqError strong').text('You must enter a Package Piece ID number');
	//	$('#refundreqError').show();
	// 	setfocus('refund_PieceID');
	// 	return false;
	// }

	return true;
}

function checkFormUpdateSettings()
{
	$('#settingsError').hide();
	endicia_enabled = getValue('EndiciaShippingLabelsActive');

	$('#settingsoriginaddressrequired').hide();
	if (endicia_enabled == 'Yes')
	{
		if (isEmpty('EndiciaShippingLabelsAccountID'))
		{
			$('#settingsError strong').text('You must enter an Accound ID');
			$('#settingsError').show();
			setfocus('EndiciaShippingLabelsAccountID');
			return false;
		}

		if (isEmpty('EndiciaShippingLabelsPassword'))
		{
			$('#settingsError strong').text('You must enter a Passphrase');
			$('#settingsError').show();
			setfocus('EndiciaShippingLabelsPassword');
			return false;
		}

		var ret=true;

		$.ajax
		({  
			type: "POST",  
			url: "admin.php?p=endicia_validateaccountinfo&chart=true",  
			data: $('#form-endicia-settings').serialize(),
				success: function(response) 
				{  
					if (response.result == '1')
					{
						// true condition does nothing
					}

					if (response.result == '-1')
					{
						$('#settingsError strong').text('The Passphrase you entered was not correct');
						$('#settingsError').show();
						ret=false;
					}

					if (response.result == '0')
					{
						errorMessage = 'We are unable to verify your Endicia account status. Settings not updated.';
						if (response.extResult == '12101')
						{
							errorMessage = 'The Account ID is invalid.';
						}
						else if (response.extResult == '12507')
						{
							errorMessage = 'The Passphrase is invalid.';
						}
						else if (response.extResult == '2011')
						{
							//errorMessage
							errorMessage = 'Please change your Passphrase';
							$('#change-passphrase input[name="EndiciaShippingLabelsAccountID"]').val($('#field-EndiciaShippingLabelsAccountID').val());
							$('#change-passphrase input[name="EndiciaShippingLabelsTestMode"]').val($('#field-EndiciaShippingLabelsTestMode').val());

							$('#change-passphrase input[name="changepwpassword"]').val('');
							$('#change-passphrase input[name="changepwnewpassword1"]').val('');
							$('#change-passphrase input[name="changepwnewpassword2"]').val('');

							passphraseDialog.dialog('open');
							ret = false;
						}
						else
						{
							errorMessage = response.message;
						}

						$('#settingsError strong').text(errorMessage);
						$('#settingsError').show();
						ret=false;
					}
				},
			dataType: 'json', async: false

		}); 
	return ret;		

	}
}

{/literal}
</script>

{/if}