{% extends 'badge/badge_layout.html' %}

 <title>{% block title %}Role Index{% endblock %}</title>

{% block content %}

   {% for mesg in get_flashed_messages(category_filter=["successMsg"]) %} 
  <div class="row"> 
      <div class="col-sm-4"></div>
        <div class="col-sm-4">
    <div class=" text-center" id="successMsg" >
      <h6 class="alert alert-success  alert-dismissible">
        <a href="#" class="close" data-dismiss="alert" aria-label="close">&times;</a>{{ mesg }}</h6>
    </div>
     <div class="col-sm-4"></div>
      </div>
    </div>
  {% endfor %} 
  {% for mesg in get_flashed_messages(category_filter=["errorMsg"]) %} 
     <div class="row"> 
      <div class="col-sm-4"></div>
        <div class="col-sm-4">
          <div class="text-center" id="successMsg" >
          <h6 class="alert alert-danger  alert-dismissible">
           <a href="#" class="close" data-dismiss="alert" aria-label="close">&times;</a>{{ mesg }}</h6>
          </div>
          <div class="col-sm-4"></div>
      </div>
    </div>
  {% endfor %}     


   
<div class="container mt-3">

  

  <h5 style="text-align: center;" >Role Index</h5>
  <div class="modal" id="add_id" tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel" aria-hidden="true">
                        <div class="modal-dialog" role="document">
                          <div class="modal-content">
                            <div class="modal-header">
                              <h5 class="modal-title" id=""> <label>Add role  </label></h5>
                            
                            </div>
                          <form class=" form-control" method="POST" id="token" action ="{{url_for('badge.PostAddRole')}}" >
                            <div class="modal-body row col-lg-12 col-md-12 col-sm-12">
                                    <div class="col-lg-4 col-md-4 col-sm-12">
                                        <label id="ref_delegate_no" name="ref_delegate_no">Role</label>
                                    </div> 
                                    <div class="col-lg-8 col-md-8 col-sm-12">      
                                        <input class="form-control"  type="text" name="role" id="role" value=""  placeholder="" required />
                                    </div>
                            </div>
                            <div class="modal-footer">
                                  <button type="button" class="btn btn-secondary" data-dismiss="modal">Close</button>
                                  <input type="hidden" name="conf_id" id="conf_id" value="{{conf_id}}">
                                   <input type="hidden" name="conf_key" id="conf_key" value="{{conf_key}}">

                                   <!-- <input type="hidden" name=b_role_id id="b_role_id" value=""> -->
                                   <button type="submit" id="modal_submit_btn" name="modal_submit_btn"  class="btn btn-primary">add</button>
                            </div>
                          </form>
                          </div>
                        </div>
                      </div>
    <div style="text-align: right;">
  <a class="btn btn-primary"  href="{{url_for('badge.AddRole',conf_id=conf_id,conf_key=conf_key)}}"   data-toggle="modal" data-target="#add_id"> Add Role </a>
  </div><br>

  <table class="table table-striped ">
            <thead class="table-dark">
               <tr>
                  <th scope="col">S.NO</th> 
                  <th scope="col">Role</th>
                  <th scope="col">Action</th>
               </tr>
            </thead>
                 {% if data : %}
                   {% for row in data : %}
                     <tr>
                      <td data-label= "Role">{{loop.index}}</td>
                        <td data-label= "Role">{{row.b_role or ''}}</td>
                        <td data-label = "">
                          
                          <button class="btn btn-primary edit_btn" onclick="role_edit({{row.b_role_id or ''}},'{{row.b_role or ''}}')"> Edit </button>
                        
                            <a class="btn btn-danger" href="{{url_for('badge.DeleteRole' , b_role_id =row.b_role_id,conf_id=conf_id,conf_key=conf_key)}}"  onclick="return confirm('Do you want to delete this record?');"> Delete </a>
                        </td>
                      </tr>
                    {% endfor %}
                    {% else : %}
                    <tr>
                      <td data-label = "">Record does not exist. </td>
                    </tr>
                 {% endif %}


  </table>
   <div class="modal" id="role_model" tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel" aria-hidden="true">
                        <div class="modal-dialog" role="document">
                          <div class="modal-content">
                            <div class="modal-header">
                              <h5 class="modal-title" id=""> <label>Edit role  </label></h5>
                            
                            </div>
                          <form class=" form-control" method="POST" id="token" action ="{{url_for('badge.PostEditRecord')}}" >
                            <div class="modal-body row col-lg-12 col-md-12 col-sm-12">
                                    <div class="col-lg-4 col-md-4 col-sm-12">
                                        <label id="ref_delegate_no" name="ref_delegate_no">Role</label>
                                    </div> 
                                    <div class="col-lg-8 col-md-8 col-sm-12">      
                                        <input class="form-control"  type="text" name="role" id="edit_role" value=""  placeholder="role"/>
                                    </div>
                            </div>
                            <div class="modal-footer">
                                  <button type="button" class="btn btn-secondary" onclick="$('.modal').hide()">Close</button>
                                  <input type="hidden" name="conf_id" id="conf_id" value="{{conf_id}}">
                                   <input type="hidden" name="conf_key" id="conf_key" value="{{conf_key}}">
                                   <input type="hidden" name="b_role_id" id="edit_b_role_id" value="">
                                   <button type="submit" id="modal_submit_btn" name="modal_submit_btn"  class="btn btn-primary">Update</button>
                            </div>
                          </form>
                          </div>
                        </div>
                      </div>
  
</div>

{% endblock %}

{% block bottomscript %}


<script type="text/javascript">
  function role_edit(role_id,role){
    var r =  confirm('Do you want edit this record ?. ');
    if (r == true){
      $("#role_model").show();
      $("#edit_role").val(role)
      $("#edit_b_role_id").val(role_id)
    }
    else{
      return false
    }
};
</script>

{% endblock %}