{% extends 'back_office/bo_layout.html' %}
{% block head %}
{% endblock %}
{% block title %}Edit member{% endblock %} 
{% block content %}
<div class="container p-3 bg-white"> 
	<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="e_user_id" id="e_user_id" value="{{Cryptography.encrypt(user.user_id)}}">
					
					<div class="row text-center">
						<div class="col-md-12">
						<label>Choose Member Type</label><br>
						{% for item in member_type  %}
						{% if user.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('{{user.member_type}}','{{user.member_type_id}}')">Change</button>
					</div>
				   </div>
				</form>
			</div>
		</div>
	</div>
</div>


	<br>
	<div class="col-md-12 text-center">
		<h2 class="font-weight-bold">Membership Application {% if user.full_name %} of {% endif %}{{user.prefix or ""}}{{user.full_name or ""}}</h2>
	</div>
	<input type="hidden"  name="user_id" id="user_id" value="{{user.user_id or ''}}">
	<input type="hidden"  name="society_id" id="society_id" value="{{user.society_id or ''}}">
	<hr>
	<form method="POST"  id="bo_edit_form" action="{{url_for('backoffice.postMemberEdit',user_id=Cryptography.encrypt(user.user_id),society_id=society_id,society_key=society_key)}}">
		{% 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|safe }}</h4>
		</div>
		{% endfor %}
		{% if user.status_id != 0  and user.display_name : %}
			<div class="alert border" id="mem_detail" style="background-color: #f5fafd; border:1px solid #0e8bda!important;">
				{% if user.membership_no: %}
					<h4>Membership Number   :   <span class="text-danger ml-2">{{user.membership_no}}</span></h4>
				{% endif %}
				{% if user.member_type: %}
					<h4>Member Type :   <span class="text-danger ml-2">{{user.member_type}}</span></h4>
				{% endif %}
				{% if user.status_id : %}
					<h4>Status :   <span class="text-danger font-weight-bold ml-2">{{user.display_name}}</span></h4>
				{% endif %}
				{% if user.remarks : %}
					<h4>Remarks :   <span class="text-danger font-weight-bold ml-2">{{user.remarks}}</span></h4>
				{% 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>
		<intput type="hidden" name="membership_no" id="membership_no" value={{user.membership_no}}>
		{% if member_types|length > 1 %}
		<div class="row">
			<div class="col-12">
				<h4 class="text-danger font-weight-bold">CHOOSE MEMBER TYPE</h4>
			</div>
		</div> 
		<br>
		{% if user.status_id ==  14 : %}
			{% set member_type_ids = user.member_type_id %}
		{% elif user.status_id ==  17 %}
			{% set member_type_ids = user.approved_member_type_id %}
		{% else %}
			{% set member_type_ids = user.choosed_member_type_id %}
		{% endif %}
		<div class="row">
			{% for item in member_types  %}
			<div class="col-12 form-group ml-3">
				<input type="radio" name="member_type" class="form-input" value="{{item.member_type_id}}" id="{{item.member_type_id}}"{{"checked" if member_type_ids|int==item.member_type_id|int}}/>
				<label for="{{ item.member_type_id }}">{{ item.display_name }}</label>
			</div>
			{% endfor %}
		</div>
		<hr>
		{% else %}
			<input type="hidden" id="member_type" name="member_type" value="{{user.member_type_id}}">
		{% endif %}    
		<div class="row">
			<div class="col-12">
				<h4 class="text-danger font-weight-bold">USER INFORMATION</h4>
			</div>
		</div>
		<br>
		<br>
		<div class="row">
			<div class=" col-md-6 form-group">
				<label>Prefix:</label>
			</div>
			<div class=" col-md-6 form-group">
				<div class="dropdown" >
					<select class="form-control" id="prefix" name="prefix">
						<option id ="select" >Select Prefix</option>
						<option value="Mr." {{ 'selected' if user.prefix == 'Mr.'}}>Mr.</option>
						<option value="Mrs." {{ 'selected' if user.prefix == 'Mrs.'}}>Mrs.</option>
						<option value="Dr."{{ 'selected' if user.prefix == 'Dr.'}}{{"selected" if not user.prefix }}>Dr.</option>
						<option value="Ms." {{ 'selected' if user.prefix == 'Ms.'}}>Ms.</option>
						<option value="Prof." {{ 'selected' if user.prefix == 'Prof.'}}>Prof.</option>
					</select>
				</div>
			</div>
		</div>
		<div class="row">
			<div class=" col-md-6 form-group">
				<label>Name:</label>
			</div>
			<div class=" col-md-6 form-group">
				<input type="text" class="form-control trim" name="name"  id="name" value="{{user.full_name or '' }}">   
			</div>
		</div>
		<div class="row">
			<div class=" col-md-6 form-group">
				<label>Email:</label>
			</div>
			<div class="col-md-6 form-group">
				<input type="email" class="form-control" name="email" id="email" value="{{user.email or ''}}" />
			</div>
		</div>
		<div class="row">
			<div class=" col-md-6 form-group">
				<label>Mobile Number:</label>
			</div>
			<div class=" col-md-6 form-group">
				<input type="text" class="form-control" name="mobile" id="mobile" oninput="this.value = this.value.replace(/[^0-9.]/g, '').replace(/(\..*)\./g, '$1');" value="{{user.mobile or ''}}" maxlength="10"/>
			</div>
		</div>
		<div class="row">
			<div class=" col-md-6 form-group">
				<label>Whatsapp Mobile Number:</label>
			</div>
			<div class=" col-md-6 form-group">
				<input type="text" class="form-control" value="{{user.whatsapp_number or ''}}" name="whatsapp_number" id="whatsapp_number" oninput="this.value = this.value.replace(/[^0-9.]/g, '').replace(/(\..*)\./g, '$1');" maxlength="10" />
			</div>
		</div>
		<div class="row">
			<div class="col-md-6 form-group">
				<label>DOB: [DD-MM-YYYY]</label>
			</div>
			<div class=" col-md-6 form-group">
				<input type="text" class="form-control" name="dob"  id="dob" placeholder="DD-MM-YYYY" value="{{ user.dob.strftime('%d-%m-%Y')  if user.dob else ''}}"/>
			</div>
		</div>
		<div class="row">
			<div class="col-md-6 form-group">
				<label>Gender:</label>
			</div>
			<div class=" col-md-6 form-group">
				<div class="row">
					<div class="col-md-4">
						<input type="radio"  class="form-input"  name="gender"  id="gender1" value="Male" {% if user.gender == 'Male' %} checked="checked" {% endif %}> <label for="gender1" class="text-dark">Male</label>
					</div>
					<div class="col-md-4"> 
						<input type="radio" class="form-input" name="gender" id="gender2" value="Female" {% if user.gender == 'Female' %} checked="checked" {% endif %}> <label for="gender2" class="text-dark">Female</label>
					</div>
					<div class="col-md-4">
						<input type="radio" class="form-input" name="gender" id="gender3" value="Transgender" {% if user.gender == 'Transgender' %} checked="checked" {% endif %}  > <label for="gender3" class="text-dark">Transgender</label>
					</div>
				</div>
			</div>
		</div>
		<!--{% if society_key in Helper.AadhaarNumber: %}-->
		<!--<div class="row">-->
		<!--	<div class="col-md-6 form-group">-->
		<!--		<label>Aadhaar Number<span class="text-danger">*</span>:</label>-->
		<!--	</div>-->
		<!--	<div class=" col-md-6 form-group">-->
		<!--		<input type="text" class="form-control" name="aadhaar_number" value="{{user.aadhaar_number or ''}}" id="aadhaar_number"  placeholder="Enter your Aadhaar number" minlength="14" maxlength="14"/>-->
		<!--	</div>-->
		<!--</div>-->
		<!--{% endif %}-->
		{% if society_key in Helper.AiosMembershipNumber: %}
		<div class="row">
			<div class="col-md-6 form-group">
				<label>AIOS Membership Number:</label>
			</div>
			<div class=" col-md-6 form-group">
				<input type="text" class="form-control" name="aios_membership_number" value="{{user.aios_membership_number or ''}}" id="aios_membership_number" placeholder="Enter your AIOS Membership Number"/>
			</div>
		</div>
		{% endif %}
		<div class="row">
			<div class="col-md-6 form-group">
				<label>Address:</label>
			</div>
			<div class="col-md-6 form-group">  
				<input type="text" class="form-control trim" name="address_1"  value="{{user.address1 or ''}}" id="address_1" placeholder="Line 1"/>
			</div>
		</div>
		<div class="row">
			<div class="col-md-6 form-group"></div>
			<div class="col-md-6 form-group">
				<input type="text" class="form-control" name="address_2" value="{{user.address2 or ''}}" id="address_2" placeholder="Line 2"/>
			</div>
		</div>
		<div class="row">
			<div class="col-md-6 form-group"></div>
			<div class="col-md-6 form-group">
				<input type="text" class="form-control" name="address_3" id="address_3" value="{{user.address3 or ''}}" placeholder="Line 3"/>
			</div>
		</div>
		<div class="row">
			<div class="col-md-6 form-group">
				<label>City:</label>
			</div>
			<div class="col-md-6 form-group">
				<input type="text" class="form-control trim" name="city" id="city" value="{{user.city or ''}}" placeholder="City"/>
			</div>
			
		</div>
		<div class="row">
			<div class="col-md-6 form-group">
				<label>District:</label>
			</div>   
			<div class="col-md-6 form-group">
				{% if society_id|int == 3 %}
				<select class="form-control" id="district" class="district" name="district">
					<option value="">--select district---</option>
					{% if district %} {% for i in district %}
					{% if user.district == i.district_name %}
					<option value="{{i.district_name}}" selected>{{i.district_name}}</option>
					{% else %}
					<option value="{{i.district_name}}">{{i.district_name}}</option>
					{% endif %} {% endfor %} {% endif %}
				</select><br>
				<input type="text" name="other_district" id="other_district" class="form-control" value="{{user.other_districts or ''}}">
				{% else %}
				<input type="text" name="district" id="district" class="form-control" value="{{user.district or ''}}" />
				{% endif %}
				<!--<input type="text" class="form-control trim" name="district" id="district" value="{{user.district or ''}}" placeholder="District"/>-->
			</div>
		</div>
		<div class="row">
			<div class="col-md-6 form-group">
				<label>Pincode:</label>
			</div>   
			<div class="col-md-6 form-group">
				<input type="text" class="form-control trim" name="pincode" id="pincode" value="{{user.pincode or ''}}" placeholder="Pincode"/>
			</div>
		</div>     
		<div class="row">
			<div class="col-md-6 form-group">
				<label>Country:</label>
			</div>
			<div class="col-md-6 form-group">
				{% set user_country = user.country_id if user.country_id else societyData['default_country_id'] %} 
				<select class = "form-control" id ="country" name= "country" onchange="onchange_country()">
					<option value = "" id = "select">Select Country*</option>
					{% if countries %}
						{% for country in countries %}
						<option value = "{{country.country_id}}" {{ "selected" if country.country_id == user_country else '' }}> {{country.country_name}}</option>
						{% endfor %}
					{% endif %}
				</select>
			</div>
		</div>
		<div class="row">
			<div class="col-md-6 form-group">
				<label>State:</label>
			</div>
			<div class="col-md-6 form-group">
				<select class ="form-control" id = "state" name = "state">
					<option value = "" id ="select">Select State</option>
						{% if states %}
						{% for state in states %}
						<option value = "{{state.state_id}}"> {{state.state_name}}</option>
						{% if state.state_id == user.state_id %}
						<option value = "{{state.state_id}}" selected> {{state.state_name}}</option>
						{% endif %}
						{% endfor %}
						{% endif %}
				</select>
			</div>
		</div>
		{% if society_id|int in (3,10) %}
		<div class="row">
			<div class="col-md-6">
				<label>Government Proof :</label>
			</div>
			<div class="col-md-6">
				<select class="form-control" id="gov_proof_type" class="gov_proof_type" name="gov_proof_type">
	                <option value="">--Select ID proof Type---</option>
	                {% for i in Helper.gov_proof_type %} 
	                    <option value="{{i}}" {% if i == user.gov_proof_type %} selected {% endif %} >{{i}}</option>
	                {% endfor %}
	            </select><br>
			</div>
		</div>
		<div class="row">
			<div class="col-md-6"></div>
			<div class="col-md-6">
				<input type="text" class="form-control" name="gov_proof_id" id="gov_proof_id" value="{{user.gov_proof_id or ''}}" placeholder="Enter your government proof number"/>
			</div>
		</div><br>
		{% endif %}
		{% if Helper.HospitalAddress.get(society_key,None) %}
			{% if Helper.HospitalAddress[society_key]['show'] == 1 %}
				<div class="row">
					<div class="col-md-6 form-group">
						<label>Address of the Institution/Hospital</label>
					</div>
					<div class="col-md-6 form-group">  
						<input type="text" class="form-control" name="hos_address1" value="{{user.hos_address1 or ''}}" id="hos_address1" placeholder="Address"/>
					</div>
					<div class="col-md-6 form-group"></div>
					<div class="col-md-6 form-group">
						<input type="text" class="form-control" name="hos_address2" value="{{user.hos_address2 or ''}}" id="hos_address2" placeholder="Line 2"/>
					</div>
					<div class="col-md-6 form-group"></div>
					<div class="col-md-6 form-group">
						<input type="text" class="form-control" name="hos_address3" id="hos_address3" value="{{user.hos_address3 or ''}}" placeholder="Line 3"/>
					</div>
				</div>
			{% endif %}
		{% endif %}
		<hr>
		<h4 class="text-danger font-weight-bold">MEDICAL COUNCIL REGISTRATION DETAILS</h4>
		<br>
		<div class="row">
			<div class=" col-md-6 form-group">
				<label>Medical Council Number:</label>
			</div>
			<div class=" col-md-6 form-group">
				<input type="text" class="form-control trim" name="mc_number"  value="{{user.mc_number or ''}}" id="mc_number"/>
			</div>
		</div>
		<div class="row">
			<div class=" col-md-6 form-group">
				<label>Medical Council State:</label>
			</div>
			<div class="col-md-6 form-group">
				<select class="form-control" id="mc_state" name="mc_state">
					<option value = "" id = "select">Select State</option>
					{% if states_of_india %}
					{% for mc_state in states_of_india %}
					<option value = "{{mc_state.state_id}}" {{ 'selected' if mc_state.state_id == user.mc_state_id else '' }} > {{mc_state.state_name}} </option>
					{% endfor %}
					{% endif %}                           
				</select>
			</div>
		</div>
		{% if society_id|int == 2 : %}
		<div class="row">
			<div class="col-md-6 form-group">
				<label>Are you PG ?</label>
			</div>
			<div class="col-md-2 form-group">
				<input type="radio" class="form-input" name="is_pg" id="yes" value="1" {% if user.is_pg == 1 %} checked="checked" {% endif %}  > <label for="yes" class="text-dark"> Yes</label>
			</div>
			<div class="col-md-2 form-group">
				<input type="radio" class="form-input" name="is_pg" id="no" value="0" {% if user.is_pg == 0 %} checked="checked" {% endif %}  > <label for="no" class="text-dark"> No</label>
			</div>  
		</div>
		{% endif %}
		<hr>
		<br>
		<div class="row">
			<div class="col-12">
				<h4 class="text-danger font-weight-bold">QUALIFICATION</h4>
			</div>
		</div>
		<br>
		<br>
		<div class="row">
			<input type="hidden" name="uq_id" id="uq_id" value="{{uq_id or 0}}">
			<input type="hidden" name="user_id" id="user_id" value="{{user.user_id}}">
			<div class=" col-md-6 form-group">
				<label>Qualification:</label>
				<input type="text" class="form-control trim" name="qualification" id="qualification" />
			</div>
			<div class="col-md-6 form-group">
				<label>Name of Institution/University:</label>
				<input type="text" class="form-control trim" name="institution" id="institution" />
			</div>  
		</div>
		<div class="row">
			<div class=" col-md-3 form-group">
				<label>From:</label>
				<select class="form-control" id="year_from" name="year_from" >
					<option id = "select" value="">Year</option>     
				</select>
			</div>
			<div class=" col-md-3 form-group">
				<label>Passed Out:</label>
				<select class="form-control" id="year_passing" name="year_passing" >
					<option id = "select" value="">Year</option>   
				</select>
			</div>     
		</div>
		
		<div class="row">
			<div class="col-md-12 text-center">
				<input type="button" value="Add" name="add_qul" id="add_qul" class="btn btn-primary mr-3 form-input">
				<input type="button" value="Clear" name="clear_qul" id="clear_qul" class="btn btn-danger ml-3 form-input">
			</div>    
		</div>
		<br>
		<div class="col-md-12" id="ShowTable">
		</div>
		<hr>
		<br>
		{% if society_id|int not in [18] %}
		<div class="row ">
			<div class="col-12">
				<h4 class="text-danger font-weight-bold">EXPERIENCE</h4>
			</div>
		</div><br><br>
		<input type="hidden" name="user_id" id="user_id"value="{{user.user_id}}">
		<input type="hidden" name="work_id" id="work_id"value="{{work_id or 0}}">
		<div class="row">
			<div class="col-md-4 form-group">
				<label>Institution/Hospital type:</label>
				<select class="form-control"id="work_type_id"name="work_type_id"  >
					<option value = "" id = "select">Select Work Type</option>
					{% if work_types %}
					{% for work_type in work_types %}
					<option value = "{{work_type.work_type_id}}"> {{work_type.work_type}} </option>
					{% endfor %}
					{% endif %}
				</select>
			</div>
			{% if society_id|int == 3 %}
			{% if position_types %}
			<div class=" col-md-4 form-group">
				<label>Position:</label>
				<select class="form-control"id="position_type_id"name="position_type_id"  >
					<option value = "" id = "select">Select Position Type</option>
					{% if position_types %}
					{% for position_type in position_types %}
						<option value = "{{position_type.position_type_id}}"> {{position_type.position_type}} </option>
					{% endfor %}
					{% endif %}
				</select>
			</div>
			{% endif %}
			{% endif %}
			<div class="col-md-4 form-group">
				<label>Status:</label>
				<div class="dropdown " >
					<select class="form-control" id="work_status" name="work_status" onchange="onchange_status()">
						<option value ="" id = "select">Select Work Status</option>
						<option value ="Current">Current</option>
						<option value ="Pass">Pass</option>
					</select>
				</div>
			</div>
		</div>
		<div class="row">
			<div class="col-md-3 form-group">
				<label>Work Since:</label>
				<select class="form-control" id="work_since" name="work_since">
					<option id = "select" value="">Year</option>     
				</select>
			</div>
			<div class="col-md-3 form-group" id="div_work_until" style="display: none;">
				<label>Work Until:</label>
				<select class="form-control" id="work_until" name="work_until">
					<option id = "select" value="">Year</option>     
				</select>
			</div>
			<div class="col-md-6 form-group">
				<label>Institution / Hospital Name :</label>
				<input type="text" class="form-control trim" name="work_place" id="work_place">
			</div> 
		</div>
		<div class="row text-center">
			<div class="col-md-12">
				<input type="button" value="Add" name="add_wrk" id="add_wrk" class="btn btn-primary mr-3 form-input">
				<input type="button" value="Clear" name="clear_wrk" id="clear_wrk" class="btn btn-danger ml-3 form-input">
			</div>    
		</div><br>
		<div class="col-md-12" id="showtable"></div><hr><br>
		{% endif %}
		
		{% if society_id|int not in [6,18] %}
		<div class="row">
			<div class="col-md-12">
				<h4 class="text-danger font-weight-bold">PUBLICATION IN LAST 3 YEARS</h4>
			</div>
		</div>
		<br>
		<input type="hidden" name="user_id" id="user_id"value="{{user_id}}">
		<input type="hidden" name="publication_id" id="publication_id"value="{{publication_id or 0}}">
		<div class="row">
			<div class="col-md-6 form-group">
				<label>Author type:</label>
				<div class="dropdown" >
					<select class="form-control"id="author_type"name="author_type">
						<option value ="" id = "select">Select Author type</option>
						<option value="SOLO Author">SOLO Author</option>
						<option value="First Author" >First Author</option>
						<option value="Co-Author">Co-Author</option>
					</select>
				</div>
			</div>
			<div class="col-md-6 form-group">
				<label>Author Description:</label>
				<input type="text" class="form-control trim" name="author_description" id="author_description" />
			</div>
		</div>
		<div class="row text-center">
			<div class="col-md-12">
				<input type="button" value="Add" name="add_puplication" id="add_publication" class="btn btn-primary  form-input mr-3">
				<input type="button" value="Clear" name="clear_publication" id="clear_publication" class="btn btn-danger form-input ml-3">
			</div>    
		</div>
		<br>
		<div class="row">
			<div class="col-md-12" id="publicationtable"></div>
		</div><hr><br>
		{% endif %}
		{% if society_id|int == 41 %}
		<div class="row">
			<div class="col-md-12">
				<label><h4 class="text-danger font-weight-bold"><b>Fellowship/ Senior Residency in a Glaucoma</h4></label>
			</div>
		</div>

		<div class="row">
	        <div class="col-md-12">
	            <input type="radio" name="is_life_member" id="is_life_member_1" value="yes" {% if user_additional and user_additional.is_any_fellowship == 'yes' %} checked="checked" {% endif %}>
	            <label for="is_life_member_1" class="text-dark">Yes</label>
	        </div>
	        <div class="col-md-12">
	            <input type="radio" name="is_life_member" id="is_life_member_2" value="no" {% if user_additional and user_additional.is_any_fellowship == 'no' %} checked="checked" {% endif %}>
	            <label for="is_life_member_2" class="text-dark">No</label>
	        </div>
	    </div><br>
	    <div id="is_training">    	 

		    <div class="row">
		        <div class=" col-md-4 form-group">
		            <label>Place:</label>
		            <input type="text" class="form-control trim" name="place" id="place" value="{{user_additional.any_fellowship_place_training or '' }}" >
		        </div>
		        <div class="col-md-8 form-group">
		            <label>Name of Institution:</label>
		            <input type="text" class="form-control trim" name="fellowship_institution" id="fellowship_institution" value="{{user_additional.institution  or ''}}" >
		        </div>  
		    </div>
		    <div class="row">
		        <div class=" col-md-4 form-group">
		            <label>Start Date:</label>
		            <input type="date" name="start_date" id="start_date" class="form-control" value="{{user_additional.fellowship_start_date  or ''}}" >
		        </div>
		        <div class=" col-md-4 form-group">
		            <label>End Date:</label>
		            <input type="date" name="end_date" id="end_date" class="form-control" value="{{user_additional.fellowship_end_date  or ''}}" >
		        </div>     
		    </div>   
		     
		    
		     <div id="message" style="color: red;"></div>
    	</div><br><hr>
    	<div class="row">
			<div class="col-md-12">
				<label><h4 class="text-danger font-weight-bold"><b>Type of Practice and Practice Percentage</h4></label>
			</div>
		</div>
		<div class="row">
    <div class="col-md-6">
        <label><h6 class="font-weight-bold text-primary"><b>Which Type of Practice do you have:</b></h6></label><br>
        {% for practice in Helper.type_of_practice %}
            <input type="checkbox" name="type_of_practice" value="{{ practice }}" id="{{ practice | replace(' ', '_') }}"
            {% if user.type_of_practice :%}
            {% if practice in user.type_of_practice %} checked {% endif %}
            {% endif %}>
            <label for="{{ practice | replace(' ', '_') }}">{{ practice }}</label><br>
        {% endfor %}
        <div id="practice-error" class="text-danger" style="display:none;">Please select at least one type of practice.</div>
    </div>

    <div class="col-md-6">
        <label><h6 class="font-weight-bold text-primary"><b>What percentage(%) of your practice consists of Glaucoma Patients ?</b></h6></label><br>
        {% for percentage in Helper.practice_percentage %}
            <input type="radio" name="practice_percentage" value="{{ percentage }}" id="{{ percentage | replace(' ', '_') }}"
            {% if user.practice_consists_percentage :%}
            {% if percentage == user.practice_consists_percentage %} checked {% endif %}
            {% endif %}>
            <label for="{{ percentage | replace(' ', '_') }}">{{ percentage }}</label><br>
        {% endfor %}
        <div id="percentage-error" class="text-danger" style="display:none;">Please select at least one percentage of glaucoma patients.</div>
    </div>
</div>
<br><hr>
    	{% endif %}
		<div class="row ">
			<div class="col-12">
				<h4 class="text-danger font-weight-bold">USER ATTACHMENT</h4>
			</div>
		</div><br><br>
		<input type="hidden" name="user_id" id="user_id" value="{{user.user_id}}">
		<div class="row">
			{% for data in datas or [] %}
			<div class="col-md-3 mb-4">
				<div class="card user_attach_card text-white text-center mb-3" >
					<div class="card-header">{{data.attach_type}}</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>
						<label id="file_{{data.attach_type_id}}-error" class="error" for="file_{{data.attach_type_id}}"></label><br>
						<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>
			{% endfor %}
		</div><br><hr>
		<div class="row">
			<input type="hidden" name="user_id" id="user_id" value="{{user.user_id}}">
			<div class="col-md-12">
				<label><h3 class="text-danger font-weight-bold">Proposer</h3></label>
				<div class="input-group">  
					<input type="search" id="search_proposer" name="search_proposer" placeholder="Search here..."  class="form-control">  
					<div class="input-group-append">  
						<button type="button" onclick="btn_prosec('proposer')" id="button_proposer" class="btn btn-md btn-primary"> <i class="fa fa-search"> </i> </button>
					</div>  
				</div>
			</div>
		</div><br>
		<div class="row">
			<div class="col-md-12">
				<a href="{{url_for('backoffice.getMemberEdit',user_id=encrypt_user_id,society_id=society_id,society_key=society_key)}}" class="btn btn-danger float-right" id="cancel_proposer">Cancel</a>
			</div>
		</div>
		<br>
		<div class="row">
			<div class="col-md-12" id="show_proposer"></div>
		</div><br>
		<input type="hidden" id="user_id_refer_proposer" name="user_id_refer">
		<input type="hidden" id="type" name="type" value="proposer" >
		<div class="row">
			<div class="col-md-12" id="show_proposer_data"></div>
		</div>          
		<div class="row">
			<div class="col-md-12">
				<label><h3 class="text-danger font-weight-bold">Seconder</h3></label>
				<div class="input-group">  
					<input type="search" id="search_seconder" name="search_seconder" placeholder="Search here..." class="form-control">  
					<div class="input-group-append">  
						<button type="button" onclick="btn_prosec('seconder')" id="button_seconder" class="btn btn-md btn-primary" > <i class="fa fa-search"> </i> </button>  
					</div>  
				</div>
			</div>
		</div><br>
		<div class="row">
			<div class="col-md-12">
				<a href="{{url_for('backoffice.getMemberEdit',user_id=encrypt_user_id,society_id=society_id,society_key=society_key)}}" class="btn btn-danger float-right" id="cancel_seconder">Cancel</a>
			</div>
		</div><br>
		<div class="col-md-12" id="show_seconder"></div><br>
		<input type="hidden" id="user_id_refer_seconder" name="user_id_refer">
		<input type="hidden" id="type" name="type" value="seconder">
		<div class="col-md-12" id="show_seconder_data"></div><hr>
		<input type="hidden" name="payment_id" id="payment_id" value="{{user.payment_id or 0}}">
		{% if user_pay_method : %}
			<div class="row">
				<div class="col-md-12">
					<label><span class=" h3 text-danger font-weight-bold">Payment   :   </span><span class="h3 font-weight-bold" id="payment_method" name="payment_method" value="{{user_pay_method }}">{{user_pay_method }}</span></label><br>
					{% if (user_pay_method == 'BO - UPI' or user_pay_method == 'UPI') and user.utr_number : %}
					<label><span class=" h4 text-danger font-weight-bold">UTR Number  :   </span><span class="h4 font-weight-bold">{{user.utr_number or ""}}</label>
				{% endif %}
				</div>
			</div>
		{% else %}
			<div class="row">
				<div class="col-md-6 form-group">
					<label>Payment Mode:</label>
				</div>
				<div class="col-md-6 form-group">
					<select class ="form-control" id = "payment_method" name = "payment_method" onchange="payment_type('{{society_id}}')">
						<option  id ="select" value="">Select Payment type</option>
						{% if payment_content %}
							{% for payment in payment_content %}
								<option value = "{{payment.payment_type}}" {{ 'selected' if payment.payment_type == user.payment_method else '' }}>{{payment.payment_type}}</option>
							{% endfor %}
						{% endif %}
					</select>
				</div>   
			</div>
			<div class="row">
				<div class="col-md-6 form-group">
					<label>Payment Remarks:</label>
				</div>
				<div class="col-md-6 form-group">
					<input type="text" id="payment_remarks" name="payment_remarks" class="form-control">
				</div>   
			</div><hr>
		{% endif %}
		<div class="row" id="payment_proof">
			<div class="col-md-12">
				<div id='payment_content'></div>
			</div>
			{% for data in image or [] %}
				<div class="col-md-4 offset-md-4  mb-4   d-flex align-items-stretch">
					<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="file" class="form-control" id="file_{{data.attach_type_id}}" name="file_{{data.attach_type_id}}"/> -->
							<label id="file_{{data.attach_type_id}}-error" class="error" for="file_{{data.attach_type_id}}"></label><br>
							<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>
			{% endfor %}
		</div>
		{% if user.utr_number or user.payment_method == "UPI" : %}
		   {% set utr_display = "block" %}
		{% else %}
			{% set utr_display = "none" %}
		{% endif %}
		<div class="row" style="display: {{utr_display}}" id="utr_number_card">
			<div class="col-md-4 offset-md-4 mb-4">
				<div class="card text-white text-center bg-primary user_attach_card mb-3" >
					<div class="card-header">Please provide the 12 digit UTR number *</div>
					<div class="card-body">
						<input type="text" class="form-control" id="utr_number" name="utr_number" value="{{user.utr_number or ''}}"/> 
					</div>
					<label id="utr_number-error" class="error" for="utr_number"></label><br>
				</div>
			</div>
		</div>
		<div class="row">
			<div class="col-md-12">
				<label class="font-weight-bold">Status</label>
			</div>
			<div class="col-md-12">
				<select class="form-control" id="status_id" name="status_id" onchange="onchange_curstatus()">
					<option value = "0" id = "select">Select Status</option>
					{% if current_status %}
						{% for status in current_status %}
							<option value = "{{status.status_id}}"{{ 'selected' if status.status_id == user.status_id|int else ''}}> {{status.current_status}}</option>
						{% endfor %}
					{% endif %}                           
				</select>
			</div>
			<div class="col-md-12 mt-3">
				<label class="font-weight-bold">Remarks:</label>
				<textarea class="form-control rounded-0" id="remarks" name="remarks" rows="3" value="{{user.remarks or '' }}"></textarea>
			</div>
			<div class="col-md-12 mt-4" id="approved_div">
				<h4 class="font-weight-bold">Choose member type and approved the application</h4>
				{% for item in member_type  %}
					<div class="col-md-12 form-group">
						<input type="radio" class="form-input ml-2" name="m_member_types" value="{{item.member_type_id}}" id="{{item.member_type_id}}"{{"checked" if user.member_type_id==item.member_type_id }}/>
						<label  class="ml-2" for="{{item.member_type_id}}">{{ item.member_type }}</label>
					</div>
				{% endfor %}
				<label id="member_type-error" class="error" for="m_member_types" style="color:rgb(226, 5, 5)"></label>
			</div>
		</div>
		<div class="row mt-3">
			<div class="col-md-12">
				<button type="submit" class="btn btn-primary btn-lg float-right submit_btn" id="btnsubmit" name="btnsubmit">Update</button>
			</div>
		</div>   
	</form>
	
</div>
<script src="https://cdnjs.cloudflare.com/ajax/libs/moment.js/2.25.1/moment.min.js"></script>
	{% endblock %}
{% block script %}
<script type="text/javascript">
	var BaseUrl     = document.location.origin
	var user_id     = $("#user_id").val();
	var society_id  = "{{society_key}}";
	var society_key = "{{society_key}}";
	$('#dob').mask('00-00-0000');
	$(document).ready(function ()
	{ 
		$("#approved_div").hide();
		onchange_country();
		var cur_status      = $("#status_id").val();
		if (cur_status == 14 && $('#membership_no').val().length != 0){
			$("#approved_div").show()
		}
		$("#btnsubmit").click(function() 
		{
		if ($("input[name='is_life_member']:checked").val() === "no") 
		{
				$("#place").val('');
	            $("#fellowship_institution").val('');
	            $("#start_date").val('');
	            $("#end_date").val('');
		}
		if ($("input[name='is_life_member']:checked").val() === "yes")
		{
			var place = $("#place").val();
			var fellowship_institution = $("#fellowship_institution").val();
			var start_date = $("#start_date").val();
			var end_date = $("#end_date").val();
			if (place == '' || fellowship_institution == '' || start_date == '' || end_date == '') {
			alert("Please add fellowship details") 
			return false;  
				}
		}

			var m_member_types = $('input[name=m_member_types]:checked').val();
			if (m_member_types) {
				$("#member_type").val(m_member_types);
			} 
			else {
				var member_types =$("#member_type").val();
				$("#member_type").val(member_types);
			}
			
			validate_update_form();
		})
	})
	jQuery.validator.addMethod("validDate", function(value, element) {
	var check   = moment(value,"DD-MM-YYYY");    
	var isvalid =  this.optional(element) || check.isValid();
	if (isvalid == true)
	{   
		var year  = check.format('YYYY');
		if (year == "0000" )
		{
			isvalid = false; 
		}
	}
	return isvalid
	}, "Please enter a valid date in the format DD-MM-YYYY");

	jQuery.validator.addMethod("valid23AboveYear", function(value, element) {
		var check = moment(value,"DD-MM-YYYY");    
		var isvalid =  this.optional(element) || check.isValid();
		if (isvalid == true)
		{   
			var year  = check.format('YYYY');
			var currentyear =  new Date().getFullYear();
			var checkyear = currentyear - 23;
			if (checkyear < year)
			{
				isvalid = false; 
			}
		}
		return isvalid
		}, "Invalid DOB ");    
		
	jQuery.validator.addMethod("validdatefromate", function(value, element) {
		return this.optional(element) ||  /^\d{1,2}\-\d{1,2}\-\d{4}$/.test(value);
	}, "Please enter valid date.");
function validate_update_form()
{
	errorclass : 'error',
	$("#bo_edit_form").validate({
	rules : {
	   name :"required",
	   mobile    : {
				minlength : 10,
				maxlength : 10
				},
   aadhaar_number: {
				minlength : 14,
				maxlength : 14
		   },
		whatsapp_number    : {
				minlength : 10,
				maxlength : 10
				},
	   dob       : {
				validdatefromate: true,
				valid23AboveYear :true,
				validDate:true
			},
	   pincode   : {
				minlength : 6,
				maxlength : 6
				},
	  utr_number  :{
				required  : true,
				minlength : 12,
	  }
	},
	messages : {
		name   : "Please enter the name",
		mobile      : {
					   minlength:"Mobile number need 10 charcters",
					   maxlength : "Mobile Number provided is too long"
						},
		aadhaar_number :  {
					   maxlength : "Aadhaar Number provided is too long",
					   minlength : "Aadhaar Number must be 12 digits"
						},
		whatsapp_number      : {
					   minlength :"Whatsapp number need 10 charcters",
					   maxlength : "Whatsapp Number provided is too long"
						},
		pincode     : {
						maxlength :"Pincode must be 6 digits",
						minlength :"Pincode must be 6 digits"
					},
		utr_number   : {
						required  : "Please provide twelve digits UTR Number",
						minlength : "Please provide twelve digits UTR Number"
					},
	},
		highlight: function(element) {
			$(element).parent().addClass('error')
		},
		unhighlight: function(element) {
			$(element).parent().removeClass('error')
		},
		invalidHandler: function(form, validator) {
		if (!validator.numberOfInvalids())
			return;

		$('html, body').animate({
			scrollTop: $(validator.errorList[0].element).offset().top
		}, 300);
		}
	})
			
}
</script>
<script type="text/javascript">
	var society_id  = "{{society_id}}";
	var society_key = "{{society_key}}";
	var is_fellowship = "{{user_additional.is_any_fellowship}}"
	
$(document).ready( function ()
{
	
	if (is_fellowship == "yes")
	{
		$("#is_training").show();  
	}
	else if (is_fellowship == "no")
	{
		$("#is_training").hide();
	}
	
	$("input[name='is_life_member']").on("change", function() 
	 {
	        if ($("input[name='is_life_member']:checked").val() === "yes") 
	        {
	            $("#is_training").show();  
	        } 
	        else {
	            $("#is_training").hide();
	             
	        }
	    });



	function checkDateDifference() {

                var startDate = $('#start_date').val();
                var endDate = $('#end_date').val();

                if (startDate && endDate) {
                    
                    var start = new Date(startDate);
                    var end = new Date(endDate);

                    
                    var timeDiff = end - start;

        
                    var dayDiff = timeDiff / (1000 * 3600 * 24);


                    if (dayDiff < 182) {
                         $('#message').text(`You are not eligible for full life membership. Total no of days = ${dayDiff}`);
                         $('#message').css("color", "red");
                         $('#start_date').val('');
                        $('#end_date').val('');
                    } else {
                        $('#message').text(`You are eligible for full life membership. Total no of days = ${dayDiff}`);
                        $('#message').css("color", "green");
                    }
                }
            }


            $('#start_date, #end_date').on('input', function () {

                checkDateDifference();
            });


	get_user_qualification_list()
	$("#add_qul").click(function()
	{ 
		var uq_id            = $("#uq_id").val();
		var user_id          = $("#user_id").val();  
		var qualification    = $("#qualification").val();    
		var year_from        = $("#year_from").val();  
		var year_passing     = $("#year_passing").val(); 
		var institution      = $("#institution").val(); 
		if (qualification == '' || institution == '' || year_from == '' || year_passing == '') {
			alert("Please add qualification details")   
		}
		else if (year_passing < year_from) {
			alert("Passed out year must be greater than from year");    
			clear()         
		}
		else
		{
			$.ajax({
				type: 'POST', 
				url: BaseUrl+"/bo/insert_qualification/"+society_id+"/"+society_key,
				data: {
					'uq_id'         : uq_id || 0,
					'user_id'       : user_id,
					'qualification' : qualification,
					'year_from'     : year_from,
					'year_passing'  : year_passing,
					'institution'   : institution,
				},               
				dataType: 'html',
				success: function(data)
				{
					$("#ShowTable").html(data)
					clear()              
				},
				error: function(XMLHttpRequest, textStatus, errorThrown) {} 
			});
		}
		return false; 
	})
	var year_from    = $("#year_from");
	var year_passing = $("#year_passing");
	
	var currentYear = (new Date()).getFullYear();
	for (var i =currentYear ; i >=1950 ; i--) {
		var option = $("<option />");
		option.html(i);
		year_from.append(option.val(i));
	}
	for (var i =currentYear ; i >=1950 ; i--) {
		var option = $("<option />");
		option.html(i);
		year_passing.append(option.val(i));
	}
	$("#clear_qul").click(function() 
	{
		clear()
	})
	 
})
function get_user_qualification_list() {
	$.ajax({
		type: 'GET', 
		url: BaseUrl+"/bo/get_qualifications_by_user/"+society_id+"/"+society_key,
		data:{'user_id':user_id}, 
		dataType: 'html',
		success: function(data){ 
			$("#ShowTable").html(data)    
		},
		error: function(XMLHttpRequest, textStatus, errorThrown) { 
		}                             
	});                  
}
function clear() {
	$('#uq_id').each(function() { $(this).val(''); });    
	$('#year_from').each(function() { $(this).val(''); });                      
	$('#year_passing').each(function() { $(this).val(''); });
	$('#qualification').each(function() { $(this).val(''); });
	$('#institution').each(function() { $(this).val(''); });    
}
</script> 
<script type="text/javascript">
	
	var BaseUrl     = document.location.origin     
	var user_id     = $("#user_id").val();
	var society_id  = "{{society_id}}";
	var society_key = "{{society_key}}";
	$(document).ready(function ()
	{   
		var district = $('#district').val();
		if (district =="Others"){
			$('#other_district').show();
		}
		else{
			$('#other_district').hide(); 
		}
		userwork()  
		$("#add_wrk").click(function()
		{   
			var user_id             = $("#user_id").val();
			var work_id             = $("#work_id").val();
			var position_type_id    = $("#position_type_id").val();
			var work_type_id        = $("#work_type_id").val();
			var work_status         = $("#work_status").val();
			var work_since          = $("#work_since").val();
			var work_until          = $("#work_until").val();
			var work_place          = $("#work_place").val();
			if($("#work_until").val().length === 0){
				var work_until = 0;
			}
			else{
				var work_until = $("#work_until").val();
			}
			if (work_type_id == '' || work_status == '' || work_since == '' || work_place == '' || position_type_id == '') {
				alert("Please add experience details")   
			}
			else if (work_status=='Pass' && work_until < work_since){
				alert("Until year must be greater than since year");    
				clearall()  
			}                    
			else
			{
				$.ajax({
					type: 'POST', 
					url: BaseUrl+"/bo/insert_work/"+society_id+"/"+society_key,
					data: {
						'user_id'       : user_id,
						'work_id'       : work_id || 0,
						'work_type_id'  : work_type_id,
						'position_type_id':position_type_id,
						'work_status'   : work_status,
						'work_since'    : work_since,
						'work_until'    : work_until,
						'work_place'    : work_place,
					},               
					dataType: 'html',
					success: function(data)
						{
							$("#showtable").html(data)
							clearall()              
						},
					error: function(XMLHttpRequest, textStatus, errorThrown){} 
				});
			}
			return false;              
		})
		
		$("#clear_wrk").click(function() { clearall() })
		var Years       = $("#work_since");
		var currentYear = (new Date()).getFullYear();
		for (var i =currentYear ; i >=1950 ; i--) {
			var option = $("<option />");
			option.html(i);
			option.val(i);
			Years.append(option);
		}
		var Years       = $("#work_until");
		var currentYear = (new Date()).getFullYear();
		for (var i =currentYear ; i >=1950 ; i--) {
			var option = $("<option />");
			option.html(i);
			option.val(i);
			Years.append(option);
		}  
	});
	
$("#district").change(function(){
		var district = $('#district').val();
		if (district=="Others"){
			$('#other_district').show();
		}
		else{
			$('#other_district').hide(); 
		}
	});

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();    
	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_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 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_member_type() 
	{
		
		$("#member_type-error").text("");
		if ($("#change_member_type").is(":checked")) {
			
			return true;
		} 
		else {
			$("#member_type-error").text("Please select membership type");
			return false;
		}
	}



	
function userwork() 
{
	$.ajax({
		type: 'GET', 
		url: BaseUrl+"/bo/get_work_by_user/"+society_id+"/"+society_key,
		data:{ 'user_id':user_id }, 
		dataType: 'html',
		success: function(data){
		  $("#showtable").html(data)
		},
		error: function(XMLHttpRequest, textStatus, errorThrown) {} 
	});                  
}      
function clearall() 
{
	$('#work_id').each(function() { $(this).val(''); }); 
	$('#work_type_id').each(function() { $(this).val(''); }); 
	$('#position_type_id').each(function() { $(this).val(''); }); 
	$('#work_status').each(function() { $(this).val(''); });                   
	$('#work_until').each(function() { $(this).val(''); });
	$('#work_since').each(function() { $(this).val(''); });
	$('#work_place').each(function() { $(this).val(''); });  
	onchange_status();
}  
function onchange_status()
{
	var status=$("#work_status").val()        
	if(status=='Pass')
	{
		$("#div_work_until").show()
	}
	else
	{
		$("#div_work_until").hide()
		$("#work_until").val("")
	}
}
function onchange_country()
{
	var country_id=$("#country").val()
	$.ajax({
		type: 'GET', 
		url: BaseUrl+"/bo/state/"+society_id+"/"+society_key, 
		data:{'country_id':country_id}, 
		dataType: 'json',
		success: function(data){
			$("#state").empty();
			$("#state").append($("<option></option>").val('').html('Select State')); 
			$.each(data, function (i, state) 
			{  
				$("#state").append($("<option></option>").val(state.state_id).html(state.state_name)); 
			})
			$("#state").val("{{user.state_id}}")
		},
		error: function(XMLHttpRequest, textStatus, errorThrown) { 
		} 
	});                   
}               
</script>
<script type="text/javascript">
	var BaseUrl = document.location.origin     
	var user_id=$("#user_id").val();
	var society_id  = "{{society_id}}";
	var society_key = "{{society_key}}";
	$(document).ready( function ()
	{
		userpublication()  
		$("#add_publication").click(function()
		{   
			var user_id             = $("#user_id").val();
			var publication_id      = $("#publication_id").val();
			var author_type         = $("#author_type").val();
			var author_description  = $("#author_description").val();
			if (author_type == '' || author_description == '') {
				alert("Please add publication details")   
			} 
			else
			{
				$.ajax({
					type: 'POST', 
					url: BaseUrl+"/bo/insert_publication/"+society_id+"/"+society_key,
					data: {
							'user_id'              : user_id,
							'publication_id'       : publication_id || 0,
							'author_type'          : author_type,
							'author_description'   : author_description
						},  
					dataType: 'html',
					success: function(data)
						{
							$("#publicationtable").html(data)
							clearpublication()              
						},
					error: function(XMLHttpRequest, textStatus, errorThrown) { } 
				});
				return false; 
			}             
		})
		$("#clear_publication").click(function() { clearpublication() })  
	});    
	function userpublication() 
	{
		$.ajax({
			type: 'GET', 
			url: BaseUrl+"/bo/get_publication_by_user/"+society_id+"/"+society_key,
			data:{ 'user_id':user_id }, 
			dataType: 'html',
			success: function(data){ $("#publicationtable").html(data) },
			error: function(XMLHttpRequest, textStatus, errorThrown) {}                                         
		});                  
	}  
	function clearpublication() 
	{
		$("#publication_id").val(0);
		$("#author_description").val('');
		$("#author_type").val('');
	}                
</script>
<script type="text/javascript">
	
	var BaseUrl = document.location.origin
	var oneMB = 1048576
	var society_id  = "{{society_id}}";
	var society_key = "{{society_key}}";  
$( ".file-field" ).on( "click", function() {
 $(this).find('input[type="file"]')[0].click()
});
function uploaduser_attachment(type_id)
{
	var user_id = $("#user_id").val();
	// validate_userattachment_form(type_id)
	if(!validate_userattachment_form(type_id))
	{
		return false  
	}
	var ext = $('#file_'+type_id).val().split('.').pop().toLowerCase();
	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!');
			});
	}        
}
function deleteuser_attachment(type_id)
{   
	
	var fd = new FormData();
	fd.append('attach_id',$("#attach_"+type_id).val());
	fd.append('attach_type_id',$("#attach_type_"+type_id).val());
	var msg=confirm("Are you sure to delete?")
	if (msg==true) 
	{
		$.ajax({
			type: 'POST',
			url: BaseUrl+"/bo/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_img()
			}).fail(function(data){
			alert('error!');
			});
	}
	else {}
}
function clear_img() {
    $('input[type=file]').each(function() 
    {
        $(this).val('');
    }); 
    
}
function  validate_userattachment_form(type_id)
{
	var payment_method = $("#payment_method").val();
	var user_pay_method = "{{user_pay_method}}";
	if((type_id == 6||type_id == 15||type_id == 19||type_id == 27) && (payment_method.length == 0) && user_pay_method == 'None')
	{
		alert("Please choose payment method"); 
		return false; 
	}
	else { return true;}           
}
</script>
<script type="text/javascript">

	var BaseUrl = document.location.origin
	var type    = "{{ type }}";
	var user_id = $("#user_id").val();
	var society_id  = "{{society_id}}";
	var society_key = "{{society_key}}";  
	$(document).ready( function (){
	  get_exists_proandsec("proposer")
	  get_exists_proandsec("seconder")
	})
	function get_exists_proandsec(type) {
	  $.ajax({
		type: 'POST', 
		url: BaseUrl+"/bo/get_exists_proandsec/"+society_id+"/"+society_key, 
		data:{'user_id':user_id,'type':type}, 
		dataType: 'json',
		success: function(data){
		  if(data.status == 1)
		  {
			$("#show_"+type+"_data").html(data.html)
			$("#search_"+type).hide();
			$("#cancel_"+type).hide();
			$("#button_"+type).hide();
		  }
		},
	  })
	}
	function btn_prosec(type) 
	{
		$('#show_'+type).show()
		var search_value    = $("#search_"+type).val();
		if (search_value.length < 3)
		{
			alert("Please select atleast 3 character");
		}
		else
		{
		   $.ajax({
				url:"/bo/search_member/"+society_id+"/"+society_key,
				method:"POST",
				data:{'search_value':search_value,'type':type},
				success:function(data)
				{
					$('#show_'+type).html(data);
				}
			});
		}
	} 
	function payment_type(society_id) 
	{
		var payment_method = $("#payment_method").val();
		var user_pay_method = "{{user_pay_method}}";
		if (payment_method == 'UPI'){
			$('#utr_number_card').show();
		}
		else{
			$('#utr_number_card').hide();
		}
		if (payment_method != 'Online Payment' || user_pay_method != 'None') {
			$("#payment_proof").show();
			$("#payment_content").show();
			$.ajax({
				url      : "/bo/payment_content/"+society_id+"/"+society_key,
				method   : "POST",
				dataType : "html",
				data     : {'payment_method':payment_method},
				success:function(data)
				{ 
				  $('#payment_content').html(data);
				}
			});     
		}
		else if (payment_method == 'Online Payment') {
			$("#payment_proof").hide();
			$("#payment_content").hide();            
			$(".submit_btn").text("Update");
		}   
	} 
	function onchange_curstatus()
	{
		var cur_status      = $("#status_id").val();
		var approve_type    = "{{societyData.member_approve_type}}";
		var user_pay_method = "{{user_pay_method}}";

		if(cur_status == 17 && approve_type=='before payment')
		{
			$('#approved_div').show();
		}
		else if(cur_status == 14  && approve_type=='before payment')
		{
			if($("#payment_method").val().length == 0 && user_pay_method == 'None'){

				alert("Please select Payment type and upload payment proof");
				$("#status_id").val(17);
			}
			else{
				$('#approved_div').show();
				$(".submit_btn").text("Update & Generate membership number");
			}
		}
		else if(cur_status == 14  && approve_type == 'after payment')
		{
			if($("#payment_method").val().length == 0 && user_pay_method == 'None')
			{
				alert("Please select Payment type and upload payment proof");
				$("#status_id").val(11);
			}
			else
			{
				if ($("#payment_method").val() == 'Online Payment'){
					$('#approved_div').hide();
				}
				else{
					$('#approved_div').show();
					$(".submit_btn").text("Update & Generate membership number");
				}		
			}
		}
		else{
			$('#approved_div').hide();	
		}
	}

</script>
{% endblock %}