Subversion Repositories SmartDukaan

Rev

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

#set($banners = $action.getActiveBanners("/confirm"))
#if($banners)
#set($bannerCount = $banners.size())
#else
#set($bannerCount = 0)
#end
<!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 name="google-site-verification" content="NPHVASYh9ZsYbjffRuAU4dhEHhx7xSKUj9GycYUMo_o" /> 
        <META name="y_key" content="116f6310a0df3c4f" />
        <meta name="msvalidate.01" content="A9BB200170442859BD6DF681353ACD78" />
        <meta property="fb:admins" content="564777065" />
        <title>Instant recharge for your mobile and DTH</title>

#include ( "templates/commoncssfiles.vm" )
 
        <link rel="stylesheet" href="/css/home.css" type="text/css" />
        <link href="https://plus.google.com/108546508648658526684" rel="publisher" />
        <script language="javascript" type="text/javascript" src="/js/ga-invoker.js"></script>
        
        
        <style type='text/css'>
                .captcha_text_blur {
                color: #AAAAAA;
            font-size: 13px;
            height: 28px;
            text-align: left;
            width: 194px;
                        border: solid 1px darkgrey;
                        padding-left: 5px;
        }
                .captcha_text_focus {
                        color: black;
            height: 28px;
                        font-size: 20px;
            text-align: left;
            width: 194px;
                        border: solid 1px darkgrey;
                        padding-left: 5px;
                }
                .submit-button{
                        background: -2px -5px url('/images/confirm.png');
            cursor: pointer;
            display: inline-block;
            font-size: 15px;
            font-weight: bold;
            text-shadow: 0px 1px 0px #E45000;
            outline: medium none;
            overflow: visible;
            text-align: center;
            height: 40px;
            color: white;
                        width: 190px;
                }
        </style>
</head>

