Subversion Repositories SmartDukaan

#set($Integer = 0)
#if($defaultAddressId)
        #set($defaultid = $Integer.parseInt($defaultAddressId))
#else
        #set($defaultid = 0)
#end
<!-- my account -->
<div id="myAccount">
        <div class="top">
        <div class="left">
                <div class="right">&nbsp;</div>
        </div>
    </div>
    
    <div class="middle">
        <div class="left">
        <div class="right">

            <!-- nav -->
            <div id="myAccountNav">
                <ul>
                    <li><h2>Order History</h2></li>
                    <li><a href="/myaccount">Open Orders</a></li>
                    <li><a href="/completedorders">Completed Orders</a></li>
                    
                    <li><h2 class="spacing">Payments</h2></li>
                    <li><a href="#">Payment Options</a></li>
                    
                    <li><h2 class="spacing">Account Settings</h2></li>
                    <li><a href="/personal-details">Personal Details</a></li>
                    <li><a href="/login-details">Login Details</a></li>
                    <li><a href="/address" class="active">Shipping Address</a></li>
                    
                    <li><h2 class="spacing">Personalization</h2></li>
                    <li><a href="#">Recommendations</a></li>
                    <li><a href="#">Browsing History</a></li>
                </ul>
            </div>
            <!-- /nav -->

                                                                                        
               <!-- content -->
                <div class="content">
                        <h1>Shipping Address</h1>
                    
                    <div id="shippingAddress">
                        <form id="frmShippingAddress" name="frmShippingAddress" method="post" action="">        
                                
                            <!-- add address button -->
                                <div class="imgEnableButton addressWidth" id="addAddress1">
                                <div class="left">
                                <div class="right">
                                     <input type="button" value="Add Address" name="addAddress1" class="button" />
                                </div>
                                </div>
                            </div>
                            <div class="clearBoth"></div>
                            <!-- /add address button -->
                            
                            <h2>Primary Shipping Address</h2>
                            
                            <!-- primary address -->


                                        <div id="primaryAddress">
                                                                <div class="address">
                                                                        #foreach($address in $addresses)
                                                                        #if($address.getId() == $defaultid)
                                                                        <label>$address.getName()</label><br />
                                                                <label>$address.getLine1() </label><br />
                                                                <label>$address.getLine2()</label><br />
                                                                <label>$address.getCity()</label><br />
                                                                <label>$address.getState()</label><br />
                                                                <label>Pin: $address.getPin()</label><br />
                                                                <label>Mob: $address.getPhone() </label><br />
                                                                        #end
                                                                        #end
                                                                </div>
                                                                <div class="addressButton">      
                                                                        <div class="imgDeleteButton deleteWidth">               
                                                                                <div class="left">              
                                                                                        <div class="right">                      
                                                                                                <input type="button" class="button" value="Delete" onclick="delAddress('primaryAddress');">
                                                                                        </div>          
                                                                                </div>  
                                                                        </div>
                                                                </div>
                            </div>
                            <div class="noAddress1" style="display:none;">No addresses on record</div>

                            <!-- /primary address -->
                            
                            <div class="borderBottom1">&nbsp;</div>
                            
                            <h3><span class="greyColor">Other Address</span></h3>
                            
                            <!-- address container -->
                            <div id="addressContainer">
                                                        #foreach($address in $addresses)
                                                                #if($address.getId() != $defaultid)
                                                                <div id="address$address.getId()">
                                                                        <div class="address">
                                                                        <label>$address.getName()</label><br />
                                                                        <label>$address.getLine1() </label><br />
                                                                        <label>$address.getLine2()</label><br />
                                                                        <label>$address.getCity()</label><br />
                                                                        <label>$address.getState()</label><br />
                                                                        <label>Pin: $address.getPin()</label><br />
                                                                        <label>Mob: $address.getPhone() </label><br />
                                                                        </div>
                                                                        <div class="addressButton">
                                                                                <div class="imgDeleteButton deleteWidth">       
                                                                                        <div class="left">      
                                                                                                <div class="right">             
                                                                                                        <input type="button" class="button" value="Delete" onclick="delAddress('address$address.getId()');">    
                                                                                                </div>  
                                                                                        </div>
                                                                                </div>
                                                                                <div class="imgEnableButton priAddressWidth">           
                                                                                        <div class="left">              
                                                                                                <div class="right">                      
                                                                                                        <input type="button" class="button" value="Make Primary Address" onclick="makePriAddress('address$address.getId()');">          
                                                                                                </div>          
                                                                                        </div>
                                                                                </div>
                                                                                <div class="clearBoth"></div>
                                                                        </div>
                                                                        <br><br>
                                                                </div>
                                                                #end
                                                        #end
                            </div>
                            <div class="noAddress2" style="display:none;">No addresses on record</div>
                            <!-- /address container -->
                           
                            <div class="borderBottom2">&nbsp;</div>
                            
                            <br /><br /><br /><br />
                            
                            <!-- add address button -->
                                <div class="imgEnableButton addressWidth" id="addAddress2">
                                <div class="left">
                                <div class="right">
                                     <input type="button" value="Add Address" name="addAddress2" class="button" />
                                </div>
                                </div>
                            </div>
                            <div class="clearBoth"></div>
                            <!-- /add address button -->
                            
                            <!-- Add New Address Form -->
                            <div id="addNewAddress" style="display:none;">
                                <h2>Add a New Address</h2>
                                
                                <dl>
                                        <!-- Name -->
                                    <dt>
                                        <label for="txtName"><span class="required">*</span>Name:</label>
                                    </dt>
                                    <dd>
                                        <div class="imgTextBox">
                                            <div class="left">
                                            <div class="right">
                                                <input type="text" id="txtName" name="txtName" class="textbox" />
                                            </div>
                                            </div>
                                        </div>
                                    </dd>
                                    <!-- /Name -->
                                    
                                    <!-- Address -->
                                    <dt>
                                        <label for="txtAddress"><span class="required">*</span>Address:</label>
                                    </dt>
                                    <dd>
                                        <div class="imgTextBox">
                                            <div class="left">
                                            <div class="right">
                                                <input type="text" id="txtAddress" name="txtAddress" class="textbox" />
                                            </div>
                                            </div>
                                        </div>
                                        
                                        <div class="spacing">&nbsp;</div>
                                        
                                        <div class="imgTextBox">
                                            <div class="left">
                                            <div class="right">
                                                <input type="text" id="txtAddress2" name="txtAddress2" class="textbox" />
                                            </div>
                                            </div>
                                        </div>
                                    </dd>
                                    <!-- /Address -->
                                    
                                    <!-- state -->
                                    <dt>
                                        <label for="state"><span class="required">*</span>State:</label>
                                    </dt>
                                    <dd>
                                        <select class="selectWidth" id="state">
                                            <option value="0">Select State</option>
                                            <option value="delhi">Delhi</option>
                                        </select>
                                    </dd>
                                    <!-- /state -->
                                    
                                    <!-- City -->
                                    <dt>
                                        <label for="city"><span class="required">*</span>City:</label>
                                    </dt>
                                    <dd>
                                        <select class="selectWidth" id="city">
                                            <option value="0">Select City</option>
                                            <option value="delhi">Delhi</option>
                                        </select>
                                    </dd>
                                    <!-- /City -->
                                    
                                    <!-- Pin code -->
                                    <dt>
                                        <label for="txtPinCode"><span class="required">*</span>Pin Code:</label>
                                    </dt>
                                    <dd>
                                        <div class="imgTextBox">
                                            <div class="left">
                                            <div class="right">
                                                <input type="text" id="txtPinCode" name="txtPinCode" class="textbox" />
                                            </div>
                                            </div>
                                        </div>
                                    </dd>
                                    <!-- /Pin code -->
                                    
                                    <!-- Mobile -->
                                    <dt>
                                        <label for="txtMobile"><span class="required">*</span>Mobile:</label>
                                    </dt>
                                    <dd>
                                        <div class="imgTextBox">
                                            <div class="left">
                                            <div class="right">
                                                <input type="text" id="txtMobile" name="txtMobile" class="textbox" />
                                            </div>
                                            </div>
                                        </div>
                                    </dd>
                                    <!-- /Mobile -->
                                    
                                    <!-- Landline -->
                                    <dt>
                                        <label for="txtAreaCode"><span class="required">*</span>Landline:</label>
                                    </dt>
                                    <dd>
                                        <div class="imgTextBox" style="width:63px; float:left; margin-right:10px;">
                                            <div class="left">
                                            <div class="right">
                                                <input type="text" id="txtAreaCode" name="txtAreaCode" value="Area Code" class="textbox" style="margin-top:3px; color:#666; font-size:11px;" />
                                            </div>
                                            </div>
                                        </div>
                                        
                                        <div class="imgTextBox" style="width:154px; float:left;">
                                            <div class="left">
                                            <div class="right">
                                                <input type="text" id="txtLandline" name="txtLandline" class="textbox" />
                                            </div>
                                            </div>
                                        </div>
                                        <div class="clearBoth"></div>
                                    </dd>
                                    <!-- /Landline -->
                                    
                                    <!-- buttons -->
                                    <dt>&nbsp;</dt>
                                    <dd>
                                            <br />
                                        <div class="imgEnableButton savePriAddressWidth">
                                            <div class="left">
                                            <div class="right">
                                                 <input type="button" value="Save and Make Primary Address" name="saveMakePriAddress" class="button" />
                                            </div>
                                            </div>
                                        </div>
                                        
                                        <div class="imgEnableButton enableDisableBtnWidth1">
                                            <div class="left">
                                            <div class="right">
                                                 <input type="button" value="Save" name="saveAddress" class="button" />
                                            </div>
                                            </div>
                                        </div>
                                        
                                        <div class="imgEnableButton enableDisableBtnWidth2">
                                            <div class="left">
                                            <div class="right">
                                                 <input type="button" value="Cancel" name="cancelAddress" class="button" />
                                            </div>
                                            </div>
                                        </div> 
                                        <div class="clearBoth"></div>
                                    </dd>
                                    <!-- /buttons -->
                                    
                                </dl>
                            </div>
                            <!-- /Add New Address Form -->
                            
                        </form>
                    </div>
                    
                    </div>
                <!-- /content -->
            
            <div class="clearBoth"></div>
            
        </div>
        </div>
    </div>
    
    <div class="bottom">
        <div class="left">
            <div class="right">&nbsp;</div>
        </div>
    </div>
</div>
<!-- /my account -->