Subversion Repositories SmartDukaan

Rev

Rev 7293 | 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_18042013.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/storewebsite.js"></script>
        
        <style>
                .mandatory {
                        color:red;
                }
                
                .error {
                border: 1px solid red;
            padding: 5px;
            text-align: center;
            color: red;
                }
                
                .infoText {
                color:#777777;
                font-weight:bold;
                }
                
                .infoDiv {
                padding:3px;
                }
                
                .infoValue {
                color:#2789C1;
                font-weight:bolder;
                }
                
                .mainsearch {
                box-shadow: 1px -1px 10px -1px #999999 inset;
                height: 30px;
                margin-top: 100px;
                margin-right: 5px;
                width: 450px;
                border: 1px solid #777777;
                padding: 2px 5px 2px 10px;
                font-size: 17px;
                color: #777777;
                }
                
                .orderInputBox {
                height: 26px;
                border: 1px solid #999999;
                padding: 2px 5px 2px 10px;
                font-size: 17px;
                color: #777777;
                box-shadow: 1px -1px 10px -1px #999999 inset;
                }
                
                .w150 {
                width: 150px;
                }
                
                .w300 {
                width: 300px;
                }
                
                .plus91 {
                background: white url('/rch/images/+91.png') no-repeat 2px;
                padding-left:60px;
                width:250px;
                }
                
                .addressLine {
                width:487px;
                margin:3px;
                }
                
                .addressText {
                width:125px;
                display:inline-block;
                text-align:right;
                font-size:14px;
                }
                
                .submitButton {
                height: 26px;
                margin: 15px;
                font-weight:100;
                font-size:14px;
                color: white;
                background-color: #2789c1;
                border: 1px solid blue;
                cursor: pointer; 
                }
                
                .diplayAddLine {
                font-wight:100;
                font-style:italic;
                font-size:14px;
                color:#777777;
                padding:2px 10px;
                }
                
                .name {
                font-size:16px;
                font-weight:bold;
                color:#333333;
                margin:5px 0 5px 0;
                }
        </style>
</head>

