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

<div class="container-fluid">
   <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/Member Type</th>
               <th scope="col">Email/Mobile</th>
               <th scope="col">City</th>
               <th scope="col">Status</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 ""}}{% if row.full_name: %} <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>
               {% endif %}</td>
               <td data-label="Membership Number">{% if row.status_id > 0 : %}
               {{row.membership_no or ""}}{% if row.membership_no: %}/{% endif %}{{row.member_type}}
               {% endif %}
               </td>
               <td data-label="Email id/Mobile" style="width:4px;">{{row.email or ""}}{% if row.mobile: %}/{% endif %}{{row.mobile or ""}}</td>
               <td data-label="City">{{row.city or ""}}</td>
               <td data-label="status"> 
                {{row.display_name or ""}}
               </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>