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="fa fa-google-wallet"></i>WALLET</h3>

			<ol class="breadcrumb">

				<li><i class="fa fa-home"></i><a href="${rc.contextPath}/dashboard">Home</a></li>

				<li><i class="fa fa-google-wallet"></i>WALLET</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>

			#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>

					<button type="submit" class="btn btn-primary mk_fetch_account" >Download Account Statement</button>

				</div>

			</div>

			#if($isAdmin)

			<div class="col-lg-3">

				<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>

			</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(), dateRangeCallback);

		$('.mk_fetch_statement').click(function(){

			if(typeof fofoId!="undefined") {

				window.location.href=context+"/wallet/statement?startDate="+startDate+"&endDate="+endDate+"&fofoId=" + fofoId+"&q="+new Date().getTime();

			} else {

				window.location.href=context+"/wallet/statement?startDate="+startDate+"&endDate="+endDate+"&q="+new Date().getTime();

			}			

		});

		$('.mk_fetch_account').click(function(){

			if(typeof fofoId!="undefined") {

				window.location.href=context+"/account/statement?startDate="+startDate+"&endDate="+endDate+"&fofoId=" + fofoId+"&q="+new Date().getTime();

			} else {

				window.location.href=context+"/account/statement?startDate="+startDate+"&endDate="+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>