{if !$can_access_intuit}
	<div class="admin-form-header first"><span class="icon ic-icon"></span>Connect to QuickBooks</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>
	</div>
{else}
<h1 class="admin-page-header clearfix">
	<span class="icon icb-icon "></span>
	<span class="text">
		<strong>Connect to QuickBooks</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> {$message}</li>
	{/if}
</ul>
<div id="tabs-settings" class="admin-tabs admin-tabs-framed">
	<div class="clearfix admin-tabs-items">
		<ul class="clearfix">
			<li class="admin-tab{if $last_active_tab == 'main'} admin-tab-active{/if}" onClick="setActiveTab('tabs-settings', 'main')" id="admin-tab-main"><span>Connect to QuickBooks</span></li>
			{if $can_enable_intuit}<li class="admin-tab{if $last_active_tab == 'settings'} admin-tab-active{/if}" onClick="setActiveTab('tabs-settings', 'settings')" id="admin-tab-settings"><span>Settings</span></li>{/if}
			{if $can_enable_intuit}<li class="admin-tab{if $last_active_tab == 'status'} admin-tab-active{/if}" onClick="setActiveTab('tabs-settings', 'status')" id="admin-tab-status"><span>Sync Status</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-main" class="admin-tab-sheet">
		<div class="admin-tab-sheet-wrap">
			<form id="form-intuit-main" method="post" action="admin.php?p=settings_intuit&last_active_tab=main" name="form-intuit-main">
				<input type="hidden" name="action" value="update_status" />
				<input type="hidden" name="intuit_anywhere_enabled" value="{if $intuit_anywhere_enabled == 'Yes'}No{else}Yes{/if}"/>
				
				<table cellpadding="0" cellspacing="0" border="0" width="100%">
					<tr valign="top">
						<td>
							<div style="padding-left:30px;padding-bottom:10px;">
								<div style="font-size:2em;color:#509D19;">Connect to QuickBooks</div>
								<div style="margin:20px 20px;font-size:1.30em;">
									Seamlessly and securely sync up customer, product and order data to your online and desktop versions of QuickBooks Accounting Software.
									<div style="margin:20px 0px;width:620px;padding:30px 10px;border:2px solid #dddddd;border-radius:10px;">
										<table width="600" cellpadding="0" cellspacing="0" border="0">
											<tr>
												<td align="center" width="250"><img src="images/admin/logo.gif"/></td>
												<td align="center" width="100"><img src="images/admin/3_arrows.png"/></td>
												<td align="center" width="200"><img src="images/admin/intuit_instant_connect.jpg"/></td>
											</tr>
										</table>
									</div>
								</div>
								<div style="margin:20px 20px;font-size:1.20em;">
									<table width="643" cellpadding="0" cellspacing="0" border="0">
										<tr valign="top">
											<td>
												<ul>
													<li>Easy to use, simple to set up<br/>&nbsp;</li>
													<li>Automatically syncs data to your ONLINE<br/> or DESKTOP version of QuickBooks<br/>&nbsp;</li>
													<li>Automate your business<br/>&nbsp;</li>
													<li>FREE for all hosted clients except Limited<br/>&nbsp;</li>
												</ul>

												<div style="font-size:1.2em;color:#509D19;">QuickBooks Desktop Users</div>

												<div style="margin:10px 0px;">
													An Intuit account is required to use this FREE service.
												</div>

												<div style="font-size:1.1em;">
													Don't have one? <a href="http://www.cartmanual.com/url/qbo" target="_blank">Click here</a>
												</div>
												<div style="">It's fast and absolutely FREE.</div>
											</td>
											<td width="200">
												<div style="border:1px solid #bbbbbb;text-align:center;">
													<div style="padding:10px;background:#509D19;color:white;font-size:1.1em;">Not using QuickBooks?</div>
													<div style="padding:10px;">
														<div><img src="images/admin/intuit_online.jpg"/></div>
														<div style="font-size:1.7em;">Try it for<br/>30 Days Free</div>
														<div style="margin:10px 0px 0px 0px;"><a href="https://workplace.intuit.com/Account/Logon?startWithLogOn=true" target="_blank">click here to get started</a></div>
														<div style="font-size:0.85em;">no credit card required</div>
													</div>
												</div>
											</td>
										</tr>
									</table>
								</div>
							</div>
						</td>
						<td style="min-width:400px;width:400px;" width="300">
							<div class="div-intuit-activate" style="height:70px;">
								{if $can_enable_intuit}
								{if $intuit_anywhere_enabled == 'Yes' && $has_oauth_token == 'Yes'}
									<input id="button-intuit-activate" class="{if $intuit_anywhere_enabled == 'Yes'}disable{/if}" type="button" value="{if $intuit_anywhere_enabled == 'Yes'}Disconnect{else}Activate{/if}">
								{else}
									<ipp:connectToIntuit></ipp:connectToIntuit>
								{/if}
								{else}
									<input id="button-intuit-activate" class="upgrade" type="button" value="Upgrade Plan">
								{/if}
							</div>
							<div style="padding-right:0px;">
								{if $can_enable_intuit && $intuit_anywhere_enabled == 'No' && $has_oauth_token == 'No'}
								<ol>
									<li>Click the “Connect To QuickBooks” button above.<br/>&nbsp;</li>
									<li>
										A pop-up will appear and you will be asked to enter your Intuit user name
										and password. An Intuit account is necessary to create a “link” between 
										QuickBooks and your online store. If you don’t already have one, you will see an option to create an account.
										Your account and this service is FREE.<br/>
										For more information see our <a href="http://www.{ getp }.com/kb/questions/550/Connect+to+QuickBooks" target="_blank">knowledge base</a><br/>&nbsp;
									</li>
									<li>
										After you log in to Intuit, you will see an approval process for linking your QuickBooks account with your store.<br/>&nbsp;
									</li>
									<li>COMPLETE! Now your order, customer and product data will be automatically be transferred to your instance of QuickBooks securely.</li>
								</ol>
								{elseif !$can_enable_intuit}
								<p style="padding-left:20px;font-size:1.2em;">
									Your hosting plan doesn't include this feature.  Click the Upgrade button above to upgrade your hosting plan.
								</p>
								<p style="padding-left:20px;">
									If you have recently purchased an upgraded hosting plan, and still do not see the Connect to QuickBooks button above. <a href="admin.php?p=info&action=refresh_license">Click here</a> to revalidate your license.
								</p>
								{/if}
							</div>
						</td>
					</tr>
				</table>
			</form>
		</div>
	</div>
	<div id="admin-tab-sheet-settings" class="admin-tab-sheet">
		<div class="admin-tab-sheet-wrap">
			<form id="form-intuit-settings" method="post" action="admin.php?p=settings_intuit&last_active_tab=settings" name="form-intuit-settings">
				<input type="hidden" name="action" value="update_settings" />
				<input type="hidden" name="nonce" value="{$intuit_update_settings_nonce}"/>
				<div class="admin-form-header first">Settings</div>
				
				{form form=$form}

				<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-status" class="admin-tab-sheet">
		<div class="admin-tab-sheet-wrap">
			<div class="field">
				<label class="caption">Connection Status:</label>
				<div class="control">
					{if $intuit_anywhere_enabled == 'Yes' && $has_oauth_token == 'Yes'}
					Connected
					{else}
					Disconnected
					{/if}
				</div>
			</div>
			<div class="field">
				<label class="caption">Products Synchronized:</label>
				<div class="control">
					{$productsStatus.count}
				</div>
			</div>
			<div class="field">
				<label class="caption">Products Last Synchronized:</label>
				<div class="control">
					{if $productsStatus.last_sync_date != ''}{$productsStatus.last_sync_date}{else}Never{/if}
				</div>
			</div>
			<div class="field">
				<label class="caption">Customers Synchronized:</label>
				<div class="control">
					{$customersStatus.count}
				</div>
			</div>
			<div class="field">
				<label class="caption">Customers Last Synchronized:</label>
				<div class="control">
					{if $customersStatus.last_sync_date != ''}{$customersStatus.last_sync_date}{else}Never{/if}
				</div>
			</div>
			<div class="field">
				<label class="caption">Orders Synchronized:</label>
				<div class="control">
					{$ordersStatus.count}
				</div>
			</div>
			<div class="field">
				<label class="caption">Orders Last Synchronized:</label>
				<div class="control">
					{if $ordersStatus.last_sync_date != ''}{$ordersStatus.last_sync_date}{else}Never{/if}
				</div>
			</div>
			<div class="clearfix" style="clear:both;"></div>
		</div>
	</div>
</div>
<script type="text/javascript">
	var upgradeUrl = '{$upgradeUrl}';
{literal}
	$(document).ready(function(){
		$("#button-intuit-activate,#button-intuit-activate-image").click(function() {
			if ($(this).is('.disable'))
			{
				$("#form-intuit-main").submit();
				return false;
			}
			else if ($(this).is('.upgrade'))
			{
				document.location = upgradeUrl;
			}
		});
	});
{/literal}
</script>
{/if}