{% extends "main/layout.html" %}
{% load humanize %}
{% block content %}
<div class="breadcrumb-holder">
	<div class="container-fluid">
		<ul class="breadcrumb">
            <li class="breadcrumb-item"><a href="{% url 'cont-dash' %}">PAINEL KONTRATU</a></li>
			<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-header border-primary">
                    <center>
                        <h4 class="mb-0">{{legend|upper}}</h4>
                    </center>
                </div>
                <div class="card-body">
                    <div class="alert alert-warning">
                       <small> <i class="fa fa-warning"></i> Atu hare salario funsionario/a, klik butaun <strong>Detalha</strong> </small>
                    </div>
                    <table class="table table-sm" id="example" width="100%" cellspacing="0">
                        <thead>
                            <tr>
                                <th>Nu.</th>
                                <th>Naran</th>
                                <th>Tipu Kontratu</th>
                                <th>Vencimentu</th>
                                <th>#</th>
                            </tr>
                        </thead>
                        <tbody>
                        {% for obj in objects %}
                            <tr>
                                <td>{{ forloop.counter }}</td>
                                <td><a href="{% url 'emp-detail' obj.contract.employee.hashed %}" title="Detalha Pessoal">{{ obj.contract.employee }}</a></td>
                                <td>{{ obj.contract.contract_type }}</td>
                                <td>
                                    $ ########
                                </td>
                                <td>
                                    <a class="btn btn-sm btn-info" href="{% url 'password-val-view' obj.contract.employee.hashed  %}" title="Detalha">Detalha <i class="fa fa-eye"></i></a>
                                </td>
                            </tr>
                        {% endfor %}
                        </tbody>
                    </table>
                </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 %}