<body style="margin: 0;">
        <div style="line-height:40px;height:35px;background-color:#333333;color:white;min-width:900px;overflow:hidden;">
        <span style="margin-left:20px;font-weight:bold;font-size:15px">Store : </span><span style="font-size:20px">ANC</span>
        <span style="margin-left:20px;font-weight:bold;font-size:15px">Today's Collection : </span><span style="font-size:20px">3272</span>
        <a style="margin:0px 25px 0px 25px;color:white" href="/rch/report">REPORTS</a>
        <a style="color:white;" href="/rch/!doLogout">Logout</a>        
    </div>
        
        <div style="line-height:60px;height: 60px;background-color:#DBEEFF;min-width:900px;overflow:hidden;color: #333333;border-bottom:1px solid #67ABD3">
        <img style="float:left;" src="/rch/images/Hotspot-Logo.jpg">
                <span style="font-size: 35px;font-family:'Verdana', Verdana, sans-serif;float:left">Online Catalog</span>
        <img style="float:right;margin-right:20px;" src="/rch/images/Saholic-Logo.jpg">
    </div>
        
        <div id="main" style="float:left;width:66%;min-width:900px;overflow: hidden;">
                <div style="float:left;margin:25px;height:481px;width:311px;padding:5px;border:1px solid #AAAAAA;">
                        <img src='/storewebsite/images/1.jpg' height="481px" width="311px"></img>
                </div>
                
                <div style="overflow: hidden;position: relative;">
                        
                        <h2 style="margin-top: 25px;">Product Name S10 Black</h2>
                        <fieldset style="padding: 5px 0 10px 10px;border: 1px solid #CCCCCC;color: #666666;">
                        <legend style="color: RED;">BEST DEAL</legend>
                        Soap free with this product.
                </fieldset>
                        
                        <div style="border-top: 1px dotted #CCCCCC;margin: 15px 0;"></div>
                        
                        <div class='date'>
                                <span class='infoText'>Get this product by </span><span class='infoValue'>6:18 PM, 2 May 2013</span>
                        </div> 
                        <div class='price'>
                                <span class='infoText'>Total Price</span>
                                <span class='infoValue'>&nbsp;Rs.&nbsp;Rs.10000</span>
                        </div>
                        <div class='advance'>
                                <span class='infoText'>Advance to be paid</span>
                                <span class='infoValue'>&nbsp;Rs.&nbsp;Rs. 6000</span>
                        </div>
                        
                        <div style="border-top: 1px dotted #CCCCCC;margin: 15px 0;"></div>
                        
                        <fieldset id='editAddBlock' style='display:none;border:1px solid #CCCCCC;color:#666666'>
                <legend style='color:#2789C1;font-size:17px;font-weight:bold;'>EDIT SHIPPING DETAILS</legend>
                                <div class='addressLine'><div class='addressText'>Name&nbsp;&nbsp;</div><input name="name" value='$action.getName()' type="text" class='orderInputBox w300'></input></div>
                                <div class='addressLine'><div class='addressText'>Mobile Number&nbsp;&nbsp;</div><input name="phone" value='$action.getPhone()' type="text" maxlength='10' class='orderInputBox plus91'></input></div>
                <div class='addressLine'><div class='addressText'>Address Line 1&nbsp;&nbsp;</div><input class='orderInputBox w300' name="line1" value='$action.getLine1()' type="text"></input></div>
                <div class='addressLine'><div class='addressText'>Address Line 2&nbsp;&nbsp;</div><input name="line2" value='$action.getLine2()' type="text" class='orderInputBox w300'></input></div>
                                <div class='addressLine'><div class='addressText'>City&nbsp;&nbsp;</div><input name="city" value='$action.getCity()' type="text" class='orderInputBox w300'></input></div>
                                <div class='addressLine'><div class='addressText'>State&nbsp;&nbsp;</div><input name="state" value='$action.getState()' type="text" class='orderInputBox w300'></input></div>
                                <div class='addressLine' style='text-align:center;'>
                                        <input id="saveEditedAdd" class="submitButton" type="button" style="background-color:orange;color:black;" value="OK">
                                </div>
            </fieldset>
                        
                        <form id="createOrderForm" action="/storewebsite/create-order" onsubmit="return validatePaymentDetails()">
                                <input type="hidden" name="name" value="$action.getName()"></input>
                                <input type="hidden" name="phone" value="$action.getPhone()"></input>
                                <input type="hidden" name="line1" value="$action.getLine1()"></input>
                                <input type="hidden" name="line2" value="$action.getLine2()"></input>
                                <input type="hidden" name="city" value="$action.getCity()"></input>
                                <input type="hidden" name="state" value="$action.getState()"></input>
                                <input type="hidden" name="pincode" value="$action.getPincode()"></input>
                                
                                <div id="showAddDiv">
                                        <div class="name"><span name="name">$action.getName()</span>
                                                <input id="addressEdit" style="float:right;margin:0;height:21px;"type="button" value="EDIT" class="submitButton"></input>
                                        </div>
                                        <div class="diplayAddLine" name="phone">$action.getPhone()</div>
                                        <div class="diplayAddLine" name="line1">$action.getLine1()</div>
                                        <div class="diplayAddLine" name="line2">$action.getLine2()</div>
                                        <div class="diplayAddLine" name="city">$action.getCity()</div>
                                        <div class="diplayAddLine" name="state">$action.getState()</div>
                                </div>
                                <div id="showPinDiv" class="name" name="pincode"><span style="font-weight:100;font-size:15px;color:#777777">Pincode : </span>$action.getPincode()
                                        <input id="pincodeEdit" style="float:right;margin:0;height:21px;" type="button" value="EDIT" class="submitButton"></input>
                                </div>
                                <div style="border-top: 1px dotted #CCCCCC;margin: 15px 0;"></div>
                                
                                <div id="paymode" style="padding:7px;">
                                        <span style="color:#666666;margin-right:20px;">Please choose a payment mode</span>
                                        <input type="radio" name="paymode" value="cash" checked="checked">Cash
                                        <input type="radio" name="paymode" value="card">Card
                                </div>
                                <div id="bankSelector" style="display:none;padding:7px;">
                                        <span style="color:#666666;margin-right:20px;">Please choose a Bank</span>
                                        <input type="radio" name="bank" value="bnk1">XYZ Bank
                                        <input type="radio" name="bank" value="bank2">United XYZ of India
                                </div>
                                
                                <div style="border-top: 1px dotted #CCCCCC;margin: 15px 0;"></div>
                                
                <input id="createOrder" type="submit" style="background-color:orange;color:black;" value="CREATE ORDER" class="submitButton"></input>
            </form>
                </div>
        </div>
</body>
</script>
</html>