Subversion Repositories SmartDukaan

<style>


 #loan-summary-detail  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">Loan Summary  ($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 = "loan-summary-detail">
                                <tbody>
                                  <tr>
                                    <th>#</th>
                                        <th>Loan Id</th>
                                        <th>Interest Rate(%)</th>
                                        <th>Initial Amount</th>
                                                <th>Pending Amount</th>
                                                <th>Interest Accrued</th>
                                                <th>Interest Paid</th>
                                                <th>Opening Date</th>
                                                <th>Due Date</th>
                         </tr>  
                         #set($index = 0)
                         
                       #foreach($ls in $loanSummary)
                                                 
                                   #if($ls.isLoanStatus())   
                                 <tr  class="accordion-toggle collapsed" id="accordion1" data-toggle="collapse" data-parent="#accordion1" href="#loan-$index">  
                                #else
                                 <tr  class="accordion-toggle collapsed" id="accordion1" style = "color:green" data-toggle="collapse" data-parent="#accordion1" href="#loan-$index">    
                             
                                #end
                                 <td class="expand-button"></td>        
                                 <td>$ls.getId()</td>
                                  <td>$ls.getInterestRate().setScale(2,$ru)</td>
                                  <td>$ls.getIntialAmount().setScale(2,$ru)</td>
                                  <td>$ls.getPendingAmount().setScale(2,$ru)</td>
                                  <td>$ls.getInterestAccrued().setScale(2,$ru)</td>
                              
                                  <td>$ls.getInterestPaid().setScale(2,$ru)</td>
                                  <td>$ls.getCreatedOn().format($dateTimeFormatter)</td>
                                  <td>$ls.getDueDate().format($dateTimeFormatter)</td>
                                   </tr>        
                              
                                
                                <tr class="hide-table-padding">
                                <td></td>
                                        <td colspan="7">
                                        <div  class="collapse p-7" id="loan-$index">
                                         <table class="table  table-advance" >
                                <tbody>
                                  <tr>
                                        <th>Opening Date</th>
                                        <th>Opening Amount</th>
                                                <th>Interest Accrued</th>
                                                <th>Penal  Amount</th>
                                                <th>Credit Amount</th>
                         </tr>  
                         
                         #foreach($dailyStatement in $ls.getDailyStatementModel()) 
                     
                                    <tr>        
                                      <td>$dailyStatement.getOpeningDate().format($dateFormatter)</td>
                                  <td>$dailyStatement.getOpeningBalance()</td>
                                  <td>$dailyStatement.getInterestAccrued()</td>
                                  <th>$dailyStatement.getPenalAmount()</th>
                                  <td>$dailyStatement.getCreditAmount()</td>
                                   </tr>        
                                  #end
                                 
                                   
                                   </tbody>
                          </table>
                                </div>
                                        </td>
                                        
                                        
                                        </tr>
                                        #set($index=$index+1)
                                        #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>