{% extends 'back_office/bo_layout.html' %}
{% block head %}
{% endblock %}
{% block title %}Payment verification page{% endblock %} 
{% block content %}
	<h1 class="text-center font-weight-bold mt-2">PAYMENT VERIFICATION</h1>
	{% for mesg in get_flashed_messages(category_filter=["successMsg"]) %}
	<div class="alert alert-success text-center alert-dismissible" id="successMessage" >
		<a href="#" class="close" data-dismiss="alert" aria-label="close">&times;</a>
		<h4><img src="/static/images/right.png" alt="right" height="21" width="21">{{ mesg }}</h4>
	</div>    
	{% endfor %}
	{% for mesg in get_flashed_messages(category_filter=["errorMsg"]) %}
	<div class="alert alert-danger text-center alert-dismissible" id="successMessage" >
		<a href="#" class="close" data-dismiss="alert" aria-label="close">&times;</a>
		<h4><img src="/static/images/wrong_img.png" alt="wrong" height="21" width="21">{{ mesg }}</h4>
	</div>
	{% endfor %}
	<form method="POST" id="search_frm" action="">
		
		
		<div class="mobile-responsive">
			<table class="table table-striped table-bordered bg-white" id="myTable" style="font-size: 14px;">
				<thead class="thead-dark text-white font-weight-bold text-center">
					<tr>
						<th scope="col">Sno</th>
						<!--<th scope="col">View</th>-->
						<th scope="col">Full name</th>
						<th scope="col">Email id/<br> Mobile</th>
						<th scope="col">Payment Status</th>
						<th scope="col">Amount</th>
						<th scope="col">Payment Unique Id</th>
						<th scope="col">Created on</th>
						
						   
					</tr>
				</thead>
				<tbody>
				{% if data :%}
					{% for user in data %}
				
				<tr>
					<td data-label="SNO"  style="color:#94979a">{{loop.index}}</td>
					<!--<td data-label="View">-->
					<!--	<a href="{{url_for('backoffice.ViewVerification',user_id=Cryptography.encrypt(user.user_id),payment_id=user.payment_id,status_id=user.status_id,society_id=society_id,society_key=society_key)}}" target="_blank" target="_blank">View</a>-->
					<!--</td>-->
					<td data-label="Full Name">{{user.prefix or ""}}{{user.full_name or ""}}</td>
					<td data-label="Email / Mobile">
						{{user.email or ""}}{% if user.email or user.mobile: %}/{% endif %}<br>{{user.mobile or ""}}			
					</td>
					<td data-label="Payment status">{{user.status or ''}}</td>    
					<td data-label="Amount">{{user.amount or ''}}</td>
					<td data-label="unique_id">
						<a href="{{url_for('backoffice.PostPaymentCheck',society_id=society_id,society_key=society_key,unique_id=user.unique_id)}}" >{{user.unique_id or ''}}</a>
					</td>     
					<td data-label="created">{{user.created_at or ''}}</td>
					
				</tr>
					{% endfor %}
				{% endif %}
				</tbody>
			</table>
		</div>
		
	</form>    
{% endblock %}
{% block script %}
<script type="text/javascript">
	var BaseUrl = document.location.origin
	$("#collapseFilter").hide(); 
	$(document).ready(function() {
		var filter_visible = $("#filter_visible").val();
		if (filter_visible ==1) {
			$("#collapseFilter").show();   
		} else {
			$("#collapseFilter").hide(); 
		}
		$("#filter").click(function() {
			$("#filter_visible").val(1);
			$("#collapseFilter").toggle();     
		})
		$("#search_button").click(function() {
			$("#filter_visible").val(1);
			$("#collapseFilter").show();          
		})
		$('#clear_button').click(function(){
			$('input[type=search]').each(function() 
			{
				$(this).val('');
			});
			$('#search_member_type').each(function(){
				$(this).val('')
			}); 
			$("#filter_visible").val(0);
			$("#page").val(1)
			$("#collapseFilter").hide();   
		})
		$("#refresh").click(function()
		{
			location.reload();
			$("#filter_visible").val(0);
			$("#collapseFilter").hide();
		});
	});   
</script>
{% endblock %}