{% if msg %}
   <span class="text-red font-weight-bold"><h3 class="text-center">{{msg|safe}}</h3></span>
{% else %}
<h2 class="text-center">{{user.prefix or ""}}{{user.full_name or ""}} - Approved({{status[0].approved}}) and Pending({{status[0].pending}}) and Rejected({{status[0].rejected}}) </h2>
<div class="container">
   <div class="row mb-2">
   
   <div class="col-md-6 text-left"><button type="button" class="btn btn-primary" onclick="back_to_search()">Back</button></div>
   <div class="col-md-3"></div>
   <div class="col-md-3 text-right">
      <div class="dropdown" >
         <select class="form-control" id="search_word" name="search_word">
            <option id = "select" value="">All</option>
            <option id = "select" value="Proposer">Proposer</option>
            <option id = "select" value="Seconder">Seconder</option>
         </select>
      </div>
   </div>
</div>
</div>

<div class="container">
   <div class="mobile-responsive">
       <table class="table table-striped  table-bordered bg-white" id="searchtable"  >
          <thead class="thead-dark text-white  text-center">
             <tr>
               <th>Sno</th>
               <th scope="col">Full name</th>
               <th scope="col">Email/Mobile</th>
               <th scope="col">City</th>
               <th scope="col">Choosen Type</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 ""}} <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="Email id/Mobile">{{row.email or ""}}{% if row.mobile: %}/{% endif %}{{row.mobile or ""}}</td>
               <td data-label="City">{{row.city or ""}}</td>
               <td data-label="type">{{row.type}}</td>
               <td >{% if row.approved_on == none and row.rejected_on == none %} <span class="text-warning">Pending</span> <a href="{{url_for('backoffice.ReminderProposerSeconderMailView',user_uuid=row.user_uuid,reference_user_uuid=user.user_uuid,society_id=society_id,society_key=society_key)}}" target="_blank"><i class="fa fa-envelope"></i></a> <br> <button type="button" class="btn btn-success btn-sm" data-toggle="modal" data-target="#myModal_{{row.type}}" data-id="{{row.reference_id}}">Click here to provide response</button> {% elif row.rejected_on != none  %}<span class="text-danger"> Rejected on {{row.rejected_on}}</span> {% else %}<span class="text-success">Approved on {{row.approved_on}}</span>  {% endif %}</td>
            </tr>
            <div class="modal" id="myModal_{{row.type}}">
         <div class="modal-dialog modal-md">
            <div class="modal-content">
                  <!-- Modal Header -->
                  <div class="modal-header">
                  <h4 class="modal-title font-weight-bold">Provide your response</h4>
                  <button type="button" class="close" data-dismiss="modal">&times;</button>
                  </div>
                  <!-- Modal body -->
                  <div class="modal-body">
                        <form id="form_apprej" method="post">
                              <input type="hidden" name="reference" id="reference">
                              <label style="text-transform: capitalize;">{{row.type}} name : {{user.prefix or ""}}{{user.full_name or ""}}</label>
                              <div class="row sm-mb-5" id="accept_reject">
                                 <div class="col-md-6 col-sm-12 mt-1">
                                       <button type="button" onclick="btn_mprosec('{{row.user_id}}','{{user.user_id}}','{{row.type}}','accept')" class="btn btn-primary  float-md-right" >Accept</button>
                                 </div>
                                 <div class="col-md-6  col-sm-12 mt-2">
                                       <button type="button" onclick="btn_mprosec('{{row.user_id}}','{{user.user_id}}','{{row.type}}','reject')" class="btn btn-danger " >Reject</button>
                                 </div>
                              </div>
                        </form>
                  </div>
                  <!-- Modal footer -->
                  <div class="modal-footer">
                        <button type="button" class="btn btn-secondary" data-dismiss="modal">Close</button>
                  </div>
            </div>
         </div>
      </div>
           {% endfor %}
          </tbody>
       </table>
       </div>
</div>
   {% endif %}
<script type="text/javascript">
   $("#search_word").on("change", function() {
    let value = $(this).val().toLowerCase();
    $("#searchtable tr").slice(1).each(function() { 
        $(this).toggle($(this).text().toLowerCase().indexOf(value) > -1)
    });
 });

function back_to_search()

{
   $('#show_prosec').hide()
   $('#show').show() 
   $('#search_icon').show();      
}


function btn_mprosec(user_id,reference_by,ps_type,responses) 
   {      
      $("#reference").val(responses);
      $.ajax({
               type: 'POST',
               url: BaseUrl+"/bo/prosec_accrej/"+user_id+"/"+reference_by+"/"+society_id+"/"+society_key,  
               data:{'reference':responses}, 
               dataType: 'json',
               success: function(data){
                  $('#myModal_'+ps_type).modal('hide');
                  alert(data.msg);
                  search_all(reference_by)
               },
            })
   }
</script>