{% extends "main/layout.html" %}
{% load humanize %}
{% block content %}
<div class="breadcrumb-holder">
	<div class="container-fluid">
		<ul class="breadcrumb">
			<li class="breadcrumb-item active">{{ legend|upper }}</li>
		</ul>
	</div>
</div>
<div class="container-fluid"><br/>
    <div class="row">
        <div class="col-sm-12">
            <div class="card shadow-lg border-info rounded">
                <div class="card-body">
                    <div class="row">
                        <div class="col-sm-12">
                            <div class="card shadow-md border-default rounded">
                                <div class="card-body">
                                    <h4 align="center"> <i class="fa fa-cake-candles"></i> {{legend|upper}}</h4>
                                    <hr/>

                                    <table class="table table-sm" id="example">
                                        <thead>
                                            <tr align="center">
                                                <th>Nu.</th>
                                                <th>ID IPG</th>
                                                <th>Naran</th>
                                                <th>Data Moris</th>
                                            </tr>
                                        </thead>
                                        <tbody>
                                            {% for obj in objects  %}
                                              <tr align="center">
                                                <td>{{forloop.counter}}</td>
                                                
                                                <td>{{obj.emp_id}}</td>
                                                <td>{{obj}}</td>
                                                <td>
                                                    {% if obj.dob.day == today.day and obj.dob.month == today.month %}
                                                      <i class="fa fa-star text-danger"></i>
                                                    {% else %}
                                                      <i class="fa fa-bell text-warning"></i>
                                                    {% endif %}
                                                    {{obj.dob|date:"d-m-Y"}}
                                                </td>
                                              </tr>
                                            {% endfor %}
                                        </tbody>
                                    </table>
                                </div><!--end card-body-->
                            </div><!--end card-->
                        </div><!--end col-->
                    </div><!--end row-->
                </div> <!--end card-body-->
            </div> <!--end card-->
        </div> <!--end col-->
    </div> <!--end row-->
</div>
{% endblock %}
{% block scripts %}
	<script type="text/javascript">
		$(document).ready(function() {
			$('#example').DataTable();
		} );
	</script>
{% endblock %}