<html>
<head>
	<title>Payment</title>
	<script language="javascript" type="text/javascript">
		function div1() {
			//W3C DOM  Document Object  Model
			document.getElementById("dodirect").style.visibility = "visible";
			document.getElementById("express").style.visibility   = "hidden";

			// Second  approach
			//window.document.all.login.style.visiblity = "visible";
		}

		function div2() {
			//W3C DOM  Document Object  Model
			document.getElementById("express").style.visibility  = "visible";
			document.getElementById("dodirect").style.visibility= "hidden";

		}
	</script>
 	<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
        <link href="css/style.css" rel="stylesheet" type="text/css">
</head>

<body>
    <img alt="Smashhit Solutions Online Design Center" src="ban.jpg">
    <div class="tabHolder">
        <div class="tabHeading act"><a href="javascript:void(0)" onClick="div1()" >Do Direct Payment</a></div>
        <div class="tabHeading"><a href="javascript:void(0)" onClick="div2()" >Pay With Paypal</a></div>
    </div>
 <!--   <div class="wrrapper">  -->

    <div class="tabContentHolder" id="dodirect" style="visibility:visible;">
        <?php $paymentType = "Authorization";?>
         <form method="POST" action="DoDirectPaymentReceipt.php" name="DoDirectPaymentForm" >
             <input type="hidden" name="cardid" value="<?php echo $_REQUEST['cardId']; ?>"/>
        <div class="contentWrrapper">
            <div class="inputFieldsHolder  mtop10">
                <label><strong>Product Name</strong></label>
                <p><?php echo $_REQUEST['productName']; ?></p>
                 <input type=hidden name=paymentType value='<?php echo $paymentType?>' >
                 <input type="hidden"  name="pName" value='<?php echo $_REQUEST['productName']; ?>' />
            </div>
        </div>
        <div class="contentWrrapper">
            <div class="inputFieldsHolder">
                <label><strong>Quantity</strong></label>
                <p><?php echo $_REQUEST['quantity']; ?></p>
                <input type="hidden"  name="pQty" value='<?php echo $_REQUEST['quantity']; ?>' />
            </div>
        </div>
        <div class="contentWrrapper mtop10">
            <div class="inputFieldsHolder">
                <label>First Name</label>
            
                <input type=text  name=firstName  />
            </div>
        </div>
        <div class="contentWrrapper mtop10">
            <div class="inputFieldsHolder">
                <label>Last Name</label>
                <input type=text name=lastName >
            </div>
        </div>
        <div class="contentWrrapper mtop10">
            <div class="inputFieldsHolder">
                <label>Card Type</label>
                <select name=creditCardType class="cardVerificationType" onChange="javascript:generateCC(); return false;">
                    <option value=Visa selected>Visa</option>
                    <option value=MasterCard>MasterCard</option>
                    <option value=Discover>Discover</option>
                    <option value=Amex>American Express</option>
                 </select>
            </div>
        </div>
        <div class="contentWrrapper mtop10">
            <div class="inputFieldsHolder">
                <label>Card Number</label>
                <input type=text name=creditCardNumber />
            </div>
        </div>
        <div class="contentWrrapper mtop10">
            <div class="inputFieldsHolder">
                <label>Expiration Date:</label>
                <div class="dateHolder">
                    <label class="smallLabels">Month</label>
                    <select name="expDateMonth" class="date">
                        <option value=1>01</option>
                        <option value=2>02</option>
                        <option value=3>03</option>
                        <option value=4>04</option>
                        <option value=5>05</option>
                        <option value=6>06</option>
                        <option value=7>07</option>
                        <option value=8>08</option>
                        <option value=9>09</option>
                        <option value=10>10</option>
                        <option value=11>11</option>
                        <option value=12>12</option>
                    </select>
                    <label class="smallLabels">Year</label>
                    <select name=expDateYear class="year">
                        <option value=2011>2011</option>
                        <option value=2012>2012</option>
                        <option value=2013>2013</option>
                        <option value=2014>2014</option>
                        <option value=2015>2015</option>
                        <option value=2016 >2016</option>
                        <option value=2017 >2017</option>
                        <option value=2018 selected>2018</option>
                        <option value=2019>2019</option>
                        <option value=2020>2020</option>
                        <option value=2021>2021</option>
                    </select>
                </div>
            </div>
        </div>
        <div class="contentWrrapper mtop10">
            <div class="inputFieldsHolder">
                <label>Card Verification Number</label>
                <input type=text name="cvv2Number" class="cardVerificationNumber"/>
            </div>
        </div>

        <div class="contentWrrapper mtop10">
            <div class="inputFieldsHolder">
                <label>Address</label>
                <input type=text name=address1 />
            </div>
        </div>

        <div class="contentWrrapper mtop10">
            <div class="inputFieldsHolder">
                <label>City</label>
                <input type=text name=city >
            </div>
        </div>
        <div class="contentWrrapper mtop10">
            <div class="inputFieldsHolder">
                <label>Province</label>
                <input type="text" name=state value="">
            </div>
        </div>
        <div class="contentWrrapper mtop10">
            <div class="inputFieldsHolder">
                <label>Zip Code </label>
                <input type=text name=zip />
            </div>
        </div>

       <div class="contentWrrapper mtop10">
            <div class="inputFieldsHolder">
                <label>Country</label>
                <input type="text" name="country" value="">
            </div>
        </div>

        <div class="contentWrrapper mtop10">
            <div class="inputFieldsHolder">
                <label>Amount</label>
                <label class="smallLabels">CAD $</label>
                <p class="costTextStyle"><?php echo $_REQUEST['cost']; ?></p>
                 <input type="hidden" name=amount value="<?php echo $_REQUEST['cost']; ?>" />
                 <label class="smallLabels">.00</label>
            </div>
        </div>
        <div class="contentWrrapper mtop10">
            <div class="inputFieldsHolder">
                 <input type="Submit" value="Submit">
            </div>
        </div>

        </form>
    </div>

        <div id="express" style="visibility:hidden;" class="tabContentHolder">
        <?php $paymentType = "Authorization";?>
        <form action="ReviewOrder.php" method="POST">
                <input type="hidden" name="cardid" value="<?php echo $_REQUEST['cardId']; ?>"/>
        <div class="contentWrrapper">
            <div class="inputFieldsHolder  mtop10">
                <label><strong>Product Name</strong></label>
                <p><?php echo $_REQUEST['productName']; ?></p>
                <input type=hidden name=paymentType value='<?php echo $paymentType?>' >                
            </div>
        </div>
        <div class="contentWrrapper mtop10">
            <div class="inputFieldsHolder">
                <label>Amount</label>
                <label class="smallLabels">CAD $</label>
                <p class="costTextStyle"><?php echo $_REQUEST['cost']; ?></p>
                <input type="hidden" name="L_AMT1"   value="<?php echo $_REQUEST['cost']; ?>" />
                 <label class="smallLabels">.00</label>
            </div>
        </div>
        <div class="contentWrrapper">
            <div class="inputFieldsHolder">
                <label><strong>Quantity</strong></label>
                <p><?php echo $_REQUEST['quantity']; ?></p>
                <input type="hidden"  name="L_QTY1" value='1' />
            </div>
        </div>
 <!--   <div class="contentWrrapper mtop10">
            <div class="inputFieldsHolder">
                <label>Currency</label>
                 <select name="currencyCodeType">
                    <option value="USD">USD</option>
                    <option value="GBP">GBP</option>
                    <option value="EUR">EUR</option>
                    <option value="JPY">JPY</option>
                    <option value="CAD">CAD</option>
                    <option value="AUD">AUD</option>
                 </select>
            </div>
        </div>-->
        <div class="contentWrrapper mtop10">
            <div class="inputFieldsHolder">
                <label>Name</label>
                <input type="text" name="PERSONNAME" />
            </div>
        </div>
        <div class="contentWrrapper mtop10">
            <div class="inputFieldsHolder">
                <label>Street</label>
                 <input type="text" name="SHIPTOSTREET"/>
            </div>
        </div>
        <div class="contentWrrapper mtop10">
            <div class="inputFieldsHolder">
                <label>City</label>
                <input type="text" name="SHIPTOCITY" />
            </div>
        </div>
        <div class="contentWrrapper mtop10">
            <div class="inputFieldsHolder">
                <label>State</label>
                <input type="text" name="SHIPTOSTATE" />
            </div>
        </div>
        <div class="contentWrrapper mtop10">
            <div class="inputFieldsHolder">
                <label>Country</label>
                <input type="text" name="SHIPTOCOUNTRYCODE"/>
            </div>
        </div>
        <div class="contentWrrapper mtop10">
            <div class="inputFieldsHolder">
                <label>Zip Code:</label>
                <input type="text" name="SHIPTOZIP" />
            </div>
        </div>

       <div class="contentWrrapper mtop10">
            <div class="inputFieldsHolder">                 
                 <input type="submit" name="submit" value="Express Chekout" />
            </div>
        </div>

        </form>
    </div>


 <!--   </div>-->


       
    </body>
</html>
