{% extends 'memberapp_users/layout.html' %}
{% block head %} 
{% endblock %}
{% block title %}Verify your membership application{% endblock %} 
{% block content %}
<form method="POST" id="view_form" action="{{url_for('member.getMakePayment',user_id=encrypt_user_id,society_id=society_id,society_key=society_key,step_no=step_no)}}">
	<div class="row ">
		<div class="col-md-12 text-center">
			<label><h2>Membership Application of {{user.prefix}}{{user.full_name}}</h2></label>
		</div>
	</div>
	{% for mesg in get_flashed_messages(category_filter=["successMsg"]) %}
	<div class="alert alert-success text-center" id="successMessage" >
		<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" id="successMessage" >
		<h4><img src="/static/images/wrong_img.png" alt="wrong"height="21" width="21">{{ mesg }}</h4>
	</div>
	{% endfor %}
	{% if view_code == 1 %}
		<a href="{{ url_for('member.Dashboard',user_id=encrypt_user_id,society_id=society_id,society_key=society_key) }}" class="btn btn-danger btn-lg">Back</a><br>
	{% endif %}
	<br/>
	<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">
				<h4 class="font-weight-bold text-danger">{{user.prefix or ''}}{{user.full_name or ''}}</h4>
			</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">
				{% if user.mobile: %}
					<h5>{{user.mobile}}</h5>
				{% else %}
					<h5>-</h5>
				{% endif %}
			</div>
		</div>
		<div class="row form-group">
			<div class="col-md-6">
				<label>Whatsapp Number:</label>
			</div>
			<div class="col-md-6">
				{% if user.whatsapp_number %}
					<h5>{{user.whatsapp_number}}</h5>
				{% else %}
					<h5>-</h5>
				{% endif %}
			</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">
				<h5>{{user.address1 or '-'}}</h5>
				<h5>{{user.address2 or ''}}</h5>
				<h5>{{user.address3 or ''}}</h5>
			</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">
				{% if user.city: %}
					<h5>{{user.city}}</h5>
				{% else %}
					<h5>-</h5>
				{% endif %}
			</div>
		</div>
		<div class="row form-group">
			<div class="col-md-6">
				<label>Pin Code/Zip Code:</label>
			</div>
			<div class="col-md-6">
				{% if user.pincode %}
					<h5>{{user.pincode}}</h5>
				{% else %}
					<h5>-</h5>
				{% endif %}
			</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 datas|length != 0: %}
		<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">Passed 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>
		<br>
		{% endif %}
		<br>
		{% if user_training|length != 0: %}
		<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 in user_training %}
					<tr id="{{training.ut_id}}" >
						<td data-label="SNo">{{loop.index}}</td>
						<td data-label="Institution">{{training.institution or ''}}</td>
						<td data-label="From">{{training.from_date or ''}}</td>
						<td data-label="Passing">{{training.duration or ''}} </td>
						<td data-label="Institution/University">{{training.teacher or ''}}</td>
					</tr>
					{% endfor %}
				</tbody>
			</table>
		</div>
		<br>
		{% endif %}
		{% if data|length != 0: %}
		<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-white">
				<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="Institution/Hospital type">{{work.work_type or ''}}</td>
						{% if society_id|int == 3 %}
						<th data-label="Position Type">{{work.position_type or ''}}</th>
						{% endif %}
						<td data-label="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="Institution/Hospital">{{work.work_place or ''}}</td>                                    
					</tr>
					{% endfor %}
				</tbody>
			</table>
		</div>
		<br>
		{% endif %}
		{% if user_publication|length != 0: %}
		<h4  class="bg-dark text-white mb-0 border p-3 font-weight-bold">Publication</h4>	
		<div class="mobile-responsive">
			<table class="table table-striped table-bordered bg-white">
				<thead>
					<tr>
						<th scope="col">SNo</th>
						<th scope="col">Author type</th>
						<th scope="col">Description</th>
					</tr>
				</thead>
				<tbody >
					{% for pubdata in user_publication %}
					<tr>
						<td data-label="SNo">{{loop.index}}</td>
						<td data-label="Author type">{{pubdata.author_type or ''}}</td>
						<td data-label="Description">{{pubdata.author_description or ''}}</td>                                 
					</tr>
					{% endfor %}
				</tbody>
			</table>
		</div>
		<br>
		{% endif %}
		{% 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>
		{% if user.type_of_practice :%}
		    <h4  class="bg-dark text-white mb-0 border p-3 font-weight-bold">Type of Practice and Practice Percentage</h4>
			<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>
		{% if othersociety|length != 0: %}
	  	
		<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 othersociety %}

				   <tr id="{{row.user_other_society_id}}" >
					 <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>  
		{% endif %} 
		{% if image|length != 0: %}
		<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-3 mb-4 ">
				<div class="card text-white user_attach_card mb-3" >
					<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 :%}
									<a href="{{ src }}" target="_blank"><iframe src="{{ src }}" id="iframe_{{user_attach.attach_type_id}}" alt="{{user_attach.attach_type}}"  width="100%" height="auto" allow="encrypted-media" allowfullscreenstyle="max-height: 150px;" > </iframe></a>
								{% else %}
									<a href="{{ src }}" target="_blank"><img src="{{ src }}" id="img_{{user_attach.attach_type_id}}" alt="{{user_attach.attach_type}}" width="100%" height="auto" style="max-height: 150px;"></a>
								{% endif %}
							{% else %}
								{% set  src= "" %}
								<a href="{{ src }}" target="_blank"><img src="{{ src }}" id="img_{{user_attach.attach_type_id}}" alt="{{user_attach.attach_type}}" width="100%" height="auto" style="max-height: 150px;"></a>
							{% endif %}
							
						</div>
						<div class="card-footer text-center">
							<a href="{{ src }}" target="_blank" class="text-white">Preview</a>
						</div>
					</div>
				</div>
			</div>
			{% endfor %}
		</div>
		{% endif %}         
		<div class="row">
			{% for prosec in prosec_data %}
			<div class="col-md-6">
				<input type="hidden" name="reference_id" id="reference_id_{{type}}" value="{{prosec.reference_id or 0}}">
				<input type="hidden" name="reference_by" id="reference_by_{{type}}" value="{{prosec.reference_by}}">
				<div class="mobile-responsive">
					<table class="table table-striped table-bordered bg-white" id="myTable">
						<tr>
							<td colspan="2" class="bg-dark text-white"><h4 style="text-transform: capitalize;color: white;"><b>{{prosec.type}}</b></h4></td>
						</tr>
						<tr>
							<th>Full Name:</th>
							<td data-label="Full Name">{{prosec.prefix or ''}}{{prosec.full_name or ''}}</td>
						</tr>
						<tr>
							<th>Membership Number:</th>
							<td data-label="Membership Number">{{prosec.membership_no or ''}}</td>
						</tr>
						<tr>
							<th>Email id:</th>
							{% if prosec.email is not none: %}
								<td data-label="Email id">{{Helper.email_mask(prosec.email)}}</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">{{Helper.mobile_mask(prosec.mobile)}}</td>
							{% else %}
								<td data-label="Mobile Number"></td>
							{% endif %}
						</tr>
						<tr>
							<th>City:</th>
							<td data-label="City">{{prosec.city or ''}}</td>
						</tr>
					</table>
				</div>
			</div>
			{% endfor %}   
		</div> 
		<br/>
		{% if member.display_name: %}
		   <div class="row">
				<label class="ml-3">
					<span class="font-weight-bold h5">Payment :</span> 
					<span class="text-danger h5"><b>{{member.display_name or ''}}</b></span><span class="text-success">{% if user.payment_method : %} (Paid) {% endif %}</span><br>
				</label>
			</div> 
		{% endif %}
		<br> 
		{% if view_code == 0 %}  
			{% if user.status_id == societyData['ms_rejected_status_id'] %} 
				<div class="row">
					<div class="col-md-12 text-md-left text-center">
						<a  href="{{ url_for('member.getStep',user_id=encrypt_user_id,step_no=step_no,society_id=society_id,society_key=society_key) }}" class="btn btn-lg btn-secondary mb-2">Back To Edit</a>
						{% if societyData['paymentgateway_appmaster_id']: %} <!-- VRSI,IPGS,APOTS -->
							<a href="{{url_for('member.SubmitReupdate',user_id=encrypt_user_id,society_id=society_id,society_key=society_key)}}" class="btn btn-lg btn-primary float-md-right mb-2">Submit</a>
						{% else %} <!-- MOS,TNOA,CSOS,IPGS-->
							<input type="submit" value="Proceed to edit payment" name="submit_update" id="submit" class="btn btn-lg btn-primary  float-md-right mb-2">
						{% endif %}
					</div>
				</div>
			{% else %}   
				{% if  societyData['terms_condition'] : %}
					<div class="row">
					   {{societyData['terms_condition']|safe}} 
					</div>
				{% endif %}
				<div class="row">
					<div class="col-md-12 text-md-left text-center">
						<a  href="{{ url_for('member.getStep',user_id=encrypt_user_id,step_no=step_no,society_id=society_id,society_key=society_key) }}" class="btn btn-lg btn-secondary mb-2" >Back To Edit</a>
						{% if societyData['member_approve_type'] == "before payment" :   %}
							<input type="submit" value="Submit" name="submit_update" id="submit" class="btn btn-lg btn-primary  float-md-right mb-2">
						{% else %}
							<input type="submit" value="Proceed to make payment" name="submit_update" id="submit" class="btn btn-lg btn-primary  float-md-right mb-2">
						{% endif %}
					</div>
				</div>
			{% endif %}
		{% endif %}
	</div>

</form>

{% endblock %}