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;">
        <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">
                                        <p class="normal-details">$retailer.getId()</p>
                                </div>
                        </div>
                        
                        <div class="row">
                                <div class="col-lg-4">
                                        <p class="bold-details">NAME</p>
                                </div>
                                <div class="col-lg-6">
                                        #if($retailer.getName())
                                                <p class="normal-details">$retailer.getName()</p>
                                        #else
                                                <p class="normal-details">NULL</p>
                                        #end
                                </div>
                        </div>
                        <div class="row">
                                <div class="col-lg-4">
                                        <p class="bold-details">NUMBER</p>
                                </div>
                                <div class="col-lg-6">
                                        #if($retailer.getNumber())
                                                <p class="normal-details">$retailer.getNumber()</p>
                                        #else
                                                <p class="normal-details">NULL</p>
                                        #end
                                </div>
                        </div>
                        #if(!$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">
                                        <p class="bold-details">NAME</p>
                                </div>
                                <div class="col-lg-6">
                                        <p class="normal-details">$retailerAddress.getName()</p>
                                </div>
                        </div>
                        #if($retailerAddress.getLine1() && $retailerAddress.getLine1() != '')
                                <div class="row">
                                        <div class="col-lg-4">
                                                <p class="bold-details">LINE1</p>
                                        </div>
                                        <div class="col-lg-6">
                                                <p class="normal-details">$retailerAddress.getLine1()</p>
                                        </div>
                                </div>
                        #end
                        #if($retailerAddress.getLine2() && $retailerAddress.getLine2() != '')
                                <div class="row">
                                        <div class="col-lg-4">
                                                <p class="bold-details">LINE2</p>
                                        </div>
                                        <div class="col-lg-6">
                                                <p class="normal-details">$retailerAddress.getLine2()</p>
                                        </div>
                                </div>
                                
                        #end
                        
                        <div class="row">
                                <div class="col-lg-4">
                                        <p class="bold-details">CITY</p>
                                </div>
                                <div class="col-lg-6">
                                        <p class="normal-details">$retailerAddress.getCity()</p>
                                </div>
                        </div>
                        
                        <div class="row">
                                <div class="col-lg-4">
                                        <p class="bold-details">PIN CODE</p>
                                </div>
                                <div class="col-lg-6">
                                        <p class="normal-details">$retailerAddress.getPinCode()</p>
                                </div>
                        </div>
                        
                        <div class="row">
                                <div class="col-lg-4">
                                        <p class="bold-details">STATE</p>
                                </div>
                                <div class="col-lg-6">
                                        <p class="normal-details">$retailerAddress.getState()</p>
                                </div>
                        </div>
        </div>
        <div class="col-lg-4" style="border-left:1px solid #f0f0f0;">
                <h4>SHOP DETAILS</h4>
                #set($a = 0)
                #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">
                                                <p class="bold-details">NAME</p>
                                        </div>
                                        <div class="col-lg-6">
                                                <p class="normal-details">$shop.getName()</p>
                                        </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>
                                        #set($a = $a + 1)
                                #end
                                <h4>ADDRESS</h4>
                                <div class="row">
                                        <div class="col-lg-4">
                                                <p class="bold-details">NAME</p>
                                        </div>
                                        <div class="col-lg-6">
                                                <p class="normal-details">$shop.getAddress().getName()</p>
                                        </div>
                                </div>
                                #if($shop.getAddress().getLine1() && $shop.getAddress().getLine1() != '')
                                        <div class="row">
                                                <div class="col-lg-4">
                                                        <p class="bold-details">LINE1</p>
                                                </div>
                                                <div class="col-lg-6">
                                                        <p class="normal-details">$retailerAddress.getLine1()</p>
                                                </div>
                                        </div>
                                #end
                                #if($shop.getAddress().getLine2() && $shop.getAddress().getLine2() != '')
                                        <div class="row">
                                                <div class="col-lg-4">
                                                        <p class="bold-details">LINE2</p>
                                                </div>
                                                <div class="col-lg-6">
                                                        <p class="normal-details">$shop.getAddress().getLine2()</p>
                                                </div>
                                        </div>
                                #end
                                
                                <div class="row">
                                        <div class="col-lg-4">
                                                <p class="bold-details">CITY</p>
                                        </div>
                                        <div class="col-lg-6">
                                                <p class="normal-details">$shop.getAddress().getCity()</p>
                                        </div>
                                </div>
                                
                                <div class="row">
                                        <div class="col-lg-4">
                                                <p class="bold-details">PIN CODE</p>
                                        </div>
                                        <div class="col-lg-6">
                                                <p class="normal-details">$shop.getAddress().getPinCode()</p>
                                        </div>
                                </div>
                                
                                <div class="row">
                                        <div class="col-lg-4">
                                                <p class="bold-details">STATE</p>
                                        </div>
                                        <div class="col-lg-6">
                                                <p class="normal-details">$shop.getAddress().getState()</p>
                                        </div>
                                </div>
                #end
                <div id="shopDetailsSize" size="$a">
                </div>  
        </div>

</div>

</section>