{% extends 'back_office/bo_layout.html' %}
{% block head %}
{% endblock %}
{% block style %}
 <style type="text/css">
 	.list-group-item{
 		background-color: green;
 		border: 0px;
 	}
 </style>
{% endblock %}
{% block title %} Dashboard {% endblock %} 
{% block content %}
	<h1 class="text-center font-weight-bold mt-2">KSOS JOURNAL</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 %}

	
	
	<div class="row mobile-responsive mt-4">
		
		<div class="col-md-4">
			<div class="card bg-success h-100 font-weight-bold text-center">
				<div class="card-header text-white">
				Journal	Updated
				</div>
				<div class="card-body">
					
					<div class="row text-white text-left mt-1">
						<div class="col-md-8">
							Physical copy
						</div>
						<div class="col-md-4">
							<button class="btn btn-sm btn-link text-white" style="font-size:1.19rem;" onclick="journal_type(2)">{{journal_count.updated_physical}}</button>
						</div>
					</div>
					
					<div class="row text-white text-left mt-1">
						<div class="col-md-8">
							Digital copy
						</div>
						<div class="col-md-4">
							<button class="btn btn-sm btn-link text-white" style="font-size:1.19rem;" onclick="journal_type(3)">{{journal_count.updated_digital}}</button>
						</div>
					</div>
					
				</div>
			</div>			
		</div>
		<div class="col-md-4">
			<div class="card bg-primary h-100 font-weight-bold text-center">
				<div class="card-header text-white">
				 Journal Not	Updated
				</div>
				<div class="card-body">
					
					<div class="row text-white text-left mt-1">
						<div class="col-md-8">
							Physical copy
						</div>
						<div class="col-md-4">
							<button class="btn btn-sm btn-link text-white" style="font-size:1.19rem;" onclick="journal_type(0)">{{journal_count.not_updated_physical}}</button>
						</div>
					</div>
					
					<div class="row text-white text-left mt-1">
						<div class="col-md-8">
							Digital copy
						</div>
						<div class="col-md-4">
							<button class="btn btn-sm btn-link text-white" style="font-size:1.19rem;" onclick="journal_type(1)">{{journal_count.not_updated_digital}}</button>
						</div>
					</div>
					
				</div>
			</div>
			
		</div>
		<div class="col-md-4">
			<div class="card bg-secondary h-100 font-weight-bold text-center">
				<div class="card-header text-white">
					Total Journal
				</div>
				<div class="card-body">
					
					<div class="row text-white text-left mt-1">
						<div class="col-md-8">
							Physical copy
						</div>
						<div class="col-md-4">
							<button class="btn btn-sm btn-link text-white" style="font-size:1.19rem;" onclick="journal_type('0,2')">{{journal_count.total_physical}}</button>
						</div>
					</div>
					
					<div class="row text-white text-left mt-1">
						<div class="col-md-8">
							Digital copy
						</div>
						<div class="col-md-4">
							<button class="btn btn-sm btn-link text-white" style="font-size:1.19rem;"  onclick="journal_type('1,3')">{{journal_count.total_digital}}</button>
						</div>
					</div>
					
				</div>
			</div>
		</div>
	</div><br>
	
	<div id="view_all_member"></div>
		
		
{% endblock %}
{% block script %}
<script type="text/javascript">
	var BaseUrl = document.location.origin
	var BaseUrl = document.location.origin



	var society_id = "{{society_id}}";
	var society_key = "{{society_key}}";
	
	function journal_type(e_journal_opt_in)
	{
		
		search_name =$("#search_name").val();
		search_email =$("#search_email").val();
		search_mobile =$("#search_mobile").val();
		from_memno =$("#from_memno").val();
		end_memno =$("#end_memno").val();
		$.ajax({
			type: 'POST',
			url: BaseUrl+"/bo/kjo_journal_table/"+society_id+"/"+society_key,
			data: {
				
				'e_journal_opt_in'	: e_journal_opt_in,
				'search_name'       : search_name,
				'search_email'      : search_email,
				'search_mobile'     : search_mobile,
				'from_memno'        : from_memno,
				'end_memno'         : end_memno

			},
			dataType: 'json',
			success: function(data){
				html_data = data.html_data
				status = data.status
				if (status==1){
					$("#view_all_member").html(html_data);
					$("#view_all_member").show()
					new DataTable('#myTable', {
                         responsive: true,
                         searching: true,
                         paging: false
                    });									
				}
				else{
					alert("User not found");
					location.reload(true);
				}			
			},
			});
		
		
	}





	function change_journal(e_journal_opt_in,user_id)

{
	if (e_journal_opt_in == 0 || e_journal_opt_in == 2 ){
		
		if (confirm("Are you sure you want to change hard copy to digital copy?")) {
				update_journal = 3;


		$.ajax({
			type: 'POST',
			url: BaseUrl+"/bo/change_journal_type/"+society_id+"/"+society_key,
			data: {
				'update_journal':update_journal,
				'user_id':user_id
			},
			dataType: 'json',
			success: function(data){
				msg     = data.msg
				status  = data.status
				if (status==1){
					
					location.reload(true);
				}
				else{
					alert(msg);
				}			
			},
			});
		}
		else{
			return false;
		}
	
	}

	else if(e_journal_opt_in == 1 || e_journal_opt_in == 3)
	{
		if (confirm("Are you sure you want to change from digital to hard copy?")) {
		update_journal = 2;

		$.ajax({
			type: 'POST',
			url: BaseUrl+"/bo/change_journal_type/"+society_id+"/"+society_key,
			data: {
				'update_journal':update_journal,
				'user_id':user_id
			},
			dataType: 'json',
			success: function(data){
				msg     = data.msg
				status  = data.status
				if (status==1){
					
					location.reload(true);
				}
				else{
					alert(msg);
				}			
			},
			});
		}
		else{
			return false;
		}
	}
	else{

	}

   
   
}


	

</script>
{% endblock %}