{literal}
<style type="text/css"><!--
.margin-top{margin-top:15px;}
h3{margin:0px;}
h4{margin:0px;}
.icon-area{widht:70px;}
.icon-wrap{padding:3px 5px;border:1px solid #dddddd;border-radius:5px;clear:both;display:block;}
.solution-description{margin-left:70px;}
.solution-default{width:350px;}
.solution-default div{height:50px;}
.solution-default input[type="submit"]{float:right;}
.solution-default span{padding:10px 0px 0px 10px;display:block;}
.solution-or{width:100px;min-height:100px;}
.solution-selection{margin-left:350px;}
.solution-selection div{height:50px;}
--></style>
<script type="text/javascript"><!--
$(document).ready(function(){
	$('#dialog-country').dialog({
		autoOpen: false,
		width: 500,
		height: 300,
		resizable: false,
		title: 'Business Location',
		modal: true,
		buttons: {
			"Change" : function(){$('#form-set-business-location').submit();(this).dialog("close");},
			"Cancel" : function(){$(this).dialog("close");}
		}
	});
	$('#business-location-country-change').click(function(event){
		event.stopPropagation();
		$('#dialog-country').dialog('open');
		return false;
	});
	$('#link-message-understanding').click(function(event){
		event.stopPropagation();
		$('#message-understanding').slideToggle('fast', function(){
			if ($('#message-understanding').is(':visible'))
			{
				$('#link-message-understanding').html('Hide');
			}
			else
			{
				$('#link-message-understanding').html('Show');
			}
		});
	});
	
	$('#payment-learn-more-dialog').dialog({
		autoOpen: false,
		width:585,
		height:365,
		modal: true,
		resizable: false,
		title:'Understanding Online Payments',
		open:function(){
			$('#payment-learn-more-dialog').html('<iframe width="560" height="315" src="http://www.youtube.com/embed/gG5kLlfZcik?rel=0;showinfo=0;controls=0" frameborder="0" allowfullscreen></iframe>');
		}
	});
	
	$('#payment-learn-more-button').click(function(){
		$('#payment-learn-more-dialog').dialog('open');
	});
	
	$('#payment_method_id_dropdown').change(function(){
		$('.pm-description').hide();
		$('#pm-description-' + $(this).val()).show();
	});
	
	$('#payment_method_form').submit(function(){
		if ($('#payment_method_id_dropdown').val() == '')
		{
			alert('Please choose payment solution!');
			return false;
		}
		return true;
	});
});
--></script>
{/literal}

<div class="payments">
	<div class="admin-rounded-frame">
		<h3>Understanding Online Payments &nbsp; <a id="link-message-understanding" href="#" style="font-weight:normal;font-size:0.95em;">Show</a></h3>
		<div id="message-understanding" class="margin-top hidden">
			Accepting payments through your online store if fundamental to the success of your business.
			To begin accepting payments you must first select a Payment Provider to transact your customers credit cards or online payment method.
			Before you begin we suggest doing your homework because all Payment Providers (sometimes called Payment Gateways) generally charge fees 
			for this service. To assist you in the process, we've separated out these providers into 3 different types below. 
			All-In-One Payment Solutions generally provide you with the payment gateway AND merchant account to deposit your funds into.
			Gateway Solutions typically will deposit funds into your existing Merchant Account or your existing business bank account.
			Instant Checkout Solutions are usually the easiest to set up as they don't require a business license or credit check, 
			but almost all of them redirect the customer to a Payment Page that isn't found on your store. 
			If you don't have a security certificate, your best bet it to use an Instant Checkout Solution. 
			Additionally we suggest using multiple payment methods to improve conversions. 
			Changing your Business Location will allow you to view the methods that work for the country your business is located it.
			{if !$isLabeledApp}
				<div class="text-align-center ">
					&nbsp;<br/>
					<input type="button" class="compact" value="Learn More about Online Payments" id="payment-learn-more-button"/>
					<br/>&nbsp;
				</div>
				<div id="payment-learn-more-dialog" class="hidden"></div>
			{/if}
		</div>
	</div>
	
	<div class="admin-rounded-frame margin-top" style="background-color:#eeffee;">
		<h3>Supported Payment Methods</h3>
		<div style="color:gray;">
			<table cellpadding="0" cellspacing="0" border="0">
				<tr valign="top">
					<td width="275">
						Already have a payment solution?<br/>
						Select one and click "Activate" button
					</td>
					<td>
						<form action="admin.php" method="get" id="payment_method_form"/>
							<input type="hidden" name="p" value="payment_method"/>
							<input type="hidden" name="mode" value="update"/>
							<select name="payment_method_id" style="width:375px;" id="payment_method_id_dropdown">
								<option value="">Please choose your payment solution...</option>
								{foreach from=$paymentMethodsGroups item="paymentMethodGroup"}
									{if count($paymentMethodGroup.methods) > 0}
										<optgroup label="{$paymentMethodGroup.name|htmlspecialchars}">
										{foreach from=$paymentMethodGroup.methods item="paymentMethod"}
											<option value="{$paymentMethod.id}">{$paymentMethod.name|htmlspecialchars}{if $paymentMethod.active=="Yes"} (active){/if}</option>
										{/foreach}
										</optgroup>
									{/if}
								{/foreach}
							</select>
							<input type="submit" class="compact" value="Activate"/><br/>
							
							{foreach from=$paymentMethods item="paymentMethod"}
								{if $paymentMethod.description != ''}
									<div id="pm-description-{$paymentMethod.id}" style="color:black;max-width:500px;padding:10px 0px 0px 0px;" class="pm-description hidden">{$paymentMethod.description}</div>
								{/if}
							{/foreach}
						</form>
					</td>
				</tr>
			</table>
		</div>
	</div>
	
	<div class="admin-rounded-frame margin-top">
		<h3>Need a Payment Solution?</h3>
		<br/><br/>
		<table cellpadding="0" cellspacing="0" border="0" width="650">
			<tr valign="top">
				{if $paypalAdvancedAvailable || $paypalProAvailable || $eOnlineDataAvailable}
				<td width="275">
					<div>
						<strong style="font-size:1.2em">Start accepting credit cards on<br/>your webstore</strong>
						<div style="font-size:0.95em;color:gray;">
							Accepting payments through your online store<br/>
							is fundamental to the success of your business.
						</div>
					</div>
					<div class="admin-rounded-frame margin-top" style="height:580px;">
						{if $paypalAdvancedAvailable}
							<div>
								<strong>PayPal Payments Advanced</strong>
								<div style="color:gray;margin-bottom:15px;">
									Provides both a merchant account and <br/>
									payment gateway to accept credit cards
								</div>
								<img src="images/admin/paypal-advanced.png" alt="PayPal Payments Advanced" style="margin-bottom:15px;"/>
								<form action="admin.php" method="get">
									<input type="hidden" name="p" value="payment_method"/>
									<input type="hidden" name="mode" value="update"/>
									<input type="hidden" name="payment_method_id" value="paypaladv"/>
									<input type="submit" class="compact" value="Setup"/><br/>
								</form>
							</div>
						{/if}
						{if $paypalProAvailable}
							<div style="margin-top:50px;">
								<strong>PayPal Payments Pro</strong>
								<div style="color:gray;margin-bottom:15px;">
									For merchants who already have a<br/>payment gateway
								</div>
								<img src="images/admin/paypal-payflow-pro.png" alt="PayPal Payments Pro" style="margin-bottom:15px;"/>
								<form action="admin.php" method="get">
									<input type="hidden" name="p" value="payment_method"/>
									<input type="hidden" name="mode" value="update"/>
									<input type="hidden" name="payment_method_id" value="paypalpfpro"/>
									<input type="submit" class="compact" value="Setup"/><br/>
								</form>
							</div>
						{/if}
						{if $eOnlineDataAvailable}
							<div style="margin-top:50px;">
								<strong>Merchant Provider</strong>
								<div style="color:gray;margin-bottom:15px;">
									Get a merchant account and payment<br/>gateway via Claim The Web
								</div>
								<!--<img src="images/admin/eonlinedata.png" alt="" style="margin-bottom:15px;"/>-->
								<form action="https://www.claimtheweb.com/merchant_accounts.php" method="get" target="_blank">
									<input type="submit" class="compact" value="Setup"/><br/>
								</form>
							</div>
						{/if}
					</div>
				</td>
				<td width="100" align="center"><br/><strong>- or -</strong></td>
				{/if}
				<td width="275">
					<div>
						<strong style="font-size:1.2em">Increase sales with<br/>Alternative Payment Method</strong>
						<div style="font-size:0.95em;color:gray;">
							Get started quickly without having to go through<br/>
							the process of setting up a merchant account.
						</div>
					</div>
					<div class="admin-rounded-frame margin-top" style="height:580px;">
						<div>
							<strong>PayPal Express Checkout</strong>
							<div style="color:gray;margin-bottom:15px;">
								Get started quickly without the hassle<br/>
								of the setting up a merchant account.
							</div>
							<img src="images/admin/paypal-express-checkout.png" alt="PayPal Express Checkout" style="margin-bottom:15px;"/>
							<form action="admin.php" method="get">
								<input type="hidden" name="p" value="payment_method"/>
								<input type="hidden" name="mode" value="update"/>
								<input type="hidden" name="payment_method_id" value="paypalec"/>
								<input type="submit" class="compact" value="Setup"/><br/>
							</form>
						</div>
					</div>
				</td>
			</tr>
		</table>
	</div>
{**
	<div class="admin-rounded-frame margin-top">
		<div class="clearfix">
			<div class="float-left"><h3>Payment Settings</h3></div>
			<div class="float-right text-align-right">
				<div style="border:2px solid #dddddd;border-radius:5px;padding:5px 7px;margin-top:20px;background-color:#eeffee;">
					Business Location: <span id="business-location-country-name">{$currentBusinessLocationName|htmlspecialchars}</span>
					&nbsp; <a href="#" id="business-location-country-change">change</a>
				</div>
			</div>
		</div>

		<div class="clearfix admin-rounded-frame margin-top">
			<div class="float-left">
				<form action="admin.php" method="get">
					<input type="hidden" name="p" value="payment_method"/>
					<strong>All Payment Gateways:</strong><br/>
					<select name="payment_method_id">
						{foreach from=$paymentMethodsList item="paymentMethod"}
							<option value="{$paymentMethod.id}">{$paymentMethod.name|htmlspecialchars}{if $paymentMethod.active=="Yes"} (active){/if}</option>
						{/foreach}
					</select>
					<input type="submit" value="Set Up" class="compact"/>
				</form>
			</div>
			<!--
				<div class="float-right text-align-right">
					<input type="button" class="compact" value="View All Solutions"/>
				</div>
			-->
		</div>
		
		<div class="admin-rounded-frame margin-top">
			<h4>Accept Credit Cards Online</h4>

			<div class="admin-rounded-frame margin-top">
				<h4>All-in-One Payment Solutions</h4>
				<div class="margin-top clearfix">
					<div class="float-left icon-area">
						<span class="icon-wrap">
							<span class="icb-icon icb-bank"></span>
						</span>
					</div>
					<div class="solution-description">
						<strong>Everything you need</strong><br/>
						These solutions provide both a payment gateway and merchant account for accepting credit cards.
					</div>
				</div>
				
				<div class="margin-top clearfix">
{if $currentBusinessLocation == "US"}
					<div class="float-left solution-default">
						<form action="admin.php" method="get">
							<input type="hidden" name="p" value="payment_method"/>
							<input type="hidden" name="mode" value="update"/>
							<input type="hidden" name="payment_method_id" value="paypaladv"/>
							<div>Featured Solution</div>
							<img src="images/admin/paypal-advanced.png" alt="PayPal Payments Advanced"/>
							<input type="submit" class="compact" value="Setup"/><br/>
							<span>PayPal Payments Advanced</span>
						</form>
					</div>
{else}
					<div class="float-left solution-default">
						<form action="admin.php" method="get">
							<input type="hidden" name="p" value="payment_method"/>
							<input type="hidden" name="mode" value="update"/>
							<input type="hidden" name="payment_method_id" value="paypalhsuk"/>
							<div>Featured Solution</div>
							<img src="images/admin/paypal-advanced.png" alt="Website Payments Pro Hosted Solution"/>
							<input type="submit" class="compact" value="Setup"/><br/>
							<span>Website Payments Pro Hosted Solution</span>
						</form>
					</div>
{/if}
					<div class="float-left solution-or admin-or-separator"></div>
					<div class="solution-selection">
						<form action="admin.php" method="get">
							<input type="hidden" name="p" value="payment_method"/>
							<input type="hidden" name="mode" value="update"/>
							{if $currentBusinessLocation == "US"}
								<div>Other All-in-one Payment Solutions:</div>
							{/if}
							<select name="payment_method_id">
								{foreach from=$paymentMethods item="paymentMethod"}
									{if $paymentMethod.solution_type=="all-in-one"}
									<option value="{$paymentMethod.id}">{$paymentMethod.name|htmlspecialchars}{if $paymentMethod.active=="Yes"} (active){/if}</option>
									{/if}
								{/foreach}
							</select>
							<input type="submit" class="compact" value="Setup"/>
						</form>
					</div>
				</div>
			</div>

			<div class="admin-rounded-frame margin-top">
				<h4>Gateway Solutions</h4>
				<div class="margin-top clearfix">
					<div class="float-left icon-area">
						<span class="icon-wrap">
							<span class="icb-icon icb-lock"></span>
						</span>
					</div>
					<div class="solution-description">
						<strong>Join forces with your bank</strong><br/>
						For merchants who already have a merchant account and need payment gateway for transacting and depositing funds.
					</div>
				</div>
				<div class="margin-top clearfix">
					<div class="float-left solution-default">
						<form action="admin.php" method="get">
							<input type="hidden" name="p" value="payment_method"/>
							<input type="hidden" name="mode" value="update"/>
							<input type="hidden" name="payment_method_id" value="paypalpfpro"/>
							<div>Featured Solution</div>
							<img src="images/admin/paypal-payflow-pro.png" alt="PayPal Payments Pro"/>
							<input type="submit" class="compact" value="Setup"/><br/>
							<span>PayPal Payflow Pro</span>
						</form>
					</div>
					<div class="float-left solution-or admin-or-separator"></div>
					<div class="solution-selection">
						<form action="admin.php" method="get">
							<input type="hidden" name="p" value="payment_method"/>
							<input type="hidden" name="mode" value="update"/>
							{if $currentBusinessLocation == "US"}
								<div>Other Gateway Solutions:</div>
							{/if}
							<select name="payment_method_id">
								{foreach from=$paymentMethods item="paymentMethod"}
									{if $paymentMethod.solution_type=="gateway"}
									<option value="{$paymentMethod.id}">{$paymentMethod.name|htmlspecialchars}{if $paymentMethod.active=="Yes"} (active){/if}</option>
									{/if}
								{/foreach}
							</select>
							<input type="submit" class="compact" value="Setup"/>
						</form>
					</div>
				</div>
			</div>
		</div>

		<div class="admin-rounded-frame margin-top">
			<h4>Instant Checkout Solutions</h4>
			<div class="admin-rounded-frame margin-top">
				<h4>Additional Methods of Payment</h4>
				
				<div class="margin-top clearfix">
					<div class="float-left icon-area">
						<span class="icon-wrap">
							<span class="icb-icon icb-shopping-cart"></span>
						</span>
					</div>
					<div class="solution-description">
						<strong>Quick and easy setup</strong><br/>
						Get started quickly without having to go through the process of setting up a merchant account.
					</div>
				</div>
				
				<div class="margin-top clearfix">
{if $currentBusinessLocation == "US"}
					<div class="float-left solution-default">
						<form action="admin.php" method="get">
							<input type="hidden" name="p" value="payment_method"/>
							<input type="hidden" name="mode" value="update"/>
							<input type="hidden" name="payment_method_id" value="paypalec"/>
							<div>Featured Solution</div>
							<img src="images/admin/paypal-express-checkout.png" alt="PayPal Express Checkout"/>
							<input type="submit" class="compact" value="Setup"/><br/>
							<span>Express Checkout</span>
						</form>
					</div>
					<div class="float-left solution-or admin-or-separator"></div>
{/if}
					<div class="solution-selection" {if $currentBusinessLocation != "US"}style="margin-left:0px;"{/if}>
						<form action="admin.php" method="get">
							<input type="hidden" name="p" value="payment_method"/>
							<input type="hidden" name="mode" value="update"/>
							{if $currentBusinessLocation == "US"}
								<div>Other Alternative Methods of Payment:</div>
							{/if}
							<select name="payment_method_id">
								{foreach from=$paymentMethods item="paymentMethod"}
									{if $paymentMethod.solution_type=="instant"}
									<option value="{$paymentMethod.id}">{$paymentMethod.name|htmlspecialchars}{if $paymentMethod.active=="Yes"} (active){/if}</option>
									{/if}
								{/foreach}
							</select>
							<input type="submit" class="compact" value="Setup"/>
						</form>
					</div>
				</div>
			</div>
		</div>
	</div>
	**}
</div>

<div id="dialog-country" class="hidden">
	<div class="">
		<form id="form-set-business-location" action="admin.php?p=payment_methods" method="post">
			<input type="hidden" name="action" value="setBusinessLocation"/>
			<strong>Please choose the country where you would like to accept payments:</strong>
			<div style="padding:20px 20px 10px 20px;">
				{foreach from=$businessLocations key="key" item="businessLocationName"}
					<div>
						<input type="radio" name="businessLocation" value="{$key}" id="location-option-{$key}" {if $currentBusinessLocation == $key}checked{/if}>
						<label for="location-option-{$key}">{$businessLocationName}</label>
					</div>
				{/foreach}
			</div>
		</form>
	</div>
</div>