{% if msg %}
   <span class="text-red font-weight-bold"><h3 class="text-center">{{msg|safe}}</h3></span>
{% else %}

<div class="container">
   <div class="mobile-responsive">
       <table class="table table-striped  table-bordered bg-white" id="myTable"  >
          <thead class="thead-dark text-white  text-center">
             <tr>
               <th>Sno</th>
               <th scope="col">Full name</th>
               <th scope="col">Membership No</th>
               <th scope="col">Email/Mobile</th>
               <th scope="col">City</th>
               <th scope="col">Status</th>
               <th scope="col"></th>
             </tr>
          </thead>
          <tbody>
           {% for row in members or [] %}
            <tr id="{{row.user_id}}" >
               <td>{{loop.index}}</td>
               <td data-label="Full Name">{{row.prefix or ""}}{{row.full_name or ""}} <a href="{{url_for('backoffice.View',user_id=Cryptography.encrypt(row.user_id),status_id=row.status_id,society_id=society_id,society_key=society_key)}}" target="_blank"><i class="fa fa-eye"></i></a></td>
               <td data-label="Membership Number">{{row.membership_no or ""}}</td>
               <td data-label="Email id/Mobile">{{row.email or ""}}{% if row.mobile: %}/{% endif %}{{row.mobile or ""}}</td>
               <td data-label="City">{{row.city or ""}}</td>
               <td> 
                {% if row.total_count != 0%}
                 Approved - {{row.approved_count}} <br> pending - {{row.pending_count}} <br> Rejected - {{ row.rejected_count}}
                 {% else %}
                 Not selected by any one
                 {% endif %}</td>
               <td data-label="Select">                  
                  <button type="button" onclick="search_all('{{row.user_id}}')" class="btn btn-primary make_expire" id="btnselect" name="btnselect" value="{{row.user_id}}"  >view</button>
               </td>
                  
            </tr>
           {% endfor %}
          </tbody>
       </table>
       </div>
</div>
   {% endif %}
<script type="text/javascript">
   var BaseUrl = document.location.origin
   var society_id  = "{{society_id}}";
   var society_key = "{{society_key}}";
 function search_all(user_id)

{
   $('#show_prosec').show()
   $('#show').hide() 
   $('#search_icon').hide();      
   $.ajax({
         type: 'POST',
         url: BaseUrl+"/bo/view_single_user/"+society_id+"/"+society_key+"/"+user_id,
         data: {
            'user_id':user_id,
         },
         success:function(data)
            {
               $('#show_prosec').html(data);
            }
         });

   
   
}
</script>