Subversion Repositories SmartDukaan

<style>
        .bold-details {
                text-transform:capitalize;
                font-weight:600;
                color:#212121;
        }
        .normal-details{
                font-weight:400;
                text-transform:capitalize;
                color:#797979;
        }
</style>

<section class="wrapper">
<div class="row" style="background:white;font-size:14px;">
        <form id="update-retailer-details-form">
        <div class="col-lg-4" style="border-left:1px solid #f0f0f0;">
                <h4>USER DETAILS</h4>
                <div class="row">
                        <div class="col-lg-4">
                                <p class="bold-details">ID</p>
                        </div>
                        <div class="col-lg-6">
                                <p class="normal-details">$user.getId()</p>
                        </div>
                </div>
                <div class="row">
                        <div class="col-lg-4">
                                <p class="bold-details">NAME</p>
                        </div>
                        <div class="col-lg-6">
                                <p class="normal-details">$user.getFirstName() $user.getLastName()</p>
                        </div>
                </div>
                <div class="row">
                        <div class="col-lg-4">
                                <p class="bold-details">EMAIL ID</p>
                        </div>
                        <div class="col-lg-6">
                                <p class="normal-details">$user.getEmailId()</p>
                        </div>
                </div>
                <div class="row">
                        <div class="col-lg-4">
                                <p class="bold-details">MOBILE NUMBER</p>
                        </div>
                        <div class="col-lg-6">
                                <p class="normal-details">$user.getMobileNumber()</p>
                        </div>
                </div>
                <div class="row">
                        <div class="col-lg-4">
                                <p class="bold-details">ROLES</p>
                        </div>
                        <div class="col-lg-6">
                                <p class="normal-details">$userRoles</p>
                        </div>
                </div>
        </div>
        <div class="col-lg-4" style="border-left:1px solid #f0f0f0;">
                <h4>RETAILER DETAILS</h4>
                        <h4>RETAILER</h4>
                        <div class="row">
                                <div class="col-lg-4">
                                        <p class="bold-details">ID</p>
                                </div>
                                <div class="col-lg-6">
                                        #if($retailer)
                                                <p class="normal-details">$retailer.getId()</p>
                                        #else
                                                <p class="normal-details">0</p>
                                        #end
                                </div>
                        </div>
                        
                        <div class="row">
                                <div class="col-lg-4 form-group">
                                        <label class="bold-details">NAME</label>
                                </div>
                                <div class="col-lg-6 form-group">
                                        #if($retailer && $retailer.getName())
                                                <input placeholder="Name" id="retailerName" name="retailerName" type="text" value="$retailer.getName()" class="form-control input-sm">
                                        #else
                                                <input placeholder="Name" id="retailerName" name="retailerName" type="text" value="" class="form-control input-sm">
                                        #end
                                </div>
                        </div>
                        <div class="row">
                                <div class="col-lg-4 form-group">
                                        <p class="bold-details">NUMBER</p>
                                </div>
                                <div class="col-lg-6 form-group">
                                        #if($retailer && $retailer.getNumber())
                                                <input placeholder="Number" id="retailerNumber" name="retailerNumber" type="text" value="$retailer.getNumber()" class="form-control input-sm">
                                        #else
                                                <input placeholder="Number" id="retailerNumber" name="retailerNumber" type="text" value="" class="form-control input-sm">
                                        #end
                                </div>
                        </div>
                        #if(!$retailer || !$retailer.getDocumentId())
                                <div class="row">
                                        <div class="col-lg-4">
                                                <p class="bold-details">DOCUMENT</p>
                                        </div>
                                        <div class="col-lg-3">
                                                <label class="btn btn-file">
                                                Browse<input type="file" id="retailerDocument" name="retailerDocument" style="display:none">
                                                </label>
                                        </div>
                                        <div class="col-lg-3">
                                                <!--<button id="updateRetailerDocument" onclick="updateRetailerDocument()" class="btn btn-primary">Update</button>-->
                                        </div>
                                </div>
                                
                        #end
                        
                        <h4>ADDRESS</h4>
                        <div class="row">
                                <div class="col-lg-4 form-group">
                                        <p class="bold-details">NAME</p>
                                </div>
                                <div class="col-lg-6 form-group">
                                        #if($retailerAddress && $retailerAddress.getName())
                                                <input placeholder="Name" id="retailerAddressName" name="retailerAddressName" type="text" value="$retailerAddress.getName()" class="form-control input-sm">
                                        #else
                                                <input placeholder="Name" id="retailerAddressName" name="retailerAddressName" type="text" value="" class="form-control input-sm">       
                                        #end    
                                </div>
                        </div>
                        <div class="row">
                                <div class="col-lg-4 form-group">
                                        <p class="bold-details">LINE1</p>
                                </div>
                                <div class="col-lg-6 form-group">
                                        #if($retailerAddress && $retailerAddress.getLine1())
                                                <input placeholder="Line 1" id="retailerAddressLine1" name="retailerAddressLine1" type="text" value="$retailerAddress.getLine1()" class="form-control input-sm">
                                        #else
                                                <input placeholder="Line 1" id="retailerAddressLine1" name="retailerAddressLine1" type="text" value="" class="form-control input-sm">
                                        #end
                                </div>
                        </div>
                        <div class="row">
                                <div class="col-lg-4 form-group">
                                        <p class="bold-details">LINE2</p>
                                </div>
                                <div class="col-lg-6 form-group">
                                        #if($retailerAddress && $retailerAddress.getLine2())
                                                <input placeholder="Line2" id="retailerAddressLine2" name="retailerAddressLine2" type="text" value="$retailerAddress.getLine2()" class="form-control input-sm">
                                        #else
                                                <input placeholder="Line2" id="retailerAddressLine2" name="retailerAddressLine2" type="text" value="" class="form-control input-sm">
                                        #end
                                </div>
                        </div>
                                
                        
                        <div class="row">
                                <div class="col-lg-4 form-group">
                                        <p class="bold-details">CITY</p>
                                </div>
                                <div class="col-lg-6 form-group">
                                        #if($retailerAddress && $retailerAddress.getCity())
                                                <input placeholder="City" id="retailerAddressCity" name="retailerAddressCity" type="text" value="$retailerAddress.getCity()" class="form-control input-sm">
                                        #else
                                                <input placeholder="City" id="retailerAddressCity" name="retailerAddressCity" type="text" value="" class="form-control input-sm">
                                        #end            
                                </div>
                        </div>
                        
                        <div class="row">
                                <div class="col-lg-4 form-group">
                                        <p class="bold-details">PIN CODE</p>
                                </div>
                                <div class="col-lg-6 form-group">
                                        #if($retailerAddress && $retailerAddress.getPinCode())
                                                <input placeholder="Pin Code" id="retailerAddressPinCode" name="retailerAddressPinCode" type="text" value="$retailerAddress.getPinCode()" class="form-control input-sm">
                                        #else
                                                <input placeholder="Pin Code" id="retailerAddressPinCode" name="retailerAddressPinCode" type="text" value="" class="form-control input-sm">
                                        #end            
                                </div>
                        </div>
                        
                        <div class="row">
                                <div class="col-lg-4 form-group">
                                        <p class="bold-details">STATE</p>
                                </div>
                                <div class="col-lg-6 form-group">
                                        #if($retailerAddress && $retailerAddress.getState())
                                                <input placeholder="State" id="retailerAddressState" name="retailerAddressState" type="text" value="$retailerAddress.getState()" class="form-control input-sm">
                                        #else
                                                <input placeholder="State" id="retailerAddressState" name="retailerAddressState" type="text" value="" class="form-control input-sm">    
                                        #end
                                </div>
                        </div>
        </div>
        <div class="col-lg-4" style="border-left:1px solid #f0f0f0;" id="shops">
                <h4>SHOP DETAILS</h4>
                #set($a = 0)
                #if(!$shops || $shops.isEmpty())
                        <div id="new-shops">
                                <h4>SHOP</h4>
                                <div class="row">
                                        <div class="col-lg-4">
                                                <p class="bold-details">ID</p>
                                        </div>
                                        <div class="col-lg-6" id="0">
                                                <p class="normal-details">0</p>
                                        </div>
                                </div>
                                <div class="row">
                                        <div class="col-lg-4 form-group">
                                                <p class="bold-details">NAME</p>
                                        </div>
                                        <div class="col-lg-6 form-group">
                                                <input placeholder="Name" id="shopName${a}" name="shopName${a}" shopId ="0" type="text" value="" class="form-control input-sm">
                                        </div>
                                </div>
                                <div class="row">
                                        <div class="col-lg-4">
                                                <p class="bold-details">DOCUMENT</p>
                                        </div>
                                        <div class="col-lg-3">
                                                <label class="btn btn-file">
                                                Browse<input type="file" shopId = "0" id="retailerShopDocument${a}" name="retailerShopDocument" style="display:none">
                                                </label>
                                        </div>
                                        <div class="col-lg-3">
                                                <!--<button id="updateRetailerShopDocument${a}" class="btn btn-primary" onclick="updateRetailerShopDocument('updateRetailerShopDocument${a}')">Update</button>-->
                                        </div>
                                </div>
                                <h4>ADDRESS</h4>
                                <div class="row">
                                        <div class="col-lg-6 form-group">
                                                <p class="bold-details">Same as Retailer Address</p>
                                        </div>
                                        <div class="col-lg-4 form-group">
                                                <input placeholder = "Same as Retailer Address" id="sameAsRetailerAddress${a}" name="sameAsRetailerAddress${a}" type="checkbox" value="false">
                                        </div>
                                </div>
                                <div id="new-shops-address">
                                        <div class="row">
                                                <div class="col-lg-4 form-group">
                                                        <p class="bold-details">NAME</p>
                                                </div>
                                                <div class="col-lg-6 form-group">
                                                        <input placeholder="Name" id="shopAddressName${a}" name="shopAddressName${a}" type="text" value="" class="form-control input-sm">
                                                </div>
                                        </div>
                                        <div class="row">
                                                <div class="col-lg-4 form-group">
                                                        <p class="bold-details">LINE1</p>
                                                </div>
                                                <div class="col-lg-6 form-group">
                                                        <input placeholder="Line1" id="shopAddressLine1${a}" name="shopAddressLine1${a}" type="text" value="" class="form-control input-sm">
                                                </div>
                                        </div>
                                        <div class="row">
                                                <div class="col-lg-4 form-group">
                                                        <p class="bold-details">LINE2</p>
                                                </div>
                                                <div class="col-lg-6 form-group">
                                                        <input placeholder="Line2" id="shopAddressLine2${a}" name="shopAddressLine2${a}" type="text" value="" class="form-control input-sm">                                            
                                                </div>
                                        </div>
                                        
                                        <div class="row">
                                                <div class="col-lg-4 form-group">
                                                        <p class="bold-details">CITY</p>
                                                </div>
                                                <div class="col-lg-6 form-group">
                                                        <input placeholder="City" id="shopAddressCity${a}" name="shopAddressCity${a}" type="text" value="" class="form-control input-sm">
                                                </div>
                                        </div>
                                        
                                        <div class="row">
                                                <div class="col-lg-4 form-group">
                                                        <p class="bold-details">PIN CODE</p>
                                                </div>
                                                <div class="col-lg-6 form-group">
                                                        <input placeholder="Pin Code" id="shopAddressPinCode${a}" name="shopAddressPinCode${a}" type="text" value="" class="form-control input-sm">
                                                </div>
                                        </div>
                                        
                                        <div class="row">
                                                <div class="col-lg-4 form-group">
                                                        <p class="bold-details">STATE</p>
                                                </div>
                                                <div class="col-lg-6 form-group">
                                                        <input placeholder="State" id="shopAddressState${a}" name="shopAddressState${a}" type="text" value="" class="form-control input-sm">
                                                </div>
                                        </div>
                                </div>
                                #set($a = $a + 1)
                        </div>
                #else
                        <div id="existing-shops">
                                #foreach($shop in $shops)
                                
                                        <h4>SHOP</h4>
                                        <div class="row">
                                                <div class="col-lg-4">
                                                        <p class="bold-details">ID</p>
                                                </div>
                                                <div class="col-lg-6" id="$shop.getId()">
                                                        <p class="normal-details">$shop.getId()</p>
                                                </div>
                                        </div>
                                        <div class="row">
                                                <div class="col-lg-4 form-group">
                                                        <p class="bold-details">NAME</p>
                                                </div>
                                                <div class="col-lg-6 form-group">
                                                        #if($shop.getName())
                                                                <input placeholder="Name" id="shopName${a}" name="shopName${a}" shopId ="$shop.getId()" type="text" value="$shop.getName()" class="form-control input-sm">
                                                        #else
                                                                <input placeholder="Name" id="shopName${a}" name="shopName${a}" shopId ="$shop.getId()" type="text" value="" class="form-control input-sm">     
                                                        #end    
                                                </div>
                                        </div>
                                        #if(!$shop.getDocumentId())
                                                
                                                <div class="row">
                                                        <div class="col-lg-4">
                                                                <p class="bold-details">DOCUMENT</p>
                                                        </div>
                                                        <div class="col-lg-3">
                                                                <label class="btn btn-file">
                                                                Browse<input type="file" shopId = "$shop.getId()" id="retailerShopDocument${a}" name="retailerShopDocument" style="display:none">
                                                                </label>
                                                        </div>
                                                        <div class="col-lg-3">
                                                                <!--<button id="updateRetailerShopDocument${a}" class="btn btn-primary" onclick="updateRetailerShopDocument('updateRetailerShopDocument${a}')">Update</button>-->
                                                        </div>
                                                </div>
                                        #end
                                        <h4>ADDRESS</h4>
                                        <div class="row">
                                                <div class="col-lg-6 form-group">
                                                        <p class="bold-details">Same as Retailer Address</p>
                                                </div>
                                                <div class="col-lg-4 form-group">
                                                        <input placeholder = "Same as Retailer Address" id="sameAsRetailerAddress${a}" name="sameAsRetailerAddress${a}" type="checkbox" value="false" >
                                                </div>
                                        </div>
                                        <div class="row">
                                                <div class="col-lg-4 form-group">
                                                        <p class="bold-details">NAME</p>
                                                </div>
                                                <div class="col-lg-6 form-group">
                                                        #if($shop.getAddress().getName())
                                                                <input placeholder="Name" id="shopAddressName${a}" name="shopAddressName${a}" type="text" value="$shop.getAddress().getName()" class="form-control input-sm">
                                                        #else
                                                                <input placeholder="Name" id="shopAddressName${a}" name="shopAddressName${a}" type="text" value="" class="form-control input-sm">
                                                        #end            
                                                </div>
                                        </div>
                                        <div class="row">
                                                <div class="col-lg-4 form-group">
                                                        <p class="bold-details">LINE1</p>
                                                </div>
                                                <div class="col-lg-6 form-group">
                                                        #if($shop.getAddress().getLine1())
                                                                <input placeholder="Line1" id="shopAddressLine1${a}" name="shopAddressLine1${a}" type="text" value="$shop.getAddress().getLine1()" class="form-control input-sm">
                                                        #else
                                                                <input placeholder="Line1" id="shopAddressLine1${a}" name="shopAddressLine1${a}" type="text" value="" class="form-control input-sm">
                                                        #end    
                                                </div>
                                        </div>
                                        <div class="row">
                                                <div class="col-lg-4 form-group">
                                                        <p class="bold-details">LINE2</p>
                                                </div>
                                                <div class="col-lg-6 form-group">
                                                        #if($shop.getAddress().getLine2())
                                                                <input placeholder="Line2" id="shopAddressLine2${a}" name="shopAddressLine2${a}" type="text" value="$shop.getAddress().getLine2()" class="form-control input-sm">                                               
                                                        #else
                                                                <input placeholder="Line2" id="shopAddressLine2${a}" name="shopAddressLine2${a}" type="text" value="" class="form-control input-sm">
                                                        #end    
                                                </div>
                                        </div>
                                        
                                        <div class="row">
                                                <div class="col-lg-4 form-group">
                                                        <p class="bold-details">CITY</p>
                                                </div>
                                                <div class="col-lg-6 form-group">
                                                        #if($shop.getAddress().getCity())
                                                                <input placeholder="City" id="shopAddressCity${a}" name="shopAddressCity${a}" type="text" value="$shop.getAddress().getCity()" class="form-control input-sm">
                                                        #else
                                                                <input placeholder="City" id="shopAddressCity${a}" name="shopAddressCity${a}" type="text" value="" class="form-control input-sm">       
                                                        #end
                                                </div>
                                        </div>
                                        
                                        <div class="row">
                                                <div class="col-lg-4 form-group">
                                                        <p class="bold-details">PIN CODE</p>
                                                </div>
                                                <div class="col-lg-6 form-group">
                                                        #if($shop.getAddress().getPinCode())
                                                                <input placeholder="Pin Code" id="shopAddressPinCode${a}" name="shopAddressPinCode${a}" type="text" value="$shop.getAddress().getPinCode()" class="form-control input-sm">
                                                        #else
                                                                <input placeholder="Pin Code" id="shopAddressPinCode${a}" name="shopAddressPinCode${a}" type="text" value="" class="form-control input-sm">     
                                                        #end    
                                                </div>
                                        </div>
                                        
                                        <div class="row">
                                                <div class="col-lg-4 form-group">
                                                        <p class="bold-details">STATE</p>
                                                </div>
                                                <div class="col-lg-6 form-group">
                                                        #if($shop.getAddress().getState())
                                                                <input placeholder="State" id="shopAddressState${a}" name="shopAddressState${a}" type="text" value="$shop.getAddress().getState()" class="form-control input-sm">
                                                        #else
                                                                <input placeholder="State" id="shopAddressState${a}" name="shopAddressState${a}" type="text" value="" class="form-control input-sm">    
                                                        #end    
                                                </div>
                                        </div>
                                        #set($a = $a + 1)
                                #end
                        </div>
                #end
                <div id="shopDetailsSize" size="$a">
                </div>  
        </div>
        <div class="row">
                <div class="col-md-2 col-md-offset-5">
                        <button id="updateDetails" class="btn btn-primary" type="submit">Update Details</button>
                </div>
        </div>
        </form>
</div>

</section>
<script type="text/javascript" src="${rc.contextPath}/resources/js/retailer-details.js"></script>