<body>
        <noscript>
                <p id="noScript">Please enable <em>Javascript</em> for this Website to function correctly!</p>
        </noscript>
        $action.getHeaderSnippet()
        <!-- Main -->
        <div id="main">
                <div class="main-content">
                        <div class="main-top"></div>
                        <div class="main-left left">
                                 #if ( $bannerCount == 0 )
                                        <div class="main-left-banner" style="display: none">
                                #elseif ( $bannerCount < 3 )
                                        <div class="main-left-banner"  style="height: 210px;">
                                #else
                                        <div class="main-left-banner"  style="height: 230px;">
                                #end
                                
                                #if($bannerCount > 1 && $bannerCount < 3)
                                        <ul id="bannerMenu">
                                                #foreach($banner in $banners)
                                                        #if($banner.isHasMap())
                                                                <li class="square"><a href="$banner.getLink()" #if($banner.isTarget())target="_blank"#end banner-name='$banner.getBannerName()'><img src='/images/banners/$banner.getImageName()' usemap='#map$velocityCount' height="200" width="710"/></a>
                                                                <map name='map$velocityCount'> 
                                                                        #set($mapdetails = $action.getbannermapdetails("$banner.getBannerName()"))
                                                                        #foreach($mapdetail in $mapdetails)
                                                                                <area shape="rect" coords='$mapdetail.getCoordinates()' href='$mapdetail.getMapLink()' banner-name='$banner.getBannerName()'/>
                                                                        #end
                                                                        </map>
                                                                        </li>
                                                        #else
                                                                <li class="square"><a href="$banner.getLink()" #if($banner.isTarget())target="_blank"#end banner-name='$banner.getBannerName()'><img src='/images/banners/$banner.getImageName()' height="200" width="710" /></a></li>
                                #end
                                                #end
                                        </ul>
                                        <div class="container">
                      <div class="slider_arrow_left"></div>
                      <div class="slider_arrow_right"></div>
                    </div>
                                #else
                                          <div id="banner-menu">
                                                #foreach($banner in $banners)
                                                        #if($banner.isHasMap())
                                                                <a href="$banner.getLink()" #if($banner.isTarget())target="_blank"#end banner-name='$banner.getBannerName()'><img src='/images/banners/$banner.getImageName()' title="$banner.getBannerName()" usemap='#map$velocityCount'/></a>
                                                                <map name='map$velocityCount'> 
                                                                        #set($mapdetails = $action.getbannermapdetails("$banner.getBannerName()"))
                                                                        #foreach($mapdetail in $mapdetails)
                                                                                <area shape="rect" coords='$mapdetail.getCoordinates()' href='$mapdetail.getMapLink()' banner-name='$banner.getBannerName()'/>
                                                                        #end
                                                                        </map>
                                                        #else
                                                                <a href="$banner.getLink()" #if($banner.isTarget())target="_blank"#end banner-name='$banner.getBannerName()'><img src='/images/banners/$banner.getImageName()' title="$banner.getBannerName()"/></a>
                                #end
                                                #end
                       </div>
                                #end
                                </div>
                                <div style='height: 30px;background-color: #2789C1;font-size: 14px;font-weight: bold;color: #FFFFFF;border: solid 1px #2789C1;width: 100%;'>
                                        <div style='margin:0 10px 0 10px;padding-top:7px'>
                                                PLEASE CONFIRM
                                        </div>
                                </div>
                                <div class="recharge-main-left-container" style="font-size:16px">
                                        #if($action.getAmount() == '0')
                                                #set($verifyingMethod='return verifyCaptcha("create-recharge-form")')
                                        #else
                                                #set($verifyingMethod='return true')
                                        #end
                                        
                    <form id="create-recharge-form" action='' name='create-recharge-form' style="float:left;padding-top:20px;padding-left:50px">
                        <br>
                                                
                        <span style="display:inline-block; width:300px">#if($action.getRechargeType()=="1")Mobile Number#else Account Number#end : </span><span>$action.getNumber()</span><br>
                                                <span style="display:inline-block; width:300px">Operator : </span><span>$action.getOperatorName()</span><br>
                                                <span style="display:inline-block; width:300px">Recharge amount : </span><span>Rs. $action.getTotalAmount()</span><br>
                                                <hr style="width: 615px;height: 2px;background-color: black;border: none;margin: 25px 0px;">
                                                
                                        #if($action.shouldPromptForWallet())
                                                        <div style="font-size:15px;color:red">If you want to use wallet please <a href="/login?redirectUrl=/recharge"><b>LOGIN NOW</b></a></div>
                                                #else
                                                        <div style="font-size:15px;">$action.getMessage()</div>
                                                #end
                                                
                                                #if($action.getCouponMessage() == "")
                                                <div style="font-size: 13px;padding: 10px 10px 10px 0px;"><span class="left">Have a Coupon Code? Enter here:</span>&nbsp;
                                <input id="discountCode" name="discountCode" style="width:200px;height:18px;margin-left:30px;" class="searchbox" type="text"></input>
                                <input type="button" value="Apply" id="applyRechargeCoupon" class="new-button" style="height: 20px;"></input>
                            </div>
                                                #elseif($action.getCouponMessage() == "Invalid Coupon")
                                                        <div style="margin-top:7px;color:red;text-align:center;padding:5px 0 5px 0;width:100%;background-color:white;font-size:14px;border:solid 1px red">$action.getCouponMessage()</div>
                                                        <div style="font-size: 13px;padd        ing: 10px 10px 10px 0px;"><span class="left">Have a Coupon Code? Enter here:</span>&nbsp;
                                <input id="discountCode" name="discountCode" style="width:200px;height:18px;margin-left:30px;" class="searchbox" type="text"></input>
                                <input type="button" value="Apply" id="applyRechargeCoupon" class="new-button" style="height: 20px;"></input>
                            </div>
                                                #else
                                                        #if($action.getCouponAmount() > 0)
                                                                <br>
                                                                <div style="margin-top:7px;color:blue;text-align:center;padding:5px 0 5px 0;width:100%;background-color:white;font-size:14px;border:solid 1px blue">Coupon applied for Rs.$action.getCouponAmount()</div>
                                                        #else
                                                                <div style="margin-top:7px;color:red;text-align:center;padding:5px 0 5px 0;width:100%;background-color:white;font-size:14px;border:solid 1px red">$action.getCouponMessage()</div>
                                                        #end
                                                #end    
                                                <br>
                                                                
                                                <span style="display:inline-block; width:300px">Amount to pay : </span><span style="font-size:20px"><b>Rs. $action.getAmount()</b></span>
                                                <br><br><br>
                                                <input type='hidden' name='rechargeType' value='$action.getRechargeType()'>
                                                <input type='hidden' name='operator' value='$action.getOperator()'>
                                                <input type='hidden' name='userId' value='$action.getUserId()'>
                                                <input type='hidden' name='amount' value='$action.getAmount()'>
                                                <input type='hidden' name='walletAmountUsed' value='$action.getWalletAmountUsed()'>
                                                <input type='hidden' name='number' value='$action.getNumber()'>
                                                <input type='hidden' name='email' value='$action.getEmail()'>
                                                <input type='hidden' name='plan' value='$action.getPlan()'>
                                                <input type='hidden' name='couponCode' value='$action.getCouponCode()'>
                                                <input type='hidden' name='couponAmount' value='$action.getCouponAmount()'>
                                                <input type='hidden' name='totalAmount' value='$action.getTotalAmount()'>
                                                <input type='hidden' name='message' value='$action.getMessage()'>
                                                <input type='hidden' name='hash' value='$action.getHiddenUserId()'>
                                                #if($action.getAmount() == '0')
                                                        #if(!$action.getErrorMessage().isEmpty())
                                                        <div id="messageError">
                                    <span></span>
                                    <p>
                                        $action.getErrorMessage() <br/>
                                    </p>
                                </div>
                                                        #end
                                                        <div id='captcha-div' style="margin-left:217px; 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/>
                                                                <span style='font-size:14px'>Cannot read the image? <a id="captchaanchor" style="cursor: pointer;" >Click here</a>.</span>
                                                                <br><br>
                                                                <input id='recharge-now-button' style='width:200px' type="button" value="RECHARGE NOW" class="make-payment-button">
                                                        </div>
                                                #else
                                                        <div style="text-align:center;">
                                                                <input id='recharge-pay-now-button' type="button" value="PAY NOW" class="submit-button">
                                                        </div>
                                                #end
                        </form>
                                </div>
                        </div>
                        <div class="widgets right">
                                        $action.getCartWidgetSnippet()
                                </div>
                </div>
        </div>
        #include("templates/footer.vm")
        <!-- color by color lightbox -->
        <div style="display:none;">
                <div class="colorSelLightBoxColor">
                        <form name="frmColorSelName" method="post" action="#">
                                <h1>Color Selector</h1>
                                <h2>"Please choose color of product"</h2>
                                <div class="content"></div>
                                <div class="bigImgButton yellow-image">
                                        <input value="Continue" type="button" class="button" onclick="selectColor();" />
                                </div>
                                <div class="clearBoth"></div>
                        </form>
                </div>
        </div>
        <!-- /color by color lightbox -->
        #include ( "templates/commonjsfiles.vm" )
        <script type="text/javascript" charset="utf-8">
        #if ($bannerCount == 1 )
        jQuery('#banner-menu').slidy({
        animation:  'none',
        children:   'a',
        menu:       false,
        pause:      true,
        speed:      400,
        time:       4000
    });

        #elseif ($bannerCount > 1 && $bannerCount < 3 )
        $(document).ready(function() {
           $('#bannerMenu').DDSlider({
           nextSlide: '.slider_arrow_right',
           prevSlide: '.slider_arrow_left',
           selector: '.slider_selector'
            });
          }); 
        #else
        jQuery('#banner-menu').slidy({
        animation:  'fade',
        children:   'a',
        menu:       true,
        pause:      true,
        speed:      200,
        time:       5000
    });
        #end
        </script>
        <style type="text/css">
                .slider_arrow_left {
         background: url(/images/left_arrow.png) no-repeat top left;
         }
                .slider_arrow_right {
         background: url(/images/right_arrow.png) no-repeat top left;
         }
        </style>
        <script type="text/javascript" charset="utf-8">
        $(function(){
                $('ul.product-description li').truncate({addtitle: true});
                
                $('#recharge-pay-now-button').click(function(){
                        trackEventWithGA('Recharge', 'Pay Now', '');
                });
        
        });
        </script>
        
</body>
</html>