{% extends "main/layout.html" %}
{% load crispy_forms_tags %}
{% block content %}
<div class="breadcrumb-holder">
	<div class="container-fluid">
		<ul class="breadcrumb">
            <li class="breadcrumb-item"><a href="{% url 'cont-list' %}">LISTA KONTRATU</a></li>
            <li class="breadcrumb-item"><a href="{% url 'salary-detail' objects.hashed %}">DETALHA</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 bg-steel">{{ legend|upper }}</div>
                <div class="card-body">
                    <table class="table table-sm table-striped table-bordered">
                        <tr>
                            <th>Tipu Kontratu</th>
                            <th>Kategoria</th>
                            <th>Grau</th>
                            <th>Esksalaun</th>
                            <th>Pojisaun</th>
                        </tr>
                        <tr>
                            <td>{{ contract.contract_type }}</td>
                            <td>{% if contract.category %}{{ contract.category }}{% endif %}</td>
                            <td>{% if contract.category %}{{ contract.grade }}{% endif %}</td>
                            <td>{% if contract.category %}{{ contract.echelon }}{% endif %}</td>
                            <td>{% if contract.category %}{{ emp_position.position }}{% endif %}</td>
                        </tr>
                    </table>
                    {% crispy form %}
                </div> <!--end card-body-->
            </div> <!--end card-->
        </div> <!--end col-->
    </div> <!--end row-->
</div>
{% endblock %}
{% block scripts %}
{% endblock %}