Subversion Repositories SmartDukaan

Rev

Rev 7862 | Rev 8948 | 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>${in.shop2020.title}</title>

<!-- start of new code -->

 #include ( "templates/commoncssfiles.vm" )
<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 id="cartFlowHeader">
                        <a href="/cart">
                                <div class="left cartflow-header-tab lefttab-inactive inactive-tab-font">
                                        <span class="counter-inactive">1</span>
                                        <span class="label">Cart Details</span>
                                </div>
                        </a>
                        <a href="/shipping">
                                <div class="left cartflow-header-tab midtab-inactive left-overlap inactive-tab-font">
                                        <span class="counter-inactive">2</span>
                                        <span class="label">Shipping Info.</span>
                                </div>
                        </a>
                        <div class="left cartflow-header-tab midtab-active left-overlap active-tab-font" style="">
                                <span class="counter-active">3</span>
                                <span class="label">Make Payment</span>
                        </div>
                        <div class="left cartflow-header-tab righttab-inactive left-overlap inactive-tab-font">
                                <span class="counter-inactive">4</span>
                                <span class="label">Order Status</span>
                        </div>
                </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
                    </p>
                </div>
                                #end
                                
                                #set($adrressId=$action.getAddressId())
                                #set($orderAmount=$action.getTotalAmount())
                                <h4 style="font-size:16px; font-weight:bold"><span style="color:#999999">Order Amount:</span> Rs <span style="color:#333333">$orderAmount</span></h4>
                                <br/>
                                <div id="vtab">
                    <ul>
                                                #if(!$action.isAmountZero())
                            <li>CREDIT CARDS</li>
                                                <li>EMI<span id="pay-at-store-new-icon" style="left:85px"></span></li>
                            <li>DEBIT/ATM CARDS</li>
                            <li>NET BANKING</li>
                                                <li>CASH CARDS</li>
                                                        #if($action.shouldShowStorePickUpOption())
                                                        <li>PAY IN STORE</li>
                                                #else
                                                        #if($action.shouldShowCodOption())
                                                                <li>CASH ON DELIVERY</li>
                                                        #end
                                                        #end
                                                #else
                                                        <li>CONFIRM ORDER</li>
                                                #end
                                                
                    </ul>
                                        #if(!$action.isAmountZero())
                    <div>
                                                <div class="center-text-bold12">Select Your Credit Card:</div><br/>
                                                <form id="ccSelection" name="ccSelection" action="/order" method="post" onsubmit="return verifyPaymentModeSelectionForm('ccSelection')">
                                                        <input type="hidden" name="addressid" id="addressid" value="$adrressId"/>
                                                        <div class="ccdiv" style="float:left; margin-left:48px;">
                                                        <div class="ccheader-div"><b>Credit Cards Issued in India</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="text-align:center; width: 115px; line-height: 200px; float:left; font-size:20px; font-weight:bold; color:#999">OR</div>
                                                        <div class="ccdiv" style="float:right; margin-right:48px;">
                                                        <div class="ccheader-div"><b>Credit Cards Issued outside India</b></div>
                                                        <div style="padding: 20px;">
                                                                <div class="options">
                                        <input type="radio" name="payment_option" value="1008" 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="1017" 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>
                                                        <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>
                                                <form id="emiSelection" name="emiSelection" action="/order" method="post" onsubmit="return verifyPaymentModeSelectionForm('emiSelection')">
                                                        <input type="hidden" name="addressid" id="addressid" value="$adrressId"/>
                                                        <div style="margin-left:100px; margin-top:10px; margin-bottom:20px">
                                                                <div style="color:red;">Note: EMI conversion may take 7 to 8 business days.</div>
                                                                <div class="options" style="height:auto;float:left">
                                                                        <span style="padding: 0px 8px 0px 0px; font-size: 14px; font-weight: bold;">Select Bank</span>
                                                                        <ol class="bank-name" id="bank-name" name="bankname">
                                                                        </ol>
                                                                </div>
                                                                <!--<br><br>
                                                                <div class="options" style="height:auto;float:left">
                                                                        <span style="padding: 0px 8px 0px 0px; font-size: 14px; font-weight: bold;">Coming Soon</span>
                                                                        <ol class="bank-name" id="comingsoon">
                                                                        </ol>
                                                                </div> -->
                                                                <br><br>
                                                                <div class="options" style="height:auto;float:left">
                                                                        <span style="padding: 0px 8px 0px 0px; font-size: 14px; font-weight: bold;">Select Plan</span>
                                                                        <table id="emi-options">
                                                                                <thead>
                                                                                        <tr>
                                                                                                <th>&nbsp;</th>
                                                    <th>EMI Plan</th>
                                                    <th style="width:90px;text-align:center">Processing Fee*</th>
                                                                                                <th style="width:90px;text-align:center">Monthly Installment</th>
                                                                                                <th style="width:90px;text-align:center">Total Amount</th>
                                                </tr>
                                            </thead>
                                                                                <tbody>
                                            </tbody>
                                        </table>
                                        <span style="padding-left:10px">*Inclusive of service tax.</span>
                                                                </div>
                                
                                                        </div>
                                                        <div style="text-align:center;clear:left">
                                                                <div style="font-size:15px;font-weight:bold;padding:5px">Total Amount : <span class="mk_total_amount"></span></div>
                                                        <input type="submit" value="MAKE PAYMENT" class="make-payment-button"/>
                                                                <br/><br/>
                                                                <b>You will be taken to our Bank&apos;s payment gateway for making this payment.</b>
                                                        </div>
                                                </form>
                    </div>
                    <div>
                                                <div class="center-text-bold12">Select Your Debit/ATM Card:</div><br/>
                                                <form id="atmSelection" name="atmSelection" action="/order" method="post" onsubmit="return verifyPaymentModeSelectionForm('atmSelection')">
                                                        <input type="hidden" name="addressid" id="addressid" value="$adrressId"/>
                                                        <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>
                                                                
                                                        #if($action.shouldShowEbsTestGateway())
                                                                <div class="options">
                                                                        <input type="radio" name="payment_option" value="1001" class="marginRight5px"/>
                                                                        <span class="cctext">EBS - Test Payment</span>
                                                                        <br/>
                                                                </div>
                                                                <div class="options">
                                                                        <input type="radio" name="payment_option" value="4000" class="marginRight5px"/>
                                                                        <span class="cctext">PayU - Test Payment</span>
                                                                        <br/>
                                                                </div>
                                                        #end
                                                        </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="center-text-bold12">Select Your Bank:</div><br/>
                                                <form id="bankSelection" name="bankSelection" action="/order" method="post" onsubmit="return verifyPaymentModeSelectionForm('bankSelection')">
                                                        <input type="hidden" name="addressid" id="addressid" value="$adrressId"/>
                                                        <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 class="options">
                                                                        <input type="radio" name="payment_option" value="1214" class="marginRight5px"/>
                                                                        <span class="cctext">Bank of India</span>
                                                                        <div class="cclogo kmb">
                                                                                <h3>
                                                                                        <img width="154" height="30" src="/images/banks-boi.png" valign="middle"/>
                                                                                </h3>
                                                                        </div>
                                                                        <br/>
                                                                </div>
                                                                        <div class="options">
                                                                        <input type="radio" name="payment_option" value="1215" class="marginRight5px"/>
                                                                        <span class="cctext">Citi Union Bank</span>
                                                                        <div class="cclogo kmb">
                                                                                <h3>
                                                                                        <img width="154" height="30" src="/images/banks-cub.png" valign="middle"/>
                                                                                </h3>
                                                                        </div>
                                                                        <br/>
                                                                </div>
                                                                        <div class="options">
                                                                        <input type="radio" name="payment_option" value="1216" class="marginRight5px"/>
                                                                        <span class="cctext">Union Bank of India</span>
                                                                        <div class="cclogo kmb">
                                                                                <h3>
                                                                                        <img width="154" height="30" src="/images/banks-ubi.png" valign="middle"/>
                                                                                </h3>
                                                                        </div>
                                                                        <br/>
                                                                </div>
                                                                        <div class="options">
                                                                        <input type="radio" name="payment_option" value="1224" class="marginRight5px"/>
                                                                        <span class="cctext">Canara Bank</span>
                                                                        <div class="cclogo kmb">
                                                                                <h3>
                                                                                        <img width="154" height="30" src="/images/banks-canara.png" valign="middle"/>
                                                                                </h3>
                                                                        </div>
                                                                        <br/>
                                                                </div>
                                                                        <div class="options">
                                                                        <input type="radio" name="payment_option" value="1154" class="marginRight5px"/>
                                                                        <span class="cctext">Oriental Bank of Commerce</span>
                                                                        <div class="cclogo kmb">
                                                                                <h3>
                                                                                        <img width="154" height="30" src="/images/banks-obc.png" valign="middle"/>
                                                                                </h3>
                                                                        </div>
                                                                        <br/>
                                                                </div>
                                                                        <div class="options">
                                                                        <input type="radio" name="payment_option" value="1210" class="marginRight5px"/>
                                                                        <span class="cctext">Ing Vysya Bank</span>
                                                                        <div class="cclogo kmb">
                                                                                <h3>
                                                                                        <img width="154" height="30" src="/images/banks-ing.png" 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 class="options">
                                                                        <input type="radio" name="payment_option" value="1212" class="marginRight5px"/>
                                                                        <span class="cctext">United Bank of India</span>
                                                                        <div class="cclogo kmb">
                                                                                <h3>
                                                                                        <img width="154" height="30" src="/images/banks-uboi.png" valign="middle"/>
                                                                                </h3>
                                                                        </div>
                                                                        <br/>
                                                                </div>
                                                                        <div class="options">
                                                                        <input type="radio" name="payment_option" value="1213" class="marginRight5px"/>
                                                                        <span class="cctext">Indian Overseas Bank</span>
                                                                        <div class="cclogo kmb">
                                                                                <h3>
                                                                                        <img width="154" height="30" src="/images/banks-overseas.png" valign="middle"/>
                                                                                </h3>
                                                                        </div>
                                                                        <br/>
                                                                </div>
                                                        </div>
                                                        </div>
                                                        <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="center-text-bold12">Select Your Cash Card:</div><br/>
                                                <form id="cashSelection" name="cashSelection" action="/order" method="post" onsubmit="return verifyPaymentModeSelectionForm('cashSelection')">
                                                        <input type="hidden" name="addressid" id="addressid" value="$adrressId"/>
                                                        <div style="margin-left:100px; margin-top:10px; margin-bottom:20px">
                                                                <div class="options">
                                                                        <input type="radio" name="payment_option" value="1132" class="marginRight5px"/>
                                                                        <span class="cctext">Done Card</span>
                                                                        <div class="cclogo">
                                                                        <h3>
                                                                                <img src="/images/cash-cards.gif" valign="middle"/>
                                                                        </h3>
                                                                </div>
                                                                        <br/>
                                                                </div>
                                                                <div class="options">
                                                                        <input type="radio" name="payment_option" value="1134" class="marginRight5px"/>
                                                                        <span class="cctext">ICash</span>
                                                                        <div class="cclogo icash">
                                                                        <h3>
                                                                                <img src="/images/cash-cards.gif" valign="middle"/>
                                                                        </h3>
                                                                </div>
                                                                        <br/>
                                                                </div>
                                                                <div class="options">
                                                                        <input type="radio" name="payment_option" value="1012" class="marginRight5px"/>
                                                                        <span class="cctext">ItzCash</span>
                                                                        <div class="cclogo itzcash">
                                                                        <h3>
                                                                                <img src="/images/cash-cards.gif" valign="middle"/>
                                                                        </h3>
                                                                </div>
                                                                        <br/>
                                                                </div>
                                                        </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>
                                        #end
                                        #if($action.isAmountZero() || $action.shouldShowCodOption() || $action.shouldShowStorePickUpOption())
                                        <div>
                                                <div class="center-text-bold12">Please enter the characters shown below:</div><br/>
                                                #if($action.shouldShowStorePickUpOption())
                                                        #set($deliveryLocation = "HotSpot")
                                                #else
                                                        #set($deliveryLocation = "myLocation")
                                                #end
                                                <form id="codSelection" name="codSelection" action="/order" method="post" onsubmit="return verifyCodSelectionForm('codSelection')">
                                                        <input type="hidden" name="addressid" id="addressid" value="$adrressId"/>
                                                        #if($action.isAmountZero())
                                                                <input type="hidden" name="payment_option" id='payment_option' value="3001"/>
                                                        #else
                                                                <input type="hidden" name="payment_option" id='payment_option' value="3000"/>
                                                        #end
                                                        <input type="hidden" name="deliveryLocation" id="deliveryLocation" value="$deliveryLocation">
                                                <div style="margin-left:250px; margin-top:10px ; margin-bottom:20px">
                                                                <img src="/captcha" id="captchaImage" /><br/><br/>
                                                                <input id="captcha_response_box" class="captcha_text_blur" type="text" name="captcha_response_field" autocomplete="off">
                                                                <br/>Can't read the image? <a id="captchaanchor" style="cursor: pointer;" >Click here</a>.
                                                </div>
                                                        <div class="text-center">
                                                        <input type="submit" value="CONFIRM ORDER" class="make-payment-button"/>
                                                                <br/><br/>
                                                                <ul class="bold text-left" style="padding-left: 150px;">
                                                                #if($action.shouldShowStorePickUpOption()&&!$action.isAmountZero())
                                                                        Please note:
                                                                        <li>You can pay using Cash, Credit Card or Debit Card when you pick up your consignment</li>
                                                                #else
                                                                        Please note:
                                                                        <li>Cash on Delivery orders will take an extra day for shipment</li>
                                                                        <li>Only cash will be accepted for Cash on Delivery orders</li>
                                                                #end
                                                                </ul>
                                                        </div>
                                                </form>
                                        </div>
                                        #end
                </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>
