Subversion Repositories SmartDukaan

 <style>
        .table-striped > tbody > tr:nth-child(odd) > td{
                background: white;
                background-color: white;
        }
        .table-striped > tbody > tr:nth-child(even) > td{
                background: white;
                background-color:white;
        }
        .table-striped > tbody > tr:hover > td,
        .table-striped > tbody > tr:hover {
                background-color: #e98c8f;
                color:white;
        }
        .btn:hover{
                color: grey;
                text-decoration: none;
        }
        .btn-primary:hover{
                color: grey;
                text-decoration: none;
        }
        .sale-details{
                cursor:pointer;
        }
</style>
 <script>
  $(function() {
        $('input[name="dateTime"]').daterangepicker(getSingleDatePicker(),dateRangeCallback);
        });
        
 </script>


<section class="wrapper">
        <div class="row">
                <div class="col-lg-12">
                        <h3 class="page-header"><i class="icon_document_alt"></i>SCHEME</h3>
                        <ol class="breadcrumb">
                                <li><i class="fa fa-home"></i><a href="${rc.contextPath}/dashboard">Home</a></li>
                                <li><i class="icon_document_alt"></i>UNSETTLED PAYMENTS</li>                                                    
                        </ol>
                </div>
        </div>
        <form id="create-warehouse-form">
                <div style="background:white;background-color:white;padding:10px;">
                        <div>
                                <div class = "row">
                                    
                                
                                        <div class="col-lg-2 form-group">
                                                <input placeholder="Transaction Reference" id="transactionReference" name="transactionReference" type="text" value="" class="form-control input-sm">
                                        </div>
                                        
                                        <div class="col-lg-2 form-group">
                                                <input placeholder="Amount" id="amount" name="amount" type="number" value="" class="form-control input-sm">
                                        </div>
                                        
                                        <div class="col-lg-2 form-group">
                                                <input placeholder="Description" id="description" name="description" type="text" size="50" value="" class="form-control input-sm">
                                        </div>
                                        
                                        </div>
                
                           <div class = "row">
                                        <div class="col-lg-2 form-group">
                                          <label for="referencedate">Reference Date :</label> 
                                                <input placeholder="Reference Date" id="referencedate" name="dateTime" type="text" value="" class="form-control input-sm">
                                        </div>
                                        
                                
                                        <div class="col-lg-2">
                                        <label for="referencedate"></label> 
                                         <input class="btn btn-primary create-unsettled-payments" type="button" value="Create Request"> 
                                        </div>  
                                        
                                </div>
                        
                                
                                </div>
                        </div>
                
        </form>
        
        <div id="unsettled-payment-table">
                <div class="row">
                <div class="col-lg-12">
                        <table class="table table-striped table-advance table-hover">
                                <tbody>
                                        <tr>
                                                <th>Id</th>
                                                <th>Transaction Reference</th>
                                                <th>Amount</th>
                                                <th>Reference Date</th>
                                                <th>Description</th>
                                                <th>CreatedTimestamp</th>
                                                <th>Status</th>
                                        </tr>
                                                #if(!$unsettledPayment.isEmpty())
                                                #foreach( $request in $unsettledPayment )
                                                        <tr class="unsettledPayment" data="$request.getId()">
                                                                <td>$request.getId()</td>
                                                                <td>$request.getTransaction_reference()</td>
                                                                <td>$request.getAmount()</td>
                                                                <td>$request.getReference_date().format($dateTimeFormatter)</td>
                                                                <td>$request.getDescription()</td>      
                                                                <td>$request.getCreateTimestamp().format($dateTimeFormatter)</td>
                                                                 <td><button class="btn btn-primary remove-unsettledPayment" data-requestid="$request.getId()"  type="button" style="width:100%;border-radius:0px;">Remove</button>
                                                                     </td>
                                                        </tr>   
                                   #end
                                        #else
                                                <tr>
                                                        <td colspan="12" style="text-align:center;">NO MATCHING DATA FOUND FOR CRITERIA</td>
                                                </tr>
                                        #end
                                </tbody>
                        </table>
                </div>
            </div>
    </div>
</section>