{% 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;" >Certificate Print  Index</h5>
 
    <div style="text-align: left;">
     <h4>Total Count : {{total_count or 0 }}</h4>
  </div><br>

  <table class="table table-striped " id="myTable">
            <thead class="table-dark">
               <tr>
                  <th scope="col">S.NO</th> 
                  <th scope="col">Name</th>
                  <th scope="col">Delegate No.</th>
                  
                  <th scope="col">Signed On</th>
                  <th scope="col">No. of Times</th>
                  
                  <th scope="col">Print On</th>
               </tr>
            </thead>
                 {% if data : %}
                   {% for row in data : %}
                     <tr>
                      <td data-label= "S.NO">{{loop.index}}</td>
                        <td data-label= "Name"> {{row.prefix or ''}} {{row.full_name or ''}}</td>
                        <td data-label= "Delegate Number">{{row.delegate_no or ''}}</td>
                        <td data-label= "Signed On">{{row.signed_on or ''}}</td>
                        <td data-label= "No. of Times">{{row.no_of_times or ''}}</td>
                        <td data-label= "Print On">{{row.cert_print_on or ''}}</td>
                      </tr>
                    {% endfor %}
                    {% else : %}
                    <tr>
                      <td data-label = "">Record does not exist. </td>
                    </tr>
                 {% endif %}


  </table>
  
  
</div>

{% endblock %}

{% block bottomscript %}

<script language="JavaScript" type="text/javascript" src="/static/js/jquery.dataTables.min.js"></script>
<script type="text/javascript">

  $(document).ready( function () 
    {
      $('#myTable').dataTable({
          'iDisplayLength': 100
        });
    });
  
</script>

{% endblock %}