{% extends "main/layout.html" %}
{% load crispy_forms_tags %}
{% block content %}
<div class="breadcrumb-holder">
	<div class="container-fluid">
		<ul class="breadcrumb">
		{% if page == "plist" %}
			<li class="breadcrumb-item"><a href="{% url 'train-c-plan-list' %}">LISTA PLANU TREINAMENTO</a></li>
		{% elif page == "pdetail" %}
			<li class="breadcrumb-item"><a href="{% url 'train-c-plan-detail' tplan.hashed %}">DETALHA PLANU</a></li>
		{% elif page == "ccrit" %}
			<li class="breadcrumb-item"><a href="{% url 'train-c-crit-list' tplan.hashed temp.id %}">DETALHA PLANU</a></li>
		{% elif page == "hrcrit" %}
			<li class="breadcrumb-item"><a href="{% url 'train-hr-crit-list' tplan.hashed temp.id %}">DETALHA PLANU</a></li>
		{% endif %}
			<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 text-center">
					<h2>{{ legend|upper }}</h2>
				</div>
				<div class="card-body">
					<div class="alert alert-info">
						<i class="fa fa-circle-info"> </i> <small> </i> <i>Koluna sira ne'ebe iha <strong class="text-danger">*</strong> signifika Itaboot tenke prienche</i> </small>
					</div>
					{% if page == "ccrit" %}
					<table class="table table-sm">
						<tr>
							<th>Kriteria</th><td>{{ tcrit }}</td>
						</tr>
					</table>
					{% endif %}
				    {% crispy form %}
				</div> <!--end card-body-->
			</div> <!--end card-->
		</div> <!--end col-->
	</div> <!--end row-->
</div>
{% endblock %}
{% block scripts %}

<script>
	$(document).ready(function() {
    $('#id_employee').select2();
});
</script>
{% endblock %}