{% extends 'back_office/bo_layout.html' %}
{% block head %}
{% endblock %}
{% block title %}View Form{% endblock %} 
{% block content %}
   
	<div class="container p-2 bg-white">
		<form method="POST" id="verify_form" action="{{url_for('backoffice.MakePaymentSuccess',society_id=society_id,society_key=society_key)}}">
			<div class="row">
				<div class="col-md-12 text-center">
					<br>
					<label><h2>Membership Application of {% if user.prefix: %}{{user.prefix}}{{user.full_name}}{% else %}{{user.full_name or ''}}{% endif %}</h2></label>
				</div>
			</div>
			{% 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 %}
			<div class="bg-light p-4">
				<div class="row form-group">
					<div class="col-md-6">
						<label>Full Name:</label>
					</div>
					<div class="col-md-6">
						{% if user.prefix and user.full_name: %}
							<h4 class="font-weight-bold">{{user.prefix or ""}}{{user.full_name or ""}}</h4>
						{% else %}
							<h4 class="font-weight-bold">{{user.full_name or ''}}</h4>
						{% endif %}
					</div>
				</div>
				<div class="row form-group">
					<div class="col-md-6">
						<label>Email id:</label> 
					</div>
					<div class="col-md-6">
						<h5>{{data.email or '-'}}</h5>
					</div>
				</div>
				<div class="row form-group">
					<div class="col-md-6">
						<label>Mobile Number:</label>
					</div>
					<div class="col-md-6">
						<h5>{{data.mobile  or '-'}}</h5>
					</div>
				</div>
				<div class="row form-group">
					<div class="col-md-6">
						<label>Unique Id:</label>
					</div>
					<div class="col-md-6">
						<h5>{{data.unique_id  or '-'}}</h5>
						<input type="hidden" name="unique_id" id="unique_id" value="{{data.unique_id or ''}}">
					</div>
				</div>
				<div class="row form-group">
					<div class="col-md-6">
						<label>Amount:</label>
					</div>
					<div class="col-md-6">
						<h5>{{data.amount  or '-'}}</h5>
						<input type="hidden" name="amount" id="amount" value="{{data.amount or ''}}">
					</div>
				</div>
				<div class="row form-group">
					<div class="col-md-6">
						<label>Status:</label>
					</div>
					<div class="col-md-6">
						<h5 class="font-weight-bold">{{data.status  or '-'}}</h5>
						<input type="hidden" name="status" id="status" value="{{data.status or ''}}">
					</div>
				</div>
				<div class="row form-group">
					<div class="col-md-6">
						<label>Payment Id:</label>
					</div>
					<div class="col-md-6">
						<h5>{{data.payment_id  or '-'}}</h5>
						<input type="hidden" name="payment_id" id="payment_id" value="{{data.payment_id or ''}}">
					</div>
				</div>
				<div class="row form-group">
					<div class="col-md-6">
						<label>Created At :</label>
					</div>
					<div class="col-md-6">
						<h5>{{data.created_at  or '-'}}</h5>
						<input type="hidden" name="created_at" id="created_at" value="{{data.created_at or ''}}">
					</div>
				</div>
				<div class="row form-group">
					<div class="col-md-6">
						<label>Payment Mode:</label>
					</div>
					<div class="col-md-6">
						<h5>{{data.payment_mode  or '-'}}</h5>
						<input type="hidden" name="payment_mode" id="payment_mode" value="{{data.payment_mode or ''}}">
					</div>
				</div>
				<div class="row">
					<div class="col-md-6"></div>
					<div class="col-md-6">
						{% if data.status == "Shipped" or data.status == "success" : %}
							{% if user.status !="success" and (data.status == "Shipped" or data.status == "success") : %}
							<input type="submit" class="btn btn-success font-weight-bold" name="success_payment" id="success_payment" value="Make Payment Success">
							{% else %}
								<h4 class="font-weight-bold">All Ready Membership Number Generated to this unique id - {{user.membership_no}}</h4>
								<a href="{{url_for('backoffice.PaymentVerification',society_id=society_id,society_key=society_key)}}" type="button" class="btn btn-primary mr-5-3 " >Back </a>
							{% endif %}
						{% else %}
								<h4 class="font-weight-bold">Payment is not yet Completed.</h4>
								<a href="{{url_for('backoffice.PaymentVerification',society_id=society_id,society_key=society_key)}}" type="button" class="btn btn-primary mr-5-3 " >Back </a>

						{% endif %}
						
					</div>
				</div>
				
				<input type="hidden" name="society_id" id="society_id" value="{{society_id}}">
				<input type="hidden" name="society_key" id="society_key" value="{{society_key}}">
				
				
				


			</div>
               
			
		</form>
	</div>
{% endblock %}
{% block script %}
<script type="text/javascript">

    var BaseUrl = document.location.origin
	var oneMB   = 1048576 

	// var society_id    = "{{ society_id }}"
	$(document).ready(function()
	{
		
		$( "#payment_success" ).click(function() {
				validate_update_form();
				if (!$("#verify_form").valid())
					{
						return false;
					}   
					   
				});
	

	$( "#Payment_reject" ).click(function() {

		if(confirm("Are you sure you want to reject payment?"))
			        {
					    validate_update_form();
						if (!$("#verify_form").valid())
							{
								return false;
							}  							    
					}
				else{
					return false;
				}
				   
			});

	});






function validate_update_form()
	{
			errorclass : 'error',
			$("#verify_form").validate({

				rules : {
					payment_method  :"required",
					unique_id		:"required",
					paid_on         :"required",
					api_payment_id  :"required",
					amount          :"required",
					remark		    :"required"
				},
				messages : {
					payment_method   : "Please enter the payment method",
					unique_id		 : "Please enter the unique_id",
					paid_on          : "Please enter the paid on date",
					api_payment_id   : "Please enter the Api payment Id",
					amount 		     : "Please enter the amount",
					remark		     : "Please enter the remark"
				}
			});
	 }	

</script>  
{% endblock %}