{% extends 'back_office/bo_layout.html' %}
{% block head %}
{% endblock %}
{% block title %}View Form{% endblock %} 
{% block content %}

<div class="modal" id="myModal">
	<div class="modal-dialog modal-lg">
		<div class="modal-content">
			<!-- Modal Header -->
			<div class="modal-header">
				<h4 class="modal-title text-center">Change Associate Member to Life Member</h4>
				<button type="button" class="close" data-dismiss="modal">&times;</button>
			</div>
			<!-- Modal body -->
			<div class="modal-body">
				<form id="form">
					
					<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 class="row ">
						
						{% if attach_images: %}
							{% for data in attach_images %}
								<div class="col-md-4 offset-md-4 mb-4">
									<div class="card text-white text-center user_attach_card mb-3" >
										<div class="card-header">{{data.label_name}}</div>
										<div class="card-body">
											<input type="hidden" name="attach_id" id="attach_{{data.attach_type_id}}"value="{{data.attach_id or 0}}">
											<input type="hidden" id="attach_type_{{data.attach_type_id}}" name="attach_type_id" value="{{data.attach_type_id}}"> 
											{% if data.attach_file_name %}
												{% set image_display = "block" %}
											{% else %}
												{% set image_display = "none" %}    
											{% endif %}

											<div id="show_img_{{data.attach_type_id}}" style="display:{{ image_display }}" >
												{% if data.attach_file_name : %} 
														{% set  src= data.attach_path|string +"/"+data.attach_file_name|string +"?"+Helper.getcurrenttimestamp()|string %}
														{% set iframe_hide = "none" %}
														{% set img_hide = "none" %}
														{% if  ".pdf" in data.attach_file_name :%}
															{% set iframe_hide = "block" %}    
														{% else  %}
															{% set img_hide = "block" %}
														{% endif %}

												{% else %}
													{% set  src= "" %}
												{% endif %}

												<img src="{{ src}}" id="img_{{data.attach_type_id}}" alt="{{data.attach_type}}" width="100%" height="auto" style="max-height: 150px;display: {{ img_hide }}">
												<iframe src="{{ src }}" id="iframe_{{data.attach_type_id}}" alt="{{data.attach_type}}"  width="100%" height="auto" allow="encrypted-media" allowfullscreenstyle="max-height: 150px;" style="display: {{ iframe_hide }}"> </iframe>                                   
											</div>
											<div class="btn btn-primary btn-block file-field my-2" id="file-field{{data.attach_type_id}}">
												<span>
													{% if src=="" %}
																Upload
													{% else %}
																Change
													{% endif %}
												</span> 
												<input type="file"  id="file_{{data.attach_type_id}}" name="file_{{data.attach_type_id}}" onchange="uploaduser_attachment('{{data.attach_type_id}}')"/>
											</div>
											<input type="button" value="Delete" name="delete" style="display: {{ image_display }}" id="delete_{{data.attach_type_id}}" onclick="deleteuser_attachment('{{data.attach_type_id}}')" class="btn btn-danger btn-block  form-input">
										</div>
									</div>
								</div>
								<div class="col-md-12">
									<button type="button" class="btn btn-primary float-right" id="file_{{data.attach_type_id}}" onclick="change_associate_life('{{data.attach_type_id}}','{{member.member_type}}')">Update to life member</button>
								</div>
							{% endfor %}
						{% endif %}
				   </div> 
				</form>
			</div>
		</div>
	</div>
</div>
<div class="modal" id="ChangeModel">
	<div class="modal-dialog modal-md">
		<div class="modal-content">
			<!-- Modal Header -->
			<div class="modal-header">
				<h4 class="modal-title text-center">Change Member Type</h4>
				<button type="button" class="close" data-dismiss="modal">&times;</button>
			</div>
			<!-- Modal body -->
			<div class="modal-body">
				<form id="form">
					
					
					<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 class="row text-center">
						<div class="col-md-12">
						<label>Choose Member Type</label><br>
						{% for item in member_type  %}
						{% if member.member_type != item.member_type:%}
						<input type="radio" name="change_member_type" id="change_member_type" value="{{item.member_type_id}}"> <label for="change_member_type">{{item.member_type}}</label><br>
						<label id="member_type-error" class="error" for="member_type" style="color:rgb(226, 5, 5)"></label>
						{% endif %}
						{% endfor %}
						</div>
						
				   </div> 
				   <div class="row float-right">
					<div class="col-md-12">
						<button type="button" class="btn btn-primary" onclick="change_member_type_by_all('{{member.member_type}}','{{member.member_type_id}}')">Change</button>
					</div>
				   </div>
				</form>
			</div>
		</div>
	</div>
