Subversion Repositories SmartDukaan

 <style>
 .h5m{
  background: #f3f3f3;
  margin: 0px;
  padding: 10px;
}

table, th, td {
  border: 1px solid black;
  border-collapse: collapse;
}
 
 </style>


 <script type="text/javascript">
$(function(){
        getItemAheadOptions($("#typeaheadcampareitem"),function(selectedItem){
        campareItemCatalogId = selectedItem.catalogId;
        
        console.log(campareItemCatalogId);
        });
});
</script>
 
 
 
 <div class="row">
  <div class="col-lg-8">
  <div class="col-lg-3">
   <img src="$cp.getDefaultImageUrl()" alt="" height=300px;>
  </div>
  <div class="col-lg-6">
   <h4> Highlights </h4>
     #foreach($keyspec in $cp.getKeySpecs())
      <div>$keyspec</div>
    #end
    
    <h4> Package Contents </h4>
         #foreach($pContents in $cp.getPackageContents())
          <div>$pContents</div>
        #end
        
        <div class = "row" style="margin-bottom:15px;">
        <div class="col-lg-2">
           <input class="btn btn-primary campare-with" type="submit" value="Compare With">
         </div>
         </div>
        <div class = "row" id = "campareItem">
           <div  class="col-lg-6 form-group">
                <input placeholder="Items" type="text" class="typeahead form-control" id="typeaheadcampareitem" name="Item" data-provide="typeahead" autocomplete="off">
          </div>
          
          <div class="col-lg-2">
           <input class="btn btn-primary product-compare-info" type="submit" value="Submit">    
         </div>
        
        </div>
    </div>
    </div>
   </div>    
  <div class="row">
  <div class="col-lg-6">                

                        
                        
   <h4 class="h4m">Detailed Specification</h4>
         #foreach($x in $cp.getDetailedSpecs())
           <div style="border:1px solid #f3f3f3;margin-bottom:15px;">
           <h5 class="h5m">$x.getTitle()</h5>
        #foreach($xx in $x.getSpecs())   
                 <table style="width:100%">
                  <tr>
                  <td style="width:35%;padding:6px;line-height:15px">$xx.getName()</td>
                  <td>
                            #foreach($xxx in $xx.getValues())  
                            <span>$xxx</span>
                         #end
              </td>
              </tr>
            </table>
         #end
      </div>
    #end
  </div>
 </div>