{% 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="view_form" action="{{url_for('backoffice.ApprovedRejectedLifeMember',user_id=Cryptography.encrypt(user.user_id),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>
					<!-- {% if society_id|int == 12 %}
					<a href="{{url_for('backoffice.AddNewMember',user_id=encrypt_user_id,society_id=society_id,society_key=society_key)}}" target="_blank" class="btn btn-primary pull-right">Edit</a>
					{% else %}
					<a href="{{url_for('backoffice.getMemberEdit',user_id=encrypt_user_id,society_id=society_id,society_key=society_key)}}" target="_blank" class="btn btn-primary pull-right">Edit</a>
					{% endif %} -->
				</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 %}
			{% if user.membership_no: %}
			<div class="alert alert-success border border-success" id="mem_detail">
				<h4>Membership Number:<span class="text-danger ml-2">{{user.membership_no}}</span></h4>
				<h4>Member Type:<span class="text-danger ml-2">{{member.member_type or ""}}</span></h4>
				{% if user.updated_at: %}
					<h4>Last Modified On:<span class="text-danger ml-2">{{user.updated_at.strftime('%d-%m-%Y %H:%M') or ""}}</span></h4>
				{% endif %}
				{% if user.joined_at: %}
					<h4>Approved On:<span class="text-danger ml-2">{{user.joined_at.strftime('%d-%m-%Y %H:%M') or ""}}</span></h4>
				{% endif %}
				{% if member.approved_rejected_by: %}
					{% if user.status_id == societyData['ms_rejected_status_id']: %}
						<h4>Rejected by:<span class="text-danger ml-2">{{member.approved_rejected_by or ''}}</span></h4>
					{% else %}
						<h4>Approved by:<span class="text-danger ml-2">{{member.approved_rejected_by or ''}}</span></h4>
					{% endif %}

					
				{% endif %}
				<!-- {% if user.member_type_id  == Helper.AssociateMemberId and (society_id|int==1 or society_id|int==9) %}
				   <button type="button" class="btn btn-primary" data-toggle="modal" data-target="#myModal" target="_blank">  Change Associate member to Life member</button>
				{% endif %}
				{% if user.member_type_id  == Helper.LifeMemberId and (society_id|int==3 or society_id|int==9) %}
				   <button type="button" class="btn btn-primary" onclick="change_member_type('{{member.member_type}}')">  Change Life member to National member</button>
				{% endif %}
				{% if user.member_type_id  == Helper.NationalMemberId and (society_id|int==3 or society_id|int==9) %}
				   <button type="button" class="btn btn-primary" onclick="change_member_type('{{member.member_type}}')">  Change National member to Life member</button>
				{% endif %} -->
			</div>
			{% endif %}


			<div id="view_mail"></div>
			
			<input type="hidden" name="e_user_id" id="e_user_id" value="{{Cryptography.encrypt(user.user_id)}}">
			<input type="hidden" id="prev_member_type" name="prev_member_type" value="{{user.member_type or ''}}">
			<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>Date Of Birth:</label>
					</div>
					<div class="col-md-6">
						{% if user.dob %}
							<h5>{{user.dob.strftime('%d-%m-%Y')}}</h5>
						{% else %}
							<h5>-</h5>
						{% endif %} 
					</div>
				</div>
				<div class="row form-group">
					<div class="col-md-6">
						<label>Gender:</label>
					</div>
					<div class="col-md-6">
						<h5>{{user.gender or '-'}}</h5>
					</div>
				</div>
				<div class="row form-group">
					<div class="col-md-6">
						<label>Email id:</label> 
					</div>
					<div class="col-md-6">
						<h5>{{user.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>{{user.mobile  or '-'}}</h5>
					</div>
				</div>
				<div class="row form-group">
					<div class="col-md-6">
						<label>Whatsapp Number:</label>
					</div>
					<div class="col-md-6">
						<h5>{{user.whatsapp_number  or '-'}}</h5>
					</div>
				</div>
				{% if society_key in Helper.AadhaarNumber: %}
				<div class="row form-group">
					<div class="col-md-6">
						<label>Aadhaar Number:</label>
					</div>
					<div class="col-md-6">
						<h5>{{user.aadhaar_number or '-'}}</h5>
					</div>
				</div>
				{% endif %}
				{% if society_key in Helper.AiosMembershipNumber: %}
				<div class="row form-group">
					<div class="col-md-6">
						<label>AIOS Membership Number:</label>
					</div>
					<div class="col-md-6">
						<h5>{{user.aios_membership_number or '-'}}</h5>
					</div>
				</div>
				{% endif %}
				<div class="row form-group">
					<div class="col-md-6">
						<label>Medical Council Number:</label>
					</div>
					<div class="col-md-6">
						<h5>{{user.mc_number or '-'}}</h5>
					</div>
				</div>
				<div class="row form-group">
					<div class="col-md-6">
						<label>Medical Council State:</label>
					</div>
					<div class="col-md-6">
						<h5>{{user.mc_state or "-"}}</h5>
					   
					</div>
				</div>
				<div class="row form-group">
					<div class="col-md-6">
						<label>Address:</label>
					</div>
					<div class="col-md-6">
						{% if user.address1 or user.address2 or user.address3: %}
							<h5>{{user.address1 or ""}}</h5>
							<h5>{% if user.address2: %}{{user.address2}}{% else %} {% endif %}</h5>
							<h5>{% if user.address3: %}{{user.address3}}{% else %} {% endif %}</h5>
						{% else %}
							<h5>-</h5>
						{% endif %}
					</div>
				</div>
				<div class="row form-group">
					<div class="col-md-6">
						<label>District:</label>
					</div>
					<div class="col-md-6">
						<h5>{{user.district or '-'}}</h5>
					</div>
				</div>
				<div class="row form-group">
					<div class="col-md-6">
						<label>City:</label>
					</div>
					<div class="col-md-6">
						<h5>{{user.city or '-'}}</h5>
					</div>
				</div>
				<div class="row form-group">
					<div class="col-md-6">
						<label>Pin Code/Zip Code:</label>
					</div>
					<div class="col-md-6">
						<h5>{{user.pincode or '-'}}</h5>
					</div>
				</div>
				<div class="row form-group">
					<div class="col-md-6">
						<label>State:</label>
					</div>
					<div class="col-md-6">
						<h5>{{user.state_name or '-'}}</h5>
					</div>
				</div>
				<div class="row form-group">
					<div class="col-md-6">
						<label>Country:</label>
					</div>
					<div class="col-md-6">
						<h5>{{user.country_name or '-'}}</h5>
					</div>
				</div>
				{% if Helper.HospitalAddress.get(society_key,None) %}
				<div class="row form-group">
					<div class="col-md-6">
						<label>Institution/Hospital Address:</label>
					</div>
					<div class="col-md-6">
						{% if user.hos_address1 or user.hos_address2 or user.hos_address3: %}
							<h5>{{user.hos_address1 or ""}}</h5>
							{% if user.hos_address2: %}<h5>{{user.hos_address2}}</h5>{% endif %}
							{% if user.hos_address3: %}<h5>{{user.hos_address3}}</h5>{% endif %}
						{% else %}
							<h5>-</h5>
						{% endif %}
					</div>
				</div>
				{% endif %}
			</div>
			
			<br>
			{% if datas: %}
			<h4  class="bg-dark text-white mb-0 border p-3 font-weight-bold">Qualification/Fellowship</h4>
			<div class="mobile-responsive">
				<table class="table table-striped table-bordered bg-white">
					<thead>
						<tr> 
							<th scope="col">SNo</th>
							<th scope="col">Qualification/Fellowship</th>
							<th scope="col">From</th>
							<th scope="col">Passing Out</th>
							<th scope="col">Institution/University</th>
						</tr>
					</thead>
					<tbody >
						{% for qualification in datas %}
						<tr id="{{qualification.uq_id}}" >
							<td data-label="SNo">{{loop.index}}</td>
							<td data-label="Qualification/Fellowship">{{qualification.qualification or ""}}</td>
							<td data-label="From">{{qualification.year_from or ""}}</td>
							<td data-label="Passing">{{qualification.year_passing or ""}} </td>
							<td data-label="Institution/University">{{qualification.institution or ""}}</td>
						</tr>
						{% endfor %}
					</tbody>
				</table>
			</div>
			{% endif %}
			<br>
			{% if user_training: %}
			<h4  class="bg-dark text-white mb-0 border p-3 font-weight-bold">Training in endoscopic surgery/procedures</h4>
			<div class="mobile-responsive">
				<table class="table table-striped table-bordered bg-white">
					<thead>
						<tr> 
							<th scope="col">SNo</th>
							<th scope="col">Institution</th>
							<th scope="col">From(Date)</th>
							<th scope="col">Duration</th>
							<th scope="col">Teacher</th>
						</tr>
					</thead>
					<tbody >
						{% for training_data in user_training %}
						<tr>
							<td data-label="SNo">{{loop.index}}</td>
							<td data-label="Institution">{{training_data.institution or ""}}</td>
							<td data-label="From(Date)">{{training_data.from_date.strftime('%d-%m-%Y') or ""}}</td>
							<td data-label="Duration">{{training_data.duration or ""}} </td>
							<td data-label="Teacher">{{training_data.teacher or ""}}</td>
						</tr>
						{% endfor %}
					</tbody>
				</table>
			</div>
			{% endif %}
			<br>
			{% if data: %}
			<h4  class="bg-dark text-white mb-0 border p-3 font-weight-bold">Experience</h4>
			<div class="mobile-responsive">
				<table class="table table-striped table-bordered bg-light">
					<thead>
						<tr>
							<th scope="col">Sno</th>
							<th scope="col">Institution/Hospital type</th>
							{% if society_id|int == 3 %}
							<th scope="col">Position Type</th>
							{% endif %}
							<th scope="col">Status</th>
							<th scope="col">Work Since</th>
							<th scope="col">Work Until</th>
							<th scope="col">Institution/Hospital</th>
						</tr>
					</thead>
					<tbody >
						{% for work in data %}
						<tr id="{{work.work_id}}" >
							<td data-label="SNo">{{loop.index}}</td>
							<td data-label="Work Type">{{work.work_type or ""}}</td>
							{% if society_id|int == 3 %}
							<td data-label="Position Type">{{work.position_type or ""}}</th>
							{% endif %}
							<td data-label="Work Status">{{work.work_status or ""}}</td>
							<td data-label="Work Since">{{work.work_since or ""}} </td>
							{% if work.work_until==0 %} 
							<td data-label="Work Until"></td>  
							{% else %}
							<td data-label="Work Until">{{work.work_until or ""}}</td>
							{% endif %}
							<td data-label="Work Place/College">{{work.work_place or ""}}</td>                                    
						</tr>
						{% endfor %}
					</tbody>
				</table>
			</div>
			<br>
			{% endif %}
			{% if user_other_society: %}
			<h4  class="bg-dark text-white mb-0 border p-3 font-weight-bold">Membership of other Associations/Societies</h4>	  
			<div class="mobile-responsive">
				<table class="table table-striped table-bordered bg-light" id="myTable">
					<thead>
						<tr>
							<th scope="col">SNo</th>
							<th scope="col">Associations/Society</th>
							<th scope="col">Membership No</th>
						</tr>
					</thead>
					<tbody >
						{% for row in user_other_society %}
						<tr >
							<td data-label="SNo">{{loop.index}}</td>
							<td data-label="Associations/Society">{{row.other_society_name or ""}}</td>
							<td data-label="Description">{{row.other_membership_no or ""}}</td>
						</tr>
					   {% endfor %}
					</tbody>
				</table>
			</div> 
			<br> 
			{% endif %} 
			{% if image : %}
			<h4 class="font-weight-bold" style="color:rgb(3, 3, 133);">Attachment</h4>
			<div class="row">
				{% for user_attach in image %}
				{% if user_attach.attach_type_id == Helper.FellowshipAttachId1.get(society_key,None) or user_attach.attach_type_id == Helper.FellowshipAttachId2.get(society_key,None) : %}
				<div class="col-md-12 mb-4 ">
					<div class="card text-black mb-3 pagebreak" >
						<div class="card-header">{{user_attach.attach_type}}</div>
						<div class="card-body ">
						    <input type="hidden" name="attach_id" id="attach_id"value="{{user_attach.attach_id or 0}}">
							<input type="hidden" id="attach_type_id" name="attach_type_id" value="{{user_attach.attach_type_id}}">
							<div id="show_img_{{user_attach.attach_type_id}}" class="attachment-preview" >
								{% if user_attach.attach_file_name %}
									{% set  src= user_attach.attach_path|string+"/"+user_attach.attach_file_name|string %}
									{% if  ".pdf" in user_attach.attach_file_name or ".PDF" in user_attach.attach_file_name :%}
										<a href="{{ src }}" target="_blank"><iframe src="{{ src }}" id="iframe_{{user_attach.attach_type_id}}" class="responsive-iframe iframe-custom-responsive" alt="{{user_attach.attach_type}}"allow="encrypted-media" > </iframe></a>
									{% else %}
										<a href="{{ src }}" target="_blank"><img src="{{ src }}" class="img-fluid" id="img_{{user_attach.attach_type_id}}" alt="{{user_attach.attach_type}}"></a>
									{% endif %}
								{% else %}
									{% set  src= "" %}
									<a href="{{ src }}" target="_blank"><img src="{{ src }}" class="img-fluid" id="img_{{user_attach.attach_type_id}}" alt="{{user_attach.attach_type}}"></a>
								{% endif %}
								
							</div>
							<!-- <div class="card-footer text-center">
								<a href="{{ src }}" target="_blank" class="text-white">Perview</a>
							</div> -->
						</div>
					</div>
				</div>
				
				{% endif %}
				{% endfor %}
			</div>
			<!--<div class="row text-center">-->
			<!--		<div class="col-md-12 ">-->
			<!--			<input type="submit" class="btn btn-primary  font-weight-bold" name="approved_rejected" id="delete" value="Delete">-->
			<!--		</div>-->
			<!--	</div>-->
			{% endif %}               
			<hr>
			
			
			<div class="row mb-3">
				<div class="col-12">
					<label>Remarks:</label>
					<textarea class="form-control rounded-0" id="remarks" name="remarks" rows="3"></textarea>
				</div>
				<label id="remarks-error" class="error ml-2" for="remarks" style="color:rgb(226, 5, 5)"></label>
			</div>
			<div class="row">
				<div class="col-md-10 mt-2">						
					<input type="submit" class="btn btn-primary float-md-right font-weight-bold" name="approved_rejected" id="approved" value="Approve">						
				</div>
				<div class="col-md-2 mt-2">
					<input type="submit" class="btn btn-danger float-md-center" id="rejected" name="approved_rejected" value="Reject">
				</div>
			</div>
			<br/><br/>
			
			
		</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()
	{
	    $("#delete").click(function() 
		{  
			
		  if (confirm(" Are you sure you want to delete?")) {         
			$("form").submit()
		}
		else{
			return false;
		}
		})
		$("#approved").click(function() 
		{  
			
		  if (confirm("Convert associate member to life member ?")) {         
			$("form").submit()
		}
		else{
			return false;
		}
		})
		$("#rejected").click(function() 
		{
			if (confirm("Are you sure you want to reject?")) { 
			if(!validate_member_rejected() )
			{
				return false;  
			}

			$("form").submit()
		}
		else{
			return false; 
		}
		})
	})

$( ".file-field" ).on( "click", function() {
	$(this).find('input[type="file"]')[0].click()
});
function uploaduser_attachment(type_id)
{
	var user_id    = $("#user_id").val();
	var society_id = $("#society_id").val();
	var society_key = $("#society_key").val();

	var ext = $('#file_'+type_id).val().split('.').pop().toLowerCase();
	var file = $('#file_'+type_id).val();
	
  if($.inArray(ext, ['gif','jpg','jpeg','pdf','png','jfif','tif','tiff']) == -1) 
	{
		clear()
		alert('Invalid file type');
	   
	}
  else if($('#file_'+type_id)[0].files[0].size > (oneMB*3))
	{
		alert('File Must less than 3MB');
	} 
  else
	{

		var fd              = new FormData();
		var user_profile    = $('#file_'+type_id)[0].files[0];		
		var input_id        = "file_"+type_id;
		var file_name       = $('#'+input_id).val().split('\\').pop();


		$("#show_img_"+type_id).show();
		$("#delete_"+type_id).show();
		fd.append('file',user_profile);
		fd.append('user_id',$("#user_id").val());
		fd.append('attach_id',$("#attach_"+type_id).val());
		fd.append('attach_type_id',$("#attach_type_"+type_id).val());

			$.ajax({
				type: 'POST', 
				url: BaseUrl+"/bo/post_amzon_upload/"+society_id+"/"+society_key,
				data: fd,
				contentType: false,
				processData: false,
				cache: false,	
				dataType: 'json',
				}).done(function(data, textStatus, jqXHR){

					status = data.status
					msg    = data.msg
					attach_id = data.attach_id
					if (status > 0)
					{
						bucketname = data.bucketname;
						foldername = data.foldername;
						file_name  = data.file_name;
						file_extension = data.file_extension;
						if (file_extension != ".pdf")
						{
							var image_url = "https://"+bucketname+".s3-ap-southeast-1.amazonaws.com/"+foldername+"/"+user_id+"/"+file_name;
							$("#attach_"+type_id).val(data['attach_id']);
							$("#img_"+type_id).attr('src', image_url);
							$("#img_"+type_id).show();
							$("#iframe_"+type_id).hide();
						}
						if (file_extension == '.pdf')
						{
							var image_url = "https://"+bucketname+".s3-ap-southeast-1.amazonaws.com/"+foldername+"/"+user_id+"/"+file_name;
							$("#attach_"+type_id).val(data['attach_id']);
							$("#iframe_"+type_id).attr('src', image_url);
							$("#iframe_"+type_id).show();
							$("#img_"+type_id).hide();
						}
						$("#file-field"+type_id+" span").text("Change") 
					}
					else
					{
						alert(msg);
					}
				}).fail(function(data){
				alert('error in upload image. Please try again');
			});
	}        
}





function deleteuser_attachment(type_id)
{   
	var fd = new FormData();
	var society_id = $("#society_id").val();
	var society_key = $("#society_key").val();
	fd.append('attach_id',$("#attach_"+type_id).val());
	fd.append('attach_type_id',$("#attach_type_"+type_id).val());
	var user_id = $("#user_id").val();
	if (confirm("Are you sure to delete?")) {
		$.ajax({
			type: 'POST',
			url: BaseUrl+"/delete_amazon_image/"+society_id+"/"+society_key,
			data: fd,
			contentType: false,
			processData: false,
			cache: false,
			dataType: 'json',
			}).done(function(data, textStatus, jqXHR){
				$("#attach_"+type_id).val(0);
				$("#show_img_"+type_id).hide();
				$("#delete_"+type_id).hide();
				$("#file-field"+type_id+" span").text("Upload");
				clear()
			}).fail(function(data){
				alert('Please try again');
			});
	}
	else {}
}

function change_associate_life(type_id,prev_member_type)

{
	var user_id     = $("#user_id").val();    
	var society_id  = $("#society_id").val();
	var society_key = $("#society_key").val();
	$.ajax({
			type: 'POST',
			url: BaseUrl+"/bo/change_member_type/"+society_id+"/"+society_key,
			data: {
				'user_id':user_id,
				'type_id':type_id
			},
			dataType: 'json',
			success: function(data){
				msg     = data.msg
				status  = data.status
				if (status==1){
					$("#myModal").modal("hide");
					// window.location.reload();
					mail_function_changed_memtye(prev_member_type)
					
				}
				else{
					alert(msg);
				}			
			},
			});

   
   
}



function change_member_type(prev_member_type)

{

if (confirm("Are you sure you want to change member type?")) {
	var user_id     = $("#e_user_id").val();    
	var society_id  = $("#society_id").val();
	var society_key = $("#society_key").val();
	$.ajax({
			type: 'POST',
			url: BaseUrl+"/bo/change_member_type/"+society_id+"/"+society_key,
			data: {
				'user_id':user_id,
			},
			dataType: 'json',
			success: function(data){
				msg     = data.msg
				status  = data.status
				if (status==1){
					mail_function_changed_memtye(prev_member_type)
					
				}
				else{
					alert(msg);
				}			
			},
			});
}
else{
	return false;
}

   
   
}


function mail_function_changed_memtye(prev_member_type)
{
	var user_id     = $("#e_user_id").val(); 
// 	alert(user_id);   
	var society_id  = $("#society_id").val();
	var society_key = $("#society_key").val();
// 	alert(society_id);
// 	alert(society_key);  
	$.ajax({
			type: 'POST',
			url: BaseUrl+"/bo/view_changes_mail/"+user_id+"/"+society_id+"/"+society_key+"/"+is_preview,
			data: {
				
				'prev_member_type'	: prev_member_type
			},
			dataType: 'json',
			success: function(data){
				msg    = data.msg
				html_data = data.html_data
				status = data.status
				if (status==1){
					$("#mem_detail").hide();
					$("#view_mail").html(html_data);					
				}
				else{
					alert(msg);
				}			
			},
			});
}


 function  validate_userattachment_form(type_id)
{
	$("#file_"+type_id+"-error").text("")
	if ($("#file_"+type_id).get(0).files.length === 0) {
	   $("#file_"+type_id+"-error").text("Please choose your file") 
	   return false;
	}
	else
	{
		return true;
	}
			
}


	function validate_member_type() 
	{
		$("#member_type-error").text("");
		if ($("input[type=radio]").is(":checked")) {
			return true;
		} 
		else {
			$("#member_type-error").text("Please select membership type");
			return false;
		}
	}
	
	function validate_member_rejected() {
		$("#remarks-error").text("");
		if ($("#remarks").val().length === 0){
			$("#remarks-error").text("Please provide reason for rejecting the membership type conversion.  The reason provided here shall be sent to the member.");
			return false;
		}
		else
		{
			return true;
		}
		
	}
	function clear() {
	$('input[type=file]').each(function() 
	{
		$(this).val('');
	}); 
	
}
</script>  
{% endblock %}