Subversion Repositories SmartDukaan

Rev

Rev 7068 | Rev 7080 | 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">
    <link rel="stylesheet" href="css/rechargewebapp.css" type="text/css" />
        
        <script language="javascript" type="text/javascript" src="js/jquery-1.4.2.js"></script>
    <script language="javascript" type="text/javascript" src="js/jquery.colorbox-min.js"></script>
    <script language="javascript" type="text/javascript" src="js/jquery.validate.js"></script>
    <script language="javascript" type="text/javascript" src="js/jquery.dataTables.min.js"></script>
    <script language="javascript" type="text/javascript" src="js/rechargewebapp.js"></script>
</head>

<body style="margin: 0;">
<div style="height:45px;">
</div>
<div style="height:45px;background: url('images/topbar.png') repeat-x left bottom;color: white;margin: 0px;padding-left: 35px;">
        <span style="font-size: 35px;font-family:'Times New Roman', Times, serif;">HotSpot Recharge Dashboard<span style="font-size: 14px;font-family:Arial, Arial, sans-serif;">  -  Powered by Saholic.com</span></span>
</div>
<div id="main" style="width: 75%;margin: 25px 0 0 25px;border: solid 1px #2789C1;">
        
        <div style="height: 30px;background-color: #2789C1;font-size: 14px;font-weight: bold;color: white;">
                <div style="margin: 0px 10px 0px 10px;padding-top: 7px;">
                        <span style="float:left">PLEASE ENTER DETAILS</span>
                </div>
        </div>
        
        <form id='rechargeDetailsForm' action='/confirm' method='post' onsubmit='validateAllFields()'>
        #if($action.getErrorMsg() == "")
        <div class='padding-row'>
        </div>
        #else
        <div class="padding-row" style="font-size: 16px;color: red;text-align: center;border: 1px solid red;margin: 5px;padding: 5px;">
                $action.getErrorMsg()
        </div>
        #end
        <div class="row">
                <div class="text">Recharge Type : </div>
                <div style="0 0 0 10px;">
                        <input class='rechargetype' type="radio" checked name="rechargetype" value="1">Normal</input>
                        <input class='rechargetype' type="radio" name="rechargetype" value="2">New Connection</input>
                </div>
        </div>
        
        <div class="row">
                <div class="text">Device Type : </div>
                <div style="0 0 0 10px;">
                        <input class='devicetype' type="radio" checked name="devicetype" value="1">Mobile</input>
                        <input class='devicetype' type="radio" name="devicetype" value="2">DTH</input>
                </div>
        </div>
        
        <div class="row">
                <div class="text">Device Number : </div>
                <div class="input-div">
                        <input class='inputbox num-prefix padding48' type='text' name='number'></input>
                </div>
        </div>
        
        #set($mobileProviderMap = $action.getMobileProvidersMap())
        #set($dthProviderMap = $action.getDthProvidersMap())
        
        <div class="row">
            <div class="text">Operator : </div>
            <div class="input-div">
                        <select select id='mobileSelector' name='mobileOperator' style="height: 30px;font-size: 18px;width: 180px;">
                        <option value='0'>Select Operator</option>
                        #foreach($mobileProviderKey in $mobileProviderMap.keySet())
                                <option class='mobileProviders' value='$mobileProviderKey'>$mobileProviderMap.get($mobileProviderKey)</option>
                                #end
                        </select>
                        <select select id='dthSelector' name='dthOperator' style="display:none;height: 30px;font-size: 18px;width: 180px;">
                        <option value='0'>Select Operator</option>
                                #foreach($dthProviderKey in $dthProviderMap.keySet())
                                <option value='$dthProviderKey'>$dthProviderMap.get($dthProviderKey)</option>
                                #end
                </select>
                </div>
        </div>
        
        <div class="row">
            <div class="text">Amount : </div>
            <div class="input-div">
                        <input class='inputbox rupee padding48' type='text' name='amount'></input>
                </div>
        </div>
        
        <div class="row">
                <div class="text">Customer Name : </div>
                <div class="input-div">
                        <input class='inputbox padding15' type='text' name='name'></input>
                </div>
        </div>
        
        <div class="row">
                <div class="text">Email Id : </div>
                <div class="input-div">
                        <input class='inputbox padding15' type='text' name='email'></input>
                </div>
        </div>
        
        <div id='frc-div' style='display:none;'>
                <div class="row">
                <div class="text">SIM Number : </div>
                <div class="input-div">
                                <input class='inputbox padding15' type='text' name='sim'></input>
                        </div>
                </div>
                
                <div class="row">
                <div class="text">CAF Number : </div>
                <div class="input-div">
                                <input class='inputbox padding15' type='text' name='caf'></input>
                        </div>
                </div>
                        
                        <div class="row">
                <div class="text">Alternate Number : </div>
                <div class="input-div">
                                <input class='inputbox padding15' type='text' name='altNum'></input>
                        </div>
                </div>
        </div>
        
        <div class="row">
                <div style="padding-top:10px;margin-top: 25px;padding-left: 200px;">
                        <input type="submit" style="height: 30px;background-color: orange;cursor: pointer;width: 140px;font-size: 21px;">
                </div>
        </div>
        
        <div class='padding-row'>
        </div>
        </form>
</div>


</body>

</html>