{include file="_header.tpl" meta_title="Order Details:"}

{literal}
<SCRIPT LANGUAGE="JavaScript">

// Copyright (c) 1998 Sudhakar Chandrasekharan (thaths@netscape.com)
// All rights reserved
// This program is free software; you can redistribute it and/or modify
// it under the terms of the GNU General Public License as published by
// the Free Software Foundation; version 2 dated June, 1991.

// This program is distributed in the hope that it will be useful,
// but WITHOUT ANY WARRANTY; without even the implied warranty of
// MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
// GNU General Public License for more details.

// You should have received a copy of the GNU General Public License
// along with this program; if not, write to the Free Software
// Foundation, Inc., 59 Temple Place - Suite 330, Boston, MA
// 02111-1307, USA.

// Thanks to Martin Honnen (Martin.Honnen@sector27.de) for some coding
// tips.

// Funtion to return the type of credit card
function typeOfCard(number) {
	/* 
	//	Card Prefixes
	//
	//	Mastercard	51-55
	//	Visa		4
	//	AmEx		34,37
	//	Discover	6011
	*/

	var firstNumber = number.substring(0,1);
	var firstThreeNumbers = number.substring(0,3);

	if (firstNumber == 4) {
		return "VISA";
	} 

	var firstTwoNumbers = number.substring(0,2);
	if (firstTwoNumbers > 50 && firstTwoNumbers < 56) {
		return "MASTERCARD";
	}

	if (firstTwoNumbers == 34 || firstTwoNumbers == 37) {
		return "AMEX";
	}

	var firstFourNumbers = number.substring(0,4);
	if (firstFourNumbers == 6011) {
		return "DISCOVER";
	}
}

// Function that determines whether a credit card number is valid
// Please note that a valid credit card number is not essentially a
// credit card in good standing.
function isValidCreditCard(number) {
	var total = 0;
	var flag = 0;
	for (var i=(number.length - 1);i>=0; i--) {
		if (flag == 1) {
			var digits = number.charAt(i) * 2;
			if (digits > 9) digits -= 9;
			total += digits;
//			var reminder = digits % 10;
//			var quotient = (digits - reminder) / 10;
//			total = total + parseInt(reminder);
//			total = total + parseInt(quotient);
			flag = 0;
		} else {
			total = total + parseInt(number.charAt(i));
			flag = 1;
		}
	}
	if ((total%10) == 0) {
		return true;
	} else {
		return false;
	}
}

function checkForm(frm)
{
	if (frm.PaymentMethod.options[frm.PaymentMethod.selectedIndex].value == '')
	{
		alert('Please select a payment method.');
		return false;
	}

	if (frm.CardNumber.value == '')
	{
		alert('Please enter your credit card number.');
		return false;
	}

	if ( !isValidCreditCard(frm.CardNumber.value) )
	{
		alert('The credit card number entered is not valid.\n\nPlease make sure the number is correct with no spaces or dashes.');
		return false;
	}
	
	if (frm.NameOnCard.value == '')
	{
		alert('Please enter the name on your credit card.');
		return false;
	}

	if (frm.ExpirationDate.value == '')
	{
		alert('Please enter your credit card expiration date.');
		return false;
	}
	
	if (frm.SecurityCode.value == '')
	{
		alert('Please enter your credit card security code.');
		return false;
	}
	
	return true;
}

// opens a smaller window with security code examples in it:
function securityCodeEx()
{
	window.open('security_code_ex.php', 'newwindow', 
	config='height=200,	width=510, toolbar=no, menubar=no, scrollbars=no, resizable=no,	location=no, directories=no, status=no');
	return false;
}
</script>
{/literal}

<table border="0" cellpadding="0" cellspacing="0" width="550">
                          <tr>
                            <td width="550"><img border="0" src="{$URL_SKIN}/images/box6.jpg" width="550" height="104"></td>
                          </tr>
                          <tr>
                            <td width="550"><img border="0" src="{$URL_SKIN}/images/line_myaccount.gif" width="550" height="23"></td>
                          </tr>
                          <tr>
                            <td width="550" background="{$URL_SKIN}/images/td_bg2.gif">
                              <table border="0" cellpadding="0" cellspacing="0" width="550">
                                <tr>
                                  <td><p>&nbsp;</p>

<p style="margin-left:15px" class="bold">Details For Order #{$order->Id}:</p>
<p style="margin-left:15px" class="bold">Status: PAYMENT REQUIRED</p>

<form action="process_payment.php" method="post" onsubmit="return checkForm(this);">
<input type="hidden" name="Id" value="{$order->Id}">

<p style="margin-left:15px">To complete this order, please submit
the required payment information below:<br />
&nbsp;</p>

<table style="margin-left:15px">

<tr>
<th class="darkbg">Payment Method:</th>
<td><select name="PaymentMethod">
<option value="">Select One...</option>
{section name=ptid loop=$payment_types}
	<option value="{$payment_types[ptid]}">{$payment_types[ptid]}</option>
{/section}
</select></td>
</tr>

<tr>
<th class="darkbg">Card Number</th>
<td><input type="text" name="CardNumber"> (ex: 1234567812345678)</td>
</tr>

<tr>
<th class="darkbg">Name on Card</th>
<td><input type="text" name="NameOnCard"> (Name as it appears on your card)</td>
</tr>

<tr>
<th class="darkbg">Expiration Date</th>
<td><input type="text" name="ExpirationDate"> (MM/YY)</td>
</tr>

<tr>
<th class="darkbg">Security Code</th>
<td colspan="2"><input type="text" name="SecurityCode" size="4" maxlength="4">
<a href="" onclick="return securityCodeEx();">What's this?</a></td>
</tr>

<tr>
<th class="darkbg">Purchase Order #</th>
<td><input type="text" name="PurchaseOrder"> (Optional)</td>
</tr>

</table>

<p style="margin:15px">
Please review our <a href="content.php?page=returns" target="_blank">Return Policy</a>
before submitting your order (link opens in a new window).</p>

<p style="margin:15px">
<input type="hidden" name="a" value="update">
<input type="submit" value="Submit Payment">
</p>
	
</form>

<p style="margin-left:15px" class="bold">Order Summary:</p>

{include file="order__table.tpl"}

<p style="margin-left:16px; margin-right:15px"><em>You may check the status of your order at any time by returning
to our site and logging in to 'My Account' using the username
and password assigned to you during checkout.</em></p></td>
                                </tr>
                              </table>
                            </td>
                          </tr>
                          <tr>
                            <td width="550" background="{$URL_SKIN}/images/td_bottom2.gif" height="22" valign="top">
                              <table border="0" cellpadding="0" cellspacing="0" width="550">
                                <tr>
                                  <td width="138" valign="top" align="left" height="22"><img border="0" src="{$URL_SKIN}/images/spacer.gif" width="550" height="22"></td>
                                </tr>
                              </table>
                            </td>
                          </tr>
                          <tr>
                            <td width="550"><p id="old_footer"><img border="0" src="{$URL_SKIN}/images/copyright.gif" style="margin-top: 15" width="525" height="25"></p>

                            </td>
                          </tr>
                        </table>

{include file="_footer.tpl"}