<script language="javascript" type="text/javascript">
        emiOptions = $action.getJSONEmiSchemes();
        EMI = {};
        EMI.discounts = $action.getJSONEmiDiscountSchemes();
        banks = {};
        var first = true;
        
        var allBankImgs = {
                1:"/images/hdfc-icon.png",
                2:"/images/axis-icon.png",
                3:"/images/icici-icon.png",
                4:"/images/indusind-icon.png",
                5:"/images/citi-icon.png",
                6:"/images/std-chartered-icon.png",
                7:"/images/hsbc-icon.png",
                8:"/images/kotak-icon.png",
                9:"/images/sbi-icon.png",
        };
        
        
        jQuery.each(emiOptions, function(index, opt) {
                if(typeof banks[opt.bankId] == "undefined") {
                        banks[opt.bankId] = {};
                        banks[opt.bankId].name =  opt.bankName;
                        banks[opt.bankId].emis =  {};
                        banks[opt.bankId].active =  true;
                        banks[opt.bankId].img = allBankImgs[opt.bankId];
                }
                var bank = banks[opt.bankId];
                var bankTenure = {};
                bankTenure.tenureDescription = opt.tenureDescription;
                if (opt.chargeType == "FIXED") {        
                        bankTenure.emiProcessingCharge = opt.chargeValue;
                } else {
                        bankTenure.emiProcessingCharge = Math.ceil((opt.chargeValue * $action.getTotalAmountL())/100);  
                }
                bankTenure.totalAmount = $action.getTotalAmountL() + bankTenure.emiProcessingCharge;  
                bankTenure.monthlyEmi =  (Math.round((bankTenure.totalAmount*100)/opt.tenure)/100).toFixed(2);
                if(opt.id in EMI.discounts){
                        bankTenure.discountedEmiProcessingCharge = bankTenure.emiProcessingCharge - EMI.discounts[opt.id];
                        bankTenure.discountedTotalAmount = bankTenure.totalAmount - EMI.discounts[opt.id];
                        bankTenure.discountedMonthlyEmi =  (Math.round((bankTenure.discountedTotalAmount*100)/opt.tenure)/100).toFixed(2);
                }
                
                bank.emis[opt.id] = bankTenure;
        });

        
        
</script>
</body>
</html>