{% extends 'memberapp_users/layout.html' %}
{% block head %}  
{% endblock %}
{% block title %}Application Form{% endblock %} 
{% block content %} 

    {% 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|safe }}</h4>
    </div>
    {% endfor %}

    {% for mesg in get_flashed_messages(category_filter=["errorMsg"]) %}
    <div class="alert alert-danger text-center alert-dismissible" id="successMessage" >
        <a href="#" class="close" data-dismiss="alert" aria-label="close">&times;</a>
        <h4><img src="/static/images/wrong_img.png" alt="wrong"height="21" width="21">{{ mesg }}</h4>
    </div>
    {% endfor %}
    
    <div class="text-center text-danger font-weight-bold h2">Membership Profile of {{user.prefix or ''}}{{user.full_name or ''}}</div>
    
    <input type="hidden" name="user_id" id="user_id" value="{{user_id}}">
    <div class="member p-2">
        
        <div class="alert alert-info border border-primary p-3">
            <div class="row form-group">
                <div class="col-md-6">
                    <h4>Membership Number:</h5>
                </div>
                <div class="col-md-6">
                    <h4 class="font-weight-bold">{{user.membership_no or ''}}</h5>
                </div>
            </div>
            <div class="row form-group">
                <div class="col-md-6">
                    <h4 >Member Type:</h5>
                </div>
                <div class="col-md-6">
                    <h4 class="font-weight-bold">{{user.member_type or ''}}</h5>
                </div>
            </div>  
            
            <div class="row form-group">
                <div class="col-md-6">
                    <h4>Status:</h4>
                </div>
                <div class="col-md-6">
                    <h4 class="font-weight-bold" >{{user.display_name or ''}}</h4>
                </div>
            </div>
        </div>
        

    <div class="bg-light p-4">
        
        <div class="row form-group mt-4">
            <div class="col-md-6">
                <label>Full Name:</label>
                {% if society_key in Helper.ColumnDescription: %}
                    <br>
				    <span>(as in medical council record)</span>
			    {% endif %}
            </div>
            <div class="col-md-6">
                <h4 class="font-weight-bold">{{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 %}
                    <h5>{{user.district}}</h5>
                {% 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>
        <br>
        {% 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>
                        <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>
                        <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 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 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+"?"+Helper.getcurrenttimestamp()|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>  


        {% if user.status_id == societyData['ms_rejected_status_id']: %}
        <div class="row">
            <div class="col-md-11">
                <a href="{{ url_for('member.getStep',user_id=encrypt_user_id,step_no=1,society_id=society_id,society_key=society_key) }}" class="btn btn-success float-right text-white">Click here to resubmit your application with amended data / document(s)</a>   
            </div>
        </div>
        {% endif %}
        {% if user.status_id == societyData['ms_approved_awaitingpayment_status_id']: %}
        <div class="row">
            <div class="col-md-11">
                <a href="{{ url_for('member.Payment_v1',user_uuid=user.user_uuid,society_id=society_id,society_key=society_key,step_no=7) }}" class="btn btn-primary float-right text-white">Click here to make payment</a>   
            </div>
        </div>
        {% endif %}
        <br>
        
    
        
        {% if userData.proposer_id : %}
        <div class="col-md-12">
            <div class="mobile-responsive">
                <table class="table table-striped table-bordered  bg-white" id="myTable">
                    <tr>
                        <td  colspan='3' class="bg-dark"><label style="text-transform: capitalize;color: rgb(6, 6, 87);"><b class="text-light">Proposer</b></label></td>
                    </tr>
                    <tr>
                        <th>Full Name:</th>
                        <td data-label="Full Name" colspan="2">{{userData.proposer_name or ""}}</td>
                    </tr>
                    <tr>
                        <th>Membership Number:</th>
                        <td data-label="Membership Number" colspan="2">{{userData.proposer_membership_no or ""}}</td>
                    </tr>
                    <tr>
                        <th>Email id:</th>
                        <td data-label="Email id" colspan="2">{{Helper.email_mask(userData.proposer_email or "")}}</td>
                    </tr>
                    <tr>
                        <th>Mobile Number:</th>
                        <td data-label="Mobile Number" colspan="2">{{Helper.mobile_mask(userData.proposer_mobile or "")}}</td>
                    </tr>
                    <tr>
                        <th>City:</th>
                        <td data-label="City" colspan="2">{{userData.proposer_city or ""}}</td>
                    </tr>
                    <tr>
                        <th>Status:</th>
                        <input type="hidden" id="proposer" name="proposer"  value="{{user.proposer_id}}" >
                        {% if userData.proposer_status == "Rejected": %}
                                <td data-label="Status">{{userData.proposer_status or ''}}<button type="button" class="btn btn-danger pull-right click_pro"
                                    data-toggle="modal" data-target="#myModal_proposer" data-id="{{user.proposer_id}}">Change</button></td>
                        {% elif userData.proposer_status == "Accepted": %}
                            <td data-label="Status">{{userData.proposer_status or ''}}</td>
                        {% else %}
                            <td data-label="Status">{{userData.proposer_status or ''}}</td>
                            <td>
                                <a href="{{ url_for('member.ReminderMail',user_id=encrypt_user_id,ps_type='proposer',society_id=society_id,society_key=society_key) }}" class="btn btn-primary  ml-4 mt-1">Send Reminder Mail</a>
                                <button type="button" class="btn btn-danger  click_pro ml-5 mt-1"
                                    data-toggle="modal" data-target="#myModal_proposer" data-id="{{user.proposer_id}}">Change</button>
                            </td>
                        {% endif %}
                    </tr>
                </table>
            </div>
        </div>
        {% endif %}
        <div class="modal" id="myModal_proposer">
            <div class="modal-dialog modal-lg">
                <div class="modal-content">
                    <!-- Modal Header -->
                    <div class="modal-header">
                    <h4 class="modal-title">Change Proposer</h4>
                    <button type="button" class="close" data-dismiss="modal">&times;</button>
                    </div>
                    <!-- Modal body -->
                    <div class="modal-body">
                        <form id="form_proposer">
                            <input type="hidden" name="reference_id" id="reference_id_proposer">
                            <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>
                            <label id="search_proposer-error" class="error" for="search_proposer"></label>
                            <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>
                        </form>
                    </div>
                    <!-- Modal footer -->
                    <div class="modal-footer">
                        <a href="{{ url_for('member.ChangesProsecMail',user_id=encrypt_user_id,ps_type='proposer',society_id=society_id,society_key=society_key) }}" class="btn btn-primary" id="sendmailpro" style="display: none;" >Send mail to proposer</a>
                        <button type="button" class="btn btn-danger" onclick="btn_close('proposer')" data-dismiss="modal">Close</button>
                    </div>
                </div>
            </div>
        </div>
        {% if userData.seconder_id : %}
        <div class="col-md-12">
            <div class="mobile-responsive">
                <table class="table table-striped table-bordered  bg-white" id="myTable">
                    <tr>
                        <td id="rdata" colspan='3' class="bg-dark"><label style="text-transform: capitalize;color: rgb(6, 6, 87);"><b class="text-light">Seconder</b></label></td>
                    </tr>
                    <tr>
                        <th>Full Name:</th>
                        <td data-label="Full Name" colspan="2">{{userData.seconder_name or ""}}</td>
                    </tr>
                    <tr>
                        <th>Membership Number:</th>
                        <td data-label="Membership Number" colspan="2">{{userData.seconder_membership_no or ""}}</td>
                    </tr>
                    <tr>
                        <th>Email id:</th>
                        <td data-label="Email id" colspan="2">{{Helper.email_mask(userData.seconder_email or "")}}</td>
                    </tr>
                    <tr>
                        <th>Mobile Number:</th>
                        <td data-label="Mobile Number" colspan="2">{{Helper.mobile_mask(userData.seconder_mobile or "")}}</td>
                    </tr>
                    <tr>
                        <th>City:</th>
                        <td data-label="City" colspan="2">{{userData.seconder_city or ""}}</td>
                    </tr>
                    <tr>
                        <th>Status:</th>
                        <input type="hidden" id="seconder" name="seconder" value="{{userData.seconder_id}}"  >
                        {% if userData.seconder_status == "Rejected": %}
                            <td data-label="Status">{{userData.seconder_status or ''}}<button type="button" class="btn btn-danger pull-right click_sec" data-toggle="modal" data-target="#myModal_seconder"data-id="{{userData.seconder_id}}">Change</button></td>
                        {% elif userData.seconder_status == "Accepted": %}
                            <td data-label="Status">{{userData.seconder_status or ''}}</td>
                        {% else %}
                            <td data-label="Status">{{userData.seconder_status or ''}}</td>
                            <td>
                                <a href="{{ url_for('member.ReminderMail',user_id=encrypt_user_id,ps_type='seconder',society_id=society_id,society_key=society_key) }}" class="btn btn-primary ml-4 mt-1">Send Reminder Mail</a>
                                <button type="button" class="btn btn-danger  click_sec ml-5 mt-1" data-toggle="modal" data-target="#myModal_seconder" data-id="{{userData.seconder_id}}">Change</button>
                            </td>
                        {% endif %}
                    </tr>                        
                </table>
            </div> 
        </div>   
        {% endif %}      
        <div class="modal" id="myModal_seconder">
            <div class="modal-dialog modal-lg">
                <div class="modal-content">
                    <div class="modal-header">
                        <h4 class="modal-title">Change Seconder</h4>
                        <button type="button" class="close" data-dismiss="modal">&times;</button>
                    </div>
                    <div class="modal-body">
                        <form  id="form_seconder">
                            <input type="hidden" name="reference_id" id="reference_id_seconder">
                            <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>
                            <label id="search_seconder-error" class="error" for="search_seconder"></label>
                            <br>
                            <div class="row">
                                <div class="col-md-12" id="show_seconder"></div>
                            </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="row">
                                <div class="col-md-12 " id="show_seconder_data"></div>  
                            </div> 
                        </form>
                    </div>
                    <div class="modal-footer">
                        <a href="{{ url_for('member.ChangesProsecMail',user_id=encrypt_user_id,ps_type='seconder',society_id=society_id,society_key=society_key) }}" class="btn btn-primary" id="sendmailsec" style="display: none;">Send mail to seconder</a>
                        <button type="button" class="btn btn-danger" onclick="btn_close('seconder')" data-dismiss="modal">Close</button>
                    </div>
                </div>
            </div>
        </div><br>

        <div class="row">
            <div class="col-md-4"></div>
            {% if user.status_id == societyData['ms_approved_status_id'] and ((society_id|int in [3] and user.member_type_id|int in [1]) or (society_id|int in [2,17] and user.member_type_id|int in [1,6])): %}
            <div class="col-md-4">
                <a href="{{ url_for('member.DownloadIdCard',user_uuid=userData.user_uuid,society_id=society_id,society_key=society_key) }}" class="btn btn-success text-white" target="_blank">Click here to download the id card</a>
            </div>
            {% endif %}
             {% if user.status_id == societyData['ms_approved_status_id'] and ((society_id|int in [3]  and user.member_type_id|int == 1) or (society_id|int in [18]  and user.member_type_id|int == 1 and user.is_ratified|int == 1)): %}
            
            <div class="col-md-4">
                <a href="{{ url_for('member.DownloadCertificate',user_uuid=userData.user_uuid,society_id=society_id,society_key=society_key) }}" class="btn btn-success text-white" target="_blank">Click here to download the certificate</a>
            </div>
            {% endif %}
            
        </div>
    </div>
{% endblock %}
{% block 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 ()
{
  $(document).on("click", ".click_pro", function () {
    var msg=confirm("Are you sure to change proposer?")
      if (msg==true) {
        var reference_id_proposer = $("#proposer").val();
        $("#reference_id_proposer").val(reference_id_proposer);
      }
      else{
        $("#myModal_proposer").modal("hide");
      }
});
$(document).on("click", ".click_sec",function () {
    var msg=confirm("Are you sure to change seconder?")
    if (msg==true) {
        var reference_id_seconder = $("#seconder").val();
        $("#reference_id_seconder").val(reference_id_seconder);
    }
    else{
        $("#myModal_seconder").modal("hide");
    }
});
  });
$( document ).ready(function() {      
  $("#search_proposer").keypress(function(e) 
        {
          if(e.which == 13) 
          {
            $("#button_proposer").click()
            return false
          }
          return true
        });
    $("#search_seconder").keypress(function(e) 
    {
      if(e.which == 13) 
      {
        $("#button_seconder").click()
        return false
      }
    });
  });  
function btn_prosec(type) 
{
  $('#show_'+type).show()
  validate_prosec_form(type)   
  if(!$("#form_"+type).valid())
  {
    return false  
  }
  var search_value    = $("#search_"+type).val();
  $.ajax({
    type:"POST",
    url:BaseUrl+"/search_member/"+society_id+"/"+society_key,
    data:{'search_value':search_value,'type':type},
    success:function(data)
      {
        $('#show_'+type).html(data);
      }
  });
}
function btn_close(type) 
{
  location.reload(true);
}
function  validate_prosec_form(type)
{
  errorclass : 'error',
  $("#form_"+type).validate({
    rules : {
     
      ["search_"+type] : {
                            required : true,
                            normalizer: function (value) {
                                return $.trim(value);
                            },
                            minlength : 3,
                          },
      },
    messages : {
      ["search_"+type] : {
                            required :  "Please enter your data",
                            minlength : "Please enter atleast 3 character",
                          },
      },
      highlight: function(element) {
          $(element).parent().addClass('error')
      },
  
      unhighlight: function(element) {
          $(element).parent().removeClass('error')
      },

      submitHandler: function(form) {
          form.submit();
      },
      invalidHandler: function(form, validator) {

        if (!validator.numberOfInvalids())
            return;

        $('html, body').animate({
        scrollTop: $(validator.errorList[0].element).offset().top
        }, 300);
        StopProgress();
    }
    })
}
</script>
{% endblock %}