Sindbad~EG File Manager

{% extends 'kitcounter/layout.html' %}
{% block head %}
{% endblock %}
{% block title %}Kit Counter{% endblock %}
{% block style %}


 <style type="text/css">

    .error{
      color: red;
    }
    th,td{
        padding: 5px !important;
    }
  </style>
{% endblock %} 
{% block content %}
<div class="container">
	
	<div class="row">
		
		<div class="col-md-12 col-sm-12 text-left p-3">
			<h5 style="color: darkblue;"> {{ session_name }} - Scanned Count : {{total_count or '0'}} </h5>
		</div>
	</div>
	<div class="table">
		<table class="table table-striped mobile-responsive" id="myTable">
           <thead>
			    <tr class="thead-dark" style="background-color: black;color:white;">
			      <td>S.No</td>
			      <td>Name</td>
			      <td>Email</td>
			      <td>Mobile</td>
			      <td>Delegate Number</td>
			      <td>Role</td>
			      <td>Scanned On</td>
			      <!--<td>Ref Delegate No</td>-->
			      <!--<td>Ref Name</td>-->
			      <!--<td>Ref Mobile</td>-->
			    </tr>
  			</thead>
         <tbody>
		  	{% if scanned_data : %}
		  	  {% for row in scanned_data: %}
				    <tr>
				      <td data-label="S.No">{{loop.index}}</td>
				      <td data-label="Name">{{row.full_name or  ''}}</td>
				      <td data-label="Email">{{row.email or '' }}</td>
				      <td data-label="Mobile">{{row.mobile or '' }} </td>
				      <td data-label="Delegate Number">{{ row.delegate_no or '' }}</td>
				      <td data-label="Role">{{ row.role or '' }}</td>
				      <td data-label="Scanned On">{{row.created_at or  '-' }} </td>
				      <!--<td data-label="Ref Del Number">{{ row.ref_delegate_no or '' }}</td>-->
				      <!--<td data-label="Ref Name">{{ row.ref_name or '' }}</td>-->
				      <!--<td data-label="Ref Mobile">{{ row.ref_mobile or '' }}</td>-->

				    </tr>	
			    {% endfor %}
		    {% else: %}
		    <tr>
		    	<td data-label=""></td>
		    	<td data-label=""></td>
		    	<td data-label=""></td>
		    	<td data-label=""></td>
		    	<td data-label=""></td>
		    	
		    	<td data-label=""></td>
		    	<td data-label=""></td>
		    	<td data-label=""></td>
		    	<td data-label=""></td>
		    	<td data-label=""></td>
		    	
		    </tr>
		    {% endif %}
		 </tbody>
		</table>
	</div>
</div>

{% endblock %}
{% block script %}
<script src="https://cdn.datatables.net/1.13.6/js/jquery.dataTables.min.js"></script>
 <script type="text/javascript">
 	$(document).ready(function()
 	{
 		// let table = new DataTable('#myTable');
 		$('#myTable').dataTable( {
  "pageLength": 100
} );

 	});
 	
 </script>
{% endblock %}