Subversion Repositories SmartDukaan

Rev

Rev 6249 | Rev 13353 | Go to most recent revision | Blame | Compare with Previous | Last modification | View Log | RSS feed

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />

<!-- Prevent MS Office toolbar from changing layout -->
<meta http-equiv="imagetoolbar" content="false">
<meta name="MSSmartTagsPreventParsing" content="true">

<title>Recharge Pay Options</title>

<!-- start of new code -->
#include ( "templates/commoncssfiles.vm" )
<style type="text/css">
        #registration {
    margin: 10px 0px 4px;
}
.main-left-banner img {
    width: 980px;
}
label.error{
        color:red;
        font-size:13px;
        padding: 2px 10px;
</style>
 
<script language="javascript" type="text/javascript" src="/js/ga-invoker.js"></script>
</head>

<body>
        <noscript>
                <p id="noScript">Please enable <em>Javascript</em> for this Website to function correctly!</p>
        </noscript>

        $action.getHeaderSnippet()
<div id="main">
        <div class="main-content">
                <div class="main-top"></div>
                <div id="registration" class="blue-border">

          <div class="middle">
            <div class="mid-inner">
        
              <!-- Block 1 -->
              <div class="padding-top17">
                                #set($errorMsg=$action.getErrorMsg())
                                #if(!$errorMsg.isEmpty())
                <div id="messageError">
                    <span></span>
                    <p>
                        $errorMsg <br/>
                    </p>
                </div>
                                #end
                                #set($rechargeAmount=$action.getAmount())
                                #set($fieldsToShow=$action.fieldsToShow())
                                #set($rechargeOrder=$action.getRechargeOrder())
                                
                                <h4 style="font-size:16px; font-weight:bold"><span style="color:#999999">Amount to be Paid:</span> Rs <span style="color:#333333">$rechargeAmount</span></h4>
                                <br/>
                                <div id="vtab">
                    <ul>
                        <li>CREDIT CARDS</li>
                        <li>DEBIT/ATM CARDS</li>
                        <li>NET BANKING</li>
                    </ul>
                    <div>
                                                <div class="center-text-bold12">Select Your Credit Card:</div><br/>
                                                <form id="ccSelection" name="ccSelection" action="/recharge-payment" method="post" onsubmit="return verifyPaymentModeSelectionForm('ccSelection')">
                                                        <input type="hidden" name="rechargeOrderId" value="$action.getRechargeOrderId()"/>
                                                        <div class="ccdiv" style="float:left; margin-left:48px;width:552px">
                                                        <div class="ccheader-div" style="width:542px"><b>Please choose the payment system.</b></div>
                                                        <div style="padding: 20px">
                                                                <div class="options">
                                                                        <input type="radio" name="payment_option" value="2008" class="marginRight5px"/>
                                                                        <div class="newcclogo visa">
                                                                                <h3>
                                                                                        <img src="/images/Icons_CreditCardsPayment.png" valign="middle"/>
                                                                                </h3>
                                                                        </div>
                                                                        <span class="cctext">Visa</span>
                                                                        <br/>
                                                                </div>
                                                                <div class="options">
                                                                        <input type="radio" name="payment_option" value="2017" class="marginRight5px"/>
                                                                        <div class="newcclogo">
                                                                                <h3>
                                                                                        <img src="/images/Icons_CreditCardsPayment.png" valign="middle"/>
                                                                                </h3>
                                                                        </div>
                                                                        <span class="cctext">MasterCard</span>
                                                                        <br/>
                                                                </div>
                                                                <div class="options">
                                                                        <input type="radio" name="payment_option" value="1010" class="marginRight5px"/>
                                                                        <div class="newcclogo diners">
                                                                                <h3>
                                                                                        <img src="/images/Icons_CreditCardsPayment.png" valign="middle"/>
                                                                                </h3>
                                                                        </div>
                                                                        <span class="cctext">Diners Club</span>
                                                                        <br/>
                                                                </div>
                                                        </div>
                                                        </div>
                            <div style="clear:both"></div>
                                                        #if($fieldsToShow == "phone")
                                #if($rechargeOrder.getRechargeType() == "MOBILE")
                                        <input type="hidden" id="shipPhone" name="phone" value="$action.getPhone()" />
                                #else           
                                        <table id='billig-address-for-recharge' cellpadding="0" cellspacing="0">
                                                <thead>
                                                        <tr class="header">
                                                                        <td id="newAddressFormHeading" class="instruction" colspan="2"></td>
                                                        </tr>
                                        </thead>
                                                <tbody>
                                        <tr>
                                                        <td class="label" align="right"><sup>*</sup>Please enter your mobile number : </td>
                                                        <td class="input">
                                                                <input type="text" id="shipPhone" name="phone" value="$action.getPhone()" class="searchbox right" />
                                                        </td>
                                                </tr>
                                        </tbody>
                                        </table>
                                        <br>
                                #end
                            #elseif($fieldsToShow == "address")
                                <table id='billig-address-for-recharge' cellpadding="0" cellspacing="0">
                                <thead>
                                        <tr class="header">
                                                        <td id="newAddressFormHeading" class="instruction" colspan="2">We need a billing address to send to Payment Gateway.</td>
                                        </tr>
                                </thead>
                                <tbody>
                                <tr>
                                        <td class="label" align="right"><sup>*</sup>Name:</td>
                                        <td class="input">
                                                <input type="text" id="shipName" name="name" class="searchbox right" />
                                        </td>
                                </tr>
                                <tr>
                                        <td class="label" align="right"><sup>*</sup>Address Line 1:</td>
                                        <td class="input">
                                                <input type="text" id="shipAddress1" name="line1" class="searchbox right" />
                                        </td>
                                </tr>
                                <tr>
                                        <td class="label" align="right">Address Line 2:</td>
                                        <td class="input">
                                                <input type="text" id="shipAddress2" name="line2" class="searchbox right" />
                                        </td>
                                </tr>
                                <tr>
                                        <td class="label" align="right"><sup>*</sup>State</td>
                                        <td class="input">
                                                <select class="select_state" name="state" id="shipState">
                                                #include("templates/stateslist.vm")
                                                </select>
                                        </td>
                                </tr>
                                <tr>
                                        <td class="label" align="right"><sup>*</sup>City:</td>
                                        <td class="input">
                                                <input type="text" id="shipCity" name="city" class="searchbox"/>
                                        </td>
                                </tr>
                                <tr>
                                        <td class="label" align="right"><sup>*</sup>Pin Code:</td>
                                        <td class="input">
                                                <input type="text" id="shipPin" name="pincode" value="" class="searchbox textbox-pincode" />
                                        </td>
                                </tr>
                                <tr>
                                        <td class="label" align="right"><sup>*</sup>Phone:</td>
                                        <td class="input">
                                                <input type="text" id="shipPhone" name="phone" value="" class="searchbox right" />
                                        </td>
                                </tr>
                                <tr>
                                        <td>&nbsp;</td>
                                        <td class="instruction">This address will be saved for next time.</td>
                                </tr>
                                </tbody>
                            </table>
                            #end
                                                        <div style="text-align:center;">
                                                        <input type="submit" value="MAKE PAYMENT" class="make-payment-button" id="make-payment-recharge-button"/>
                                                                <br/><br/>
                                                                <span class="center-text-bold13">You will be taken to our Bank&apos;s payment gateway for making this payment.</span> 
                                                        </div>
                                                </form>
                    </div>
                    <div>
                                                <div class="center-text-bold12">Select Your Debit/ATM Card:</div><br/>
                                                <form id="atmSelection" name="atmSelection" action="recharge-payment" method="post" onsubmit="return verifyPaymentModeSelectionForm('atmSelection')">
                                                        <input type="hidden" name="rechargeOrderId" value="$action.getRechargeOrderId()"/>
                                                        <div style="margin-left:100px; margin-top:10px; margin-bottom:20px">
                                                        <div class="options">
                                    <input type="radio" name="payment_option" value="2000" class="marginRight5px"/>
                                                                <span class="cctext">Visa / Visa Electron Cards</span>
                                                                <div class="cclogo">
                                                                        <h3>
                                                                                <img src="/images/cc-logos-1.gif" valign="middle"/>
                                                                        </h3>
                                                                </div>
                                                                        <div class="cclogo electron">
                                                                        <h3>
                                                                                <img src="/images/cc-logos-1.gif" valign="middle"/>
                                                                        </h3>
                                                                </div>
                                                                        <br/>
                                                                </div>
                                                                <div class="options">
                                                                        <input type="radio" name="payment_option" value="2018" class="marginRight5px"/>
                                                                        <span class="cctext">MasterCard</span>
                                                                        <div class="cclogo old-master">
                                                                        <h3>
                                                                                <img src="/images/cc-logos-1.gif" valign="middle"/>
                                                                        </h3>
                                                                </div>
                                                                        <br/>
                                                                </div>
                                                                <div class="options">
                                                                        <input type="radio" name="payment_option" value="1164" class="marginRight5px"/>
                                                                        <span class="cctext">Maestro Card(Except Citi Bank)</span>
                                                                        <div class="cclogo maestro">
                                                                        <h3>
                                                                                <img src="/images/cc-logos-1.gif" valign="middle"/>
                                                                        </h3>
                                                                </div>
                                                                        <br/>
                                                                </div>
                                                                <div class="options">
                                                                        <input type="radio" name="payment_option" value="1009" class="marginRight5px"/>
                                                                        <span class="cctext">Citi Bank Card</span>
                                                                        <div class="cclogo">
                                                                        <h3>
                                                                                <img width="48" height="30" src="/images/citi_logo.gif" valign="middle"/>
                                                                        </h3>
                                                                </div>
                                                                        <br/>
                                                                </div>
                                                        </div>
                                                        #if($fieldsToShow == "phone")
                                #if($rechargeOrder.getRechargeType() == "MOBILE")
                                        <input type="hidden" id="shipPhone" name="phone" value="$action.getPhone()" />
                                #else           
                                        <table id='billig-address-for-recharge' cellpadding="0" cellspacing="0">
                                                <thead>
                                                        <tr class="header">
                                                                        <td id="newAddressFormHeading" class="instruction" colspan="2"></td>
                                                        </tr>
                                        </thead>
                                                <tbody>
                                        <tr>
                                                        <td class="label" align="right"><sup>*</sup>Please enter your mobile number : </td>
                                                        <td class="input">
                                                                <input type="text" id="shipPhone" name="phone" value="$action.getPhone()" class="searchbox right" />
                                                        </td>
                                                </tr>
                                        </tbody>
                                        </table>
                                        <br>
                                #end
                            #elseif($fieldsToShow == "address")
                                <table id='billig-address-for-recharge' cellpadding="0" cellspacing="0">
                                <thead>
                                        <tr class="header">
                                                        <td id="newAddressFormHeading" class="instruction" colspan="2">We need a billing address to send to Payment Gateway.</td>
                                        </tr>
                                </thead>
                                <tbody>
                                <tr>
                                        <td class="label" align="right"><sup>*</sup>Name:</td>
                                        <td class="input">
                                                <input type="text" id="shipName" name="name" class="searchbox right" />
                                        </td>
                                </tr>
                                <tr>
                                        <td class="label" align="right"><sup>*</sup>Address Line 1:</td>
                                        <td class="input">
                                                <input type="text" id="shipAddress1" name="line1" class="searchbox right" />
                                        </td>
                                </tr>
                                <tr>
                                        <td class="label" align="right">Address Line 2:</td>
                                        <td class="input">
                                                <input type="text" id="shipAddress2" name="line2" class="searchbox right" />
                                        </td>
                                </tr>
                                <tr>
                                        <td class="label" align="right"><sup>*</sup>State</td>
                                        <td class="input">
                                                <select class="select_state" name="state" id="shipState">
                                                #include("templates/stateslist.vm")
                                                </select>
                                        </td>
                                </tr>
                                <tr>
                                        <td class="label" align="right"><sup>*</sup>City:</td>
                                        <td class="input">
                                                <input type="text" id="shipCity" name="city" class="searchbox"/>
                                        </td>
                                </tr>
                                <tr>
                                        <td class="label" align="right"><sup>*</sup>Pin Code:</td>
                                        <td class="input">
                                                <input type="text" id="shipPin" name="pincode" value="" class="searchbox textbox-pincode" />
                                        </td>
                                </tr>
                                <tr>
                                        <td class="label" align="right"><sup>*</sup>Phone:</td>
                                        <td class="input">
                                                <input type="text" id="shipPhone" name="phone" value="" class="searchbox right" />
                                        </td>
                                </tr>
                                <tr>
                                        <td>&nbsp;</td>
                                        <td class="instruction">This address will be saved for next time.</td>
                                </tr>
                                </tbody>
                            </table>
                            #end
                                                        <div style="text-align:center;">
                                                        <input type="submit" value="MAKE PAYMENT" class="make-payment-button"/>
                                                                <br/><br/>
                                                                <span class="center-text-bold13">You will be taken to our Bank&apos;s payment gateway for making this payment.</span>
                                                        </div>
                                                </form>
                    </div>
                    <div>
                                                <div class="center-text-bold12">Select Your Bank:</div><br/>
                                                <form id="bankSelection" name="bankSelection" action="recharge-payment" method="post" onsubmit="return verifyPaymentModeSelectionForm('bankSelection')">
                                                        <input type="hidden" name="rechargeOrderId" value="$action.getRechargeOrderId()"/>
                                                        <div>
                                                        <div style="padding-left:20px; margin-top:10px; margin-bottom:20px; float:left;">
                                                                <div class="options">
                                                                        <input type="radio" name="payment_option" value="1004" class="marginRight5px"/>
                                                                        <span class="cctext">AXIS Bank</span>
                                                                        <div class="cclogo">
                                                                                <h3>
                                                                                        <img src="/images/banks-sprite.gif" valign="middle"/>
                                                                                </h3>
                                                                        </div>
                                                                        <br/>
                                                                </div>
                                                                        <div class="options">
                                                                        <input type="radio" name="payment_option" value="1127" class="marginRight5px"/>
                                                                        <span class="cctext">Citi Bank</span>
                                                                        <div class="cclogo citibank">
                                                                                <h3>
                                                                                        <img src="/images/banks-sprite.gif" valign="middle"/>
                                                                                </h3>
                                                                        </div>
                                                                        <br/>
                                                                </div>
                                                                        <div class="options">
                                                                        <input type="radio" name="payment_option" value="1135" class="marginRight5px"/>
                                                                        <span class="cctext">Corportation Bank</span>
                                                                        <div class="cclogo corporationbank">
                                                                                <h3>
                                                                                        <img src="/images/banks-sprite.gif" valign="middle"/>
                                                                                </h3>
                                                                        </div>
                                                                        <br/>
                                                                </div>
                                                                        <div class="options">
                                                                        <input type="radio" name="payment_option" value="1029" class="marginRight5px"/>
                                                                        <span class="cctext">Federal Bank</span>
                                                                        <div class="cclogo federalbank">
                                                                                <h3>
                                                                                        <img src="/images/banks-sprite.gif" valign="middle"/>
                                                                                </h3>
                                                                        </div>
                                                                        <br/>
                                                                </div>
                                                                        <div class="options">
                                                                        <input type="radio" name="payment_option" value="1007" class="marginRight5px"/>
                                                                        <span class="cctext">HDFC Bank</span>
                                                                        <div class="cclogo hdfcbank">
                                                                                <h3>
                                                                                        <img src="/images/banks-sprite.gif" valign="middle"/>
                                                                                </h3>
                                                                        </div>
                                                                        <br/>
                                                                </div>
                                                                        <div class="options">
                                                                        <input type="radio" name="payment_option" value="1016" class="marginRight5px"/>
                                                                        <span class="cctext">ICICI Bank</span>
                                                                        <div class="cclogo icicibank">
                                                                                <h3>
                                                                                        <img src="/images/banks-sprite.gif" valign="middle"/>
                                                                                </h3>
                                                                        </div>
                                                                        <br/>
                                                                </div>
                                                                        <div class="options">
                                                                        <input type="radio" name="payment_option" value="1147" class="marginRight5px"/>
                                                                        <span class="cctext">Central Bank of India</span>
                                                                        <div class="cclogo centralbankofindia">
                                                                                <h3>
                                                                                        <img width="154" height="30" src="/images/banks-cbi.png" valign="middle"/>
                                                                                </h3>
                                                                        </div>
                                                                        <br/>
                                                                </div>
                                                                        <div class="options">
                                                                        <input type="radio" name="payment_option" value="1146" class="marginRight5px"/>
                                                                        <span class="cctext">YES Bank</span>
                                                                        <div class="cclogo yesbank">
                                                                                <h3>
                                                                                        <img width="154" height="30" src="/images/banks-yesbank.jpg" valign="middle"/>
                                                                                </h3>
                                                                        </div>
                                                                        <br/>
                                                                </div>
                                                        </div>
                                                        <div style="padding-right:20px; margin-top:10px; margin-bottom:20px; float:right;">
                                                                        <div class="options">
                                                                        <input type="radio" name="payment_option" value="1015" class="marginRight5px"/>
                                                                        <span class="cctext">JK Bank</span>
                                                                        <div class="cclogo jkbank">
                                                                                <h3>
                                                                                        <img src="/images/banks-sprite.gif" valign="middle"/>
                                                                                </h3>
                                                                        </div>
                                                                        <br/>
                                                                </div>
                                                                        <div class="options">
                                                                        <input type="radio" name="payment_option" value="1133" class="marginRight5px"/>
                                                                        <span class="cctext">Karnataka Bank</span>
                                                                        <div class="cclogo karnatkabank">
                                                                                <h3>
                                                                                        <img src="/images/banks-sprite.gif" valign="middle"/>
                                                                                </h3>
                                                                        </div>
                                                                        <br/>
                                                                </div>
                                                                        <div class="options">
                                                                        <input type="radio" name="payment_option" value="1032" class="marginRight5px"/>
                                                                        <span class="cctext">State Bank of India</span>
                                                                        <div class="cclogo sbi">
                                                                                <h3>
                                                                                        <img src="/images/banks-sprite.gif" valign="middle"/>
                                                                                </h3>
                                                                        </div>
                                                                        <br/>
                                                                </div>
                                                                        <div class="options">
                                                                        <input type="radio" name="payment_option" value="1034" class="marginRight5px"/>
                                                                        <span class="cctext">State Bank of Hyderabad</span>
                                                                        <div class="cclogo sbh">
                                                                                <h3>
                                                                                        <img src="/images/banks-sprite.gif" valign="middle"/>
                                                                                </h3>
                                                                        </div>
                                                                        <br/>
                                                                </div>
                                                                        <div class="options">
                                                                        <input type="radio" name="payment_option" value="1038" class="marginRight5px"/>
                                                                        <span class="cctext">State Bank of Mysore</span>
                                                                        <div class="cclogo sbm">
                                                                                <h3>
                                                                                        <img src="/images/banks-sprite.gif" valign="middle"/>
                                                                                </h3>
                                                                        </div>
                                                                        <br/>
                                                                </div>
                                                                        <div class="options">
                                                                        <input type="radio" name="payment_option" value="1039" class="marginRight5px"/>
                                                                        <span class="cctext">State Bank of Travancore </span>
                                                                        <div class="cclogo sbt">
                                                                                <h3>
                                                                                        <img width="154" height="30" src="/images/banks-sbt.png" valign="middle"/>
                                                                                </h3>
                                                                        </div>
                                                                        <br/>
                                                                </div>
                                                                        <div class="options">
                                                                        <input type="radio" name="payment_option" value="1143" class="marginRight5px"/>
                                                                        <span class="cctext">Indian Bank</span>
                                                                        <div class="cclogo">
                                                                                <h3>
                                                                                        <img width="154" height="30" src="/images/indian_bank.gif" valign="middle"/>
                                                                                </h3>
                                                                        </div>
                                                                        <br/>
                                                                </div>
                                                                        <div class="options">
                                                                        <input type="radio" name="payment_option" value="1148" class="marginRight5px"/>
                                                                        <span class="cctext">Kotak Mahindra Bank</span>
                                                                        <div class="cclogo kmb">
                                                                                <h3>
                                                                                        <img width="154" height="30" src="/images/banks-kmb.gif" valign="middle"/>
                                                                                </h3>
                                                                        </div>
                                                                        <br/>
                                                                </div>
                                                        </div>
                                                        </div>
                                                        #if($fieldsToShow == "phone")
                                #if($rechargeOrder.getRechargeType() == "MOBILE")
                                        <input type="hidden" id="shipPhone" name="phone" value="$action.getPhone()" />
                                #else           
                                        <table id='billig-address-for-recharge' cellpadding="0" cellspacing="0">
                                                <thead>
                                                        <tr class="header">
                                                                        <td id="newAddressFormHeading" class="instruction" colspan="2"></td>
                                                        </tr>
                                        </thead>
                                                <tbody>
                                        <tr>
                                                        <td class="label" align="right"><sup>*</sup>Please enter your mobile number : </td>
                                                        <td class="input">
                                                                <input type="text" id="shipPhone" name="phone" value="$action.getPhone()" class="searchbox right" />
                                                        </td>
                                                </tr>
                                        </tbody>
                                        </table>
                                        <br>
                                #end
                            #elseif($fieldsToShow == "address")
                                <table id='billig-address-for-recharge' cellpadding="0" cellspacing="0">
                                <thead>
                                        <tr class="header">
                                                        <td id="newAddressFormHeading" class="instruction" colspan="2">We need a billing address to send to Payment Gateway.</td>
                                        </tr>
                                </thead>
                                <tbody>
                                <tr>
                                        <td class="label" align="right"><sup>*</sup>Name:</td>
                                        <td class="input">
                                                <input type="text" id="shipName" name="name" class="searchbox right" />
                                        </td>
                                </tr>
                                <tr>
                                        <td class="label" align="right"><sup>*</sup>Address Line 1:</td>
                                        <td class="input">
                                                <input type="text" id="shipAddress1" name="line1" class="searchbox right" />
                                        </td>
                                </tr>
                                <tr>
                                        <td class="label" align="right">Address Line 2:</td>
                                        <td class="input">
                                                <input type="text" id="shipAddress2" name="line2" class="searchbox right" />
                                        </td>
                                </tr>
                                <tr>
                                        <td class="label" align="right"><sup>*</sup>State</td>
                                        <td class="input">
                                                <select class="select_state" name="state" id="shipState">
                                                #include("templates/stateslist.vm")
                                                </select>
                                        </td>
                                </tr>
                                <tr>
                                        <td class="label" align="right"><sup>*</sup>City:</td>
                                        <td class="input">
                                                <input type="text" id="shipCity" name="city" class="searchbox"/>
                                        </td>
                                </tr>
                                <tr>
                                        <td class="label" align="right"><sup>*</sup>Pin Code:</td>
                                        <td class="input">
                                                <input type="text" id="shipPin" name="pincode" value="" class="searchbox textbox-pincode" />
                                        </td>
                                </tr>
                                <tr>
                                        <td class="label" align="right"><sup>*</sup>Phone:</td>
                                        <td class="input">
                                                <input type="text" id="shipPhone" name="phone" value="" class="searchbox right" />
                                        </td>
                                </tr>
                                <tr>
                                        <td>&nbsp;</td>
                                        <td class="instruction">This address will be saved for next time.</td>
                                </tr>
                                </tbody>
                            </table>
                            #end
                                                        <div style="clear:both"></div>
                                                        <div style="text-align:center;">
                                                        <input type="submit" value="MAKE PAYMENT" class="make-payment-button"/>
                                                                <br/><br/>
                                                                <span class="center-text-bold13">You will be taken to our Bank&apos;s payment gateway for making this payment.</span>
                                                        </div>
                                                </form>
                    </div>
                                        
                </div>
                                <div class="payment-security-notice">
                                        <span class="noticetext">All the payments are secured by MasterCard SecureCode and Verified by Visa</span>
                                        <div class="noticelogo">
                                                <h3>
                                                        <img src="/images/Icons_Security.png" valign="middle"/>
                                                </h3>
                                        </div>
                                        <div class="noticelogo vbv">
                                                <h3>
                                                        <img src="/images/Icons_Security.png" valign="middle"/>
                                                </h3>
                                        </div>
                                </div>
                          </div>
                        </div>
                  </div>
                
                </div>
        </div>
</div>

#include("templates/footer.vm")

#include ( "templates/commonjsfiles.vm" )
<script language="javascript" type="text/javascript" src="/js/proceed-to-pay.js"></script>
</body>
</html>