Subversion Repositories SmartDukaan

<style>


 #brand-instock tr.hide-table-padding td {
  padding: 0;
}

.expand-button {
        position: relative;
}

.accordion-toggle .expand-button:after
{
  position: absolute;
  left:.75rem;
  top: 50%;
  transform: translate(0, -50%);
  content: '-';
}
.accordion-toggle.collapsed .expand-button:after
{
  content: '+';
}

</style>


 <div class="modal-header">
                <button type="button" class="close" data-dismiss="modal">&times;</button>
                <h4 class="modal-title">Brand Wise In Stock  ($customRetailer.getBusinessName())
                </h4>
       </div>
  <div class="modal-body" style="height:400px;overflow:auto;">
    <div class = "row">
       <div class="col-lg-12">
                
                     <table class="table  table-advance" id = "brand-instock">
                                <tbody>
                                  <tr>
                                    <th>#</th>
                                        <th>Brand</th>
                                        <th>Quantity</th>
                                                <th>Amount</th>
                         </tr>  
                         #set($index = 0)
                         
                       #foreach($brand in $mobileStock)
                                                    
                                 <tr  class="accordion-toggle collapsed" id="accordion1" data-toggle="collapse" data-parent="#accordion1" href="#brand-$index"> 
                                 <td class="expand-button"></td>        
                                 <td>$brand.getBrand()</td>
                                  <td>$brand.getQty()</td>
                                  <td class="currency">$brand.getAmount()</td>
                                   </tr>        
                              
                                
                                <tr class="hide-table-padding">
                                <td></td>
                                        <td colspan="3">
                                        <div  class="collapse p-3" id="brand-$index">
                                         <table class="table  table-advance" >
                                <tbody>
                                  <tr>
                                        <th width="36%">Item</th>
                                        <th>Quantity</th>
                                                <th>Amount</th>
                         </tr>  
                         
                         #foreach($brands in $stockItemMap.get($brand.getBrand())) 
                     
                                    <tr>        
                                      <td>$brands.getModelNumber() $brands.getColor()</td>
                                  <td>$brands.getQty()</td>
                                  <td class="currency">$brands.getAmount()</td>
                                   </tr>        
                                  #end
                                 
                                   
                                   </tbody>
                          </table>
                                </div>
                                        </td>
                                        
                                        
                                        </tr>
                                        #set($index=$index+1)
                                        #end
                                        
                                         #foreach($accessbrand in $accesStock)              
                                 <tr>   
                                 <td></td>      
                                 <td>$accessbrand.getBrand()</td>
                                  <td>$accessbrand.getQty()</td>
                                  <td class="currency">$accessbrand.getAmount()</td>
                                   </tr>
                                  #end
                            </tbody>
                     </table>
                
                 </div> 
              </div>    
          </div>
  
        <div class="modal-footer">
      <button type="button" data-dismiss="modal" class="btn btn-default view-close">Close</button>
        </div>