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());
         });

 </script>


 <section class="wrapper">
         <div class="row">
                 <div class="col-lg-12">
                         <h3 class="page-header"><i class="icon_document_alt"></i>WALLET</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-1">
                                        <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>Created Timestamp</th>
                                                <th>Status</th>
                                        </tr>
                                                #if(!$unsettledPayment.isEmpty())
                                                                #foreach( $unsettledPaymentModel in $unsettledPayment )
                                                                <tr class="unsettledPayment" data="$unsettledPaymentModel.getId()">
                                                                        <td>$unsettledPaymentModel.getId()</td>
                                                                        <td>$unsettledPaymentModel.getTransaction_reference()</td>
                                                                        <td>$unsettledPaymentModel.getAmount()</td>
                                                                        <td>$unsettledPaymentModel.getReference_date().format($dateTimeFormatter)</td>
                                                                        <td>$unsettledPaymentModel.getDescription()</td>
                                                                        <td>$unsettledPaymentModel.getCreateTimestamp().format($dateTimeFormatter)</td>
                                                                        <td>
                                                                                <button class="btn btn-primary remove-unsettledPayment"
                                                                                                data-requestid="$unsettledPaymentModel.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>