Subversion Repositories SmartDukaan

<style>
.grn-product-info{
        float:left;
}
.vertical-center {
  display: flex;
  align-items: center;
}
.span-bold{
        font-weight:bold;
        margin-right:5px;
}
</style>
<section class="wrapper">
        <div class="row">
                <div class="col-lg-12">
                        <h3 class="page-header"><i class="icon_document_alt"></i>WALLET STATEMENT</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>WALLET STATEMENT</li>
                        </ol>
                </div>
        </div>
        
        
        
        <div id="wallet-history-search">
        <div class="row">
                        <div class="col-lg-1">
                                <h4>Wallet Balance</h4>
                        </div>
                        <div class="col-lg-1">
                                #if($userWallet)
                                        <h4>Rs.$userWallet.getAmount()</h4>     
                                #else
                                        <h4>NA</h4>
                                #end
                        </div>

                        <div class="col-lg-3">
                    <h6 class="modelHeaderCustom" style="font-size:22px;">Total  Dues:$totalDue.setScale(2,$ru) </h6>
                   </div>
                   <div class="col-lg-3">
                   <h6 class="modelHeaderCustom" style="font-size:22px;">Total Credit Limit:$creditlimit.setScale(2,$ru) </h6>
                   </div>
                     <div class="col-lg-3">
                          <h6 class="modelHeaderCustom" style="font-size:22px;">Available Credit Limit:$availableLimit.setScale(2,$ru) </h6>
                     </div>


                        #if ($isAdmin)
                <div class="col-lg-2">
                <div class="input-group">
                                <input id="partnerId" type="text" class="typeahead form-control form-control-sm" placeholder="Search Partner" data-provide="typeahead" 
                                 #if(${retailerName}) value="${retailerName}" #end
                                 autocomplete="off"/>
                        </div>
                </div>
                #end
                        <div class="col-lg-3">
                                <div class="form-inline">
                                        <div class="form-group">
                                                <div class="input-group">
                                                        <input placeholder = "Choose Range" id="walletRanges" name="walletRanges" type="text" value="" class="form-control">
                                        </div>
                                        </div>
                                        <button type="submit" class="btn btn-primary mk_fetch_statement" >Download Statement</button>
                                </div>
                        </div>
                        <div class="col-lg-4">
                                        <div class="form-inline">
                                                <div class="form-group">
                                                        <div class="input-group">
                                                                <input placeholder = "Choose Range" id="walletRanges" name="walletRanges" type="text" value="" class="form-control">
                                                </div>
                                                </div>
                                                <button type="submit" class="btn btn-primary mk_fetch_account" >Download Account Statement</button>
                                        </div>
                                </div>
                        #if($isAdmin)
                        <div class="col-lg-12">
                                <div class="form-inline">
                                        <div class="form-group">
                                                <div class="input-group">
                                                        <input type="date" class="closingDate">
                                        </div>
                                        </div>
                                        <button type="submit" class="btn btn-primary mk_closing_statement" >Download Closing</button>
                                </div><br>
                        </div>
                        #end
        </div>
        </div>
        <div id="wallet-history-table">
                <div class="row">
                <div class="col-lg-12">
                        <table class="table table-striped table-advance table-hover">
                                <tbody>
                                        <tr>
                                                <th>Id</th>
                                                <th>Reference</th>
                                                <th>Reference Type</th>
                                                <th>+ / -</th>
                                                <th>Amount</th>
                                                <th>Date</th>
                                                <th>Description</th>
                                        </tr>
                                        #if(!$walletHistories.isEmpty())
                                                #foreach( $walletHistory in $walletHistories )
                                                        <tr class="wallet-details" data="$walletHistory.getId()">
                                                                <td>$walletHistory.getId()</td>
                                                                <td>$walletHistory.getReference()</td>
                                                                <td>$walletHistory.getReferenceType()</td>
                                                                #if($walletHistory.getAmount() >= 0)
                                                                        <td>+</td>
                                                                        <td>$walletHistory.getAmount()</td>
                                                                #else
                                                                        <td>-</td>
                                                                        #set($amount = 0-$walletHistory.getAmount())
                                                                        <td>$amount</td>
                                                                #end
                                                                <td>$walletHistory.getFormattedDate()</td>
                                                                #if($walletHistory.getDescription())
                                                                        <td>$walletHistory.getDescription()</td>
                                                                #else
                                                                        <td></td>
                                                                #end
                                                        </tr>
                                                #end
                                        #else
                                                <tr>
                                                        <td colspan="6" style="text-align:center;">NO MATCHING DATA FOUND FOR CRITERIA</td>
                                                </tr>
                                        #end
                                </tbody>
                        </table>
                </div>
            </div>
    </div>
    #if(!$walletHistories.isEmpty())
        <div class="row" id="wallet-history-paginated">
                <div class="col-lg-9">
                        <p>Showing <span class="start">$start</span> to <span class="end">$end</span> of <span class="size">$size</span> items</p>
                </div>
                <div class="col-lg-3" style="text-align:right;">
                                <div class="btn-group" style="width:40%">
                                        <button class="btn btn-primary previous" disabled="disabled" style="width:100%">Previous</button>
                                </div>
                                <div class="btn-group" style="width:40%">
                                        #if($end >= $size)
                                                <button class="btn btn-primary next" style="width:100%" disabled="disabled">Next</button>
                                        #else
                                                <button class="btn btn-primary next" style="width:100%">Next</button>
                                        #end
                                </div>
                </div>
            </div>
    #end
</section>
<script type="text/javascript">
        $(function () {
                $('input[name="walletRanges"]').daterangepicker(getRangedDatePicker());
                $('.mk_fetch_statement').click(function () {
                        let walletRangePicker = getDatesFromPicker('input[name="walletRanges"]');
                        if (typeof fofoId != "undefined") {
                                window.location.href = context + "/wallet/statement?startDate=" + walletRangePicker.startDate + "&endDate=" + walletRangePicker.endDate + "&fofoId=" + fofoId + "&q=" + new Date().getTime();
                        } else {
                                window.location.href = context + "/wallet/statement?startDate=" + walletRangePicker.startDate + "&endDate=" + walletRangePicker.endDate + "&q=" + new Date().getTime();
                        }
                });
                $('.mk_fetch_account').click(function () {
                        let walletDateRanges = getDatesFromPicker('input[name="walletRanges"]');
                        if (typeof fofoId != "undefined") {
                                window.location.href = context + "/account/statement?startDate=" + walletDateRanges.startDate + "&endDate=" + walletDateRanges.endDate + "&fofoId=" + fofoId + "&q=" + new Date().getTime();
                        } else {
                                window.location.href = context + "/account/statement?startDate=" + walletDateRanges.startDate + "&endDate=" + walletDateRanges.endDate + "&q=" + new Date().getTime();
                        }
                });
                $('.mk_closing_statement').click(function () {
                                        var closingDate = $('.closingDate').val();
                                        if (closingDate == "") {
                                                alert("Closing date is required");
                                                return;
                                        }
                                        window.location.href = context + "/account/closing-statements?closingDate=" + closingDate + "&q=" + new Date().getTime();
                                }
                );
                getPartnerAheadOptions($("#partnerId"),function(selectedPartner){
                        fofoId = selectedPartner.partnerId;
                        $("#walletRanges").focus();
                });
        });
</script>
<div id="wallet-history-details-container" style="background:white;background-color:white;">
</div>