</div>

<input type="hidden" name="e_user_id" id="e_user_id" value="{{Cryptography.encrypt(user_id)}}">
	   
	<div class="container p-2 bg-white">
		<form method="POST" id="view_form" action="{{url_for('backoffice.ApprovedRejectedMembership',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  %}
				   <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  %}
				   <button type="button" class="btn btn-primary" onclick="change_member_type('{{member.member_type}}','{{member.member_type_id}}')">  Change Life member to National member</button>
				{% endif %}
				{% if user.member_type_id  == Helper.NationalMemberId and society_id|int==3  %}
				   <button type="button" class="btn btn-primary" onclick="change_member_type('{{member.member_type}}','{{member.member_type_id}}')">  Change National member to Life member</button>
				{% endif %}
				{% if society_id|int==2  %}
					<button type="button" class="btn btn-primary" data-toggle="modal" data-target="#ChangeModel" target="_blank" >Change Member Type</button>
				{% endif %}
			</div>
			{% endif %}


			<div id="view_mail"></div>
			
			{% if user.status_id == societyData['ms_rejected_status_id']: %}
			<div class="alert alert-danger border border-danger text-center">
				<h4><span class="text-danger">Rejected this application</span></h4>
				{% if member.approved_rejected_by: %}
					<h4>Rejected by:<span class="text-danger ml-2">{{member.approved_rejected_by}}</span></h4>
				{% endif %}
			</div>
			{% endif %}
			<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">
					{% if user.district %}
							{% if user.district == "Others" %}
							<h5>{{user.other_districts}}</h5>
							{% else %}
							<h5>{{user.district}}</h5>
							{% endif %}
						{% else %}
							<h5>-</h5>
						{% endif %}
					</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 society_id|int in (3,10) and user.gov_proof_type : %}
					<div class="row form-group">
						<div class="col-md-6">
							<label>{{user.gov_proof_type}}:</label>
						</div>
						<div class="col-md-6">
							<h5>{{user.gov_proof_id or ''}}</h5>
						</div>
					</div>
					<br>
				{% endif %}
				{% 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 society_id|int == 41 %}
			{% if user_additional : %}
		<h4  class="bg-dark text-white mb-0 border p-3 font-weight-bold">Fellowship/ Senior Residency in a Glaucoma</h4>
		{% if user_additional and user_additional[0]['is_any_fellowship'] == "yes" %}
		<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">Fellowship Training Place</th>
					 <th scope="col">Institution</th>
					 <th scope="col">Fellowship Start Date</th>
					 <th scope="col">Fellowship End Date</th>
				  </tr>
				</thead>
				<tbody >
				  {% for row in user_additional %}

				   <tr id="{{row.user_other_society_id}}" >
					 <td data-label="SNo">{{loop.index}}</td>
					 <td data-label="Associations/Society">{{row.any_fellowship_place_training or ""}}</td>
					 <td data-label="Description">{{row.institution or ""}}</td>
					  <td data-label="Description">{{row.fellowship_start_date or ""}}</td>
					   <td data-label="Description">{{row.fellowship_end_date or ""}}</td>
					</tr>
				   {% endfor %}
			   </tbody>
		   </table>
		</div>
		{% else %}			
				<h5 class="text-center text-danger mt-1">No Fellowship Training</h5>
		{% endif %}  
		{% endif %}<br>
		<h4  class="bg-dark text-white mb-0 border p-3 font-weight-bold">Type of Practice and Practice Percentage</h4>
		{% if user.type_of_practice :%}
			<div class="mobile-responsive">
				<table class="table table-striped table-bordered bg-light" id="myTable">

					<thead>
					  <tr>
						 <th scope="col">Type of Practice</th>
						 <th scope="col">Practice Percentage</th>
					  </tr>
					</thead>
					<tbody >
					  

					   <tr id="" >
						 <td data-label="Associations/Society">{{user.type_of_practice}}</td>
						 <td data-label="Description">{{user.practice_consists_percentage}}</td>
						</tr>
				   </tbody>
			   </table>
			</div>
		{% endif %}<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 %}
				<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 ">
							<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>
				{% endfor %}
			</div>
			{% endif %}               
			{% if prosec_data: %}              
			<div class="row">
				{% for prosec in prosec_data %}
				<div class="col-md-6">
					<div class="mobile-responsive">
						<input type="hidden" name="reference_id" id="reference_id_{{type}}" value="{{prosec.reference_id or 0}}">
						<table class="table table-striped table-bordered  bg-white" id="myTable">
								<tr>
									<td colspan="2" class="bg-dark"><h4 style="text-transform: capitalize;color:white"><b>{{prosec.type}}</b></h4></td>
								</tr>
								<tr>
									<th>Full Name:</th>
									{% if prosec.prefix is none: %}
										<td data-label="Full Name">{{prosec.full_name|default('')}}</td>
									{% else %}
										<td data-label="Full Name">{{prosec.prefix|default('')}}{{prosec.full_name|default('')}}</td>
									{% endif %}
								</tr>
								<tr>
									<th>Membership Number:</th>
									{% if prosec.membership_no is not none: %}   
										<td data-label="Membership Number">{{prosec.membership_no|default('')}}</td>
									{% else %}
										<td data-label="Membership Number"></td>
									{% endif %}
								</tr>
								<tr>
									<th>Email id:</th>
									{% if prosec.email is not none: %}
										<td data-label="Email id">{{prosec.email or ''}}</td>
									{% else %}
										<td data-label="Email id"></td>
									{% endif %}
								</tr>
								<tr>
									<th>Mobile Number:</th>
									{% if prosec.mobile is not none: %}
										<td data-label="Mobile Number">{{prosec.mobile or ''}}</td>
									{% else %}
										<td data-label="Mobile Number"></td>
									{% endif %}
								</tr>
								<tr>
									<th>City:</th>
									{% if prosec.city is not none: %}
										<td data-label="City">{{prosec.city or ''}}</td>
									{% else %}
										<td data-label="City"></td>
									{% endif %}
								</tr>
						</table>
					</div>
				</div>
				{% endfor %}   
			</div>
			{% endif %}
			<div class="alert alert-white border border-grey">
				{% if member_type|length > 1 %}
					<h5 class="font-weight-bold">Member applied for : <span class="text-danger"><b>{% if society_id|int == 17 %}{{member.member_name_amount}}{% else %}{{member.choosed_member_type}}{% endif %}</b></span></h5>
				{% endif %}
				{% if pay_method != None : %}
					<h5 class="font-weight-bold" style="color: rgb(6, 6, 99);">Payment : <span class="text-danger"><b>{{member.member_name_amount}}</b></span></h5>
				
					<h5 class="font-weight-bold" style="color: rgb(6, 6, 99);">
						Payment Mode : <span class="text-danger"><b>{{pay_method}}</b></span>
					</h5>

					<h5 class="font-weight-bold">Amount: <span class="text-danger">{{member.currency_symbol or ""}}{{member.amount or ""}}</span></h5>
					{% if member.utr_number : %}
						<h5 class="font-weight-bold" style="color: rgb(6, 6, 99);">
							UTR Number : <span class="text-danger"><b>{{member.utr_number or ''}}</b></span>
						</h5>
					{% endif %}
					{% if member.paid_at : %}
						<h5 class="font-weight-bold" style="color: rgb(6, 6, 99);">
							Paid On : <span class="text-danger"><b>{{member.paid_at or ''}}</b></span>
						</h5>
					{% endif %}
					{% if society_id|int == 17 and member.payment_remarks : %}
						<h5 class="font-weight-bold" style="color: rgb(6, 6, 99);">
							Remarks : <span class="text-danger"><b>{{member.payment_remarks or ''}}</b></span>
						</h5>
					{% endif %}
				{% endif %}
			</div>
			<hr>
			{% if is_approval == 1 and user.status_id == societyData['ms_waiting_approval_status_id'] or user.status_id == societyData['ms_waiting_approval_withoutpay_status_id'] or user.status_id == societyData['ms_reupdated_status_id'] or  user.status_id == societyData['ms_rejected_status_id']  or user.status_id == societyData['ms_approved_awaitingpayment_status_id']: %}
			{% if is_approval == 1 : %}
				{% if member_type|length >1 %}
				 <label>Choose member type and approved the application</label>
				
				<div class="row">
					{% for item in member_type  %}
					<div class="col-md-12 form-group">
						<input type="radio" class="form-input" name="member_type" value="{{item.member_type_id}}" id="{{item.member_type_id}}"{{"checked" if user.member_type_id==item.member_type_id }}/>
						<label  class="ml-3" for="{{ item.member_type_id }}">{{ item.member_type }} <span class="text-dark ml-1">{% if society_id|int == 17 or society_id|int == 10 %}({{item.display_name}}){% endif %}</span></label>
					</div>
					{% endfor %}
				</div>
				<label id="member_type-error" class="error" for="member_type" style="color:rgb(226, 5, 5)"></label>
				{% else %}
					<label > <b>Member applied for :</b></label>
				
					<div class="row">
						{% for item in member_type  %}
						<div class="col-md-12 form-group">
							<input type="radio" class="form-input" name="member_type" value="{{item.member_type_id}}" id="{{item.member_type_id}}"checked/>
							<label  class="ml-3" for="{{ item.member_type_id }}">{{ item.member_type }}</label>
						</div>
						{% endfor %}
					</div>

				{% endif %}
			{% else %}
				<input type="radio" style="display: none;" class="form-input" name="member_type" value="{{user.choosed_member_type_id}}" id="{{user.choosed_member_type_id}}" checked />
			{% endif %}
			<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">
					{% if societyData['member_approve_type'] == "before payment": %}
						{% if user.payment_method: %}
							<input type="submit" class="btn btn-primary float-md-right font-weight-bold" name="approved_rejected" id="approved" value="Approve & generate membership number">   
						{% else %}
							<input type="submit" class="btn btn-primary float-md-right font-weight-bold" name="approved_rejected" id="approved" value="Approve">
						{% endif %}
					{% else %}
						<input type="submit" class="btn btn-primary float-md-right" name="approved_rejected" id="approved" value="Approve & generate membership number">
					{% endif %}
				</div>
				<div class="col-md-2 mt-2">
					<input type="submit" class="btn btn-danger float-md-center" id="rejected" name="approved_rejected" value="Rejected">
				</div>
			</div>
			<br/><br/>
			
			{% endif %}
		</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()
	{
		$("#approved").click(function() 
		{            
			if(!validate_member_type())
			{
				return false  
			}
			$("form").submit()
		})
		$("#rejected").click(function() 
		{
			
			if(!validate_member_rejected() )
			{
				return false;  
			}

			$("form").submit()
		})
	})

$( ".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     = $("#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,
				'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,prev_member_type_id)

{

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,
				'prev_member_type_id':prev_member_type_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 change_member_type_by_all(prev_member_type,prev_member_type_id)

{

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();

	if(!validate_member_type())
			{
				return false  
			}
	else{
		$.ajax({
			type: 'POST',
			url: BaseUrl+"/bo/change_member_type/"+society_id+"/"+society_key,
			data: {
				'user_id':user_id,
				'prev_member_type':prev_member_type,
				'prev_member_type_id':prev_member_type_id
			},
			dataType: 'json',
			success: function(data){
				msg     = data.msg
				status  = data.status
				if (status==1){
					$("#ChangeModel").modal("hide");
					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();    
	var society_id  = $("#society_id").val();
	var society_key = $("#society_key").val();
	var is_preview  = 1
	$.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 enter remarks about rejecting membership application");
			return false;
		}
		else
		{
			return true;
		}
		
	}
	function clear() {
	$('input[type=file]').each(function() 
	{
		$(this).val('');
	}); 
	
}
</script>  
{% endblock %}