<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml"
	xmlns:th="http://www.thymeleaf.org">

<head th:replace="~{layouts/common.html :: head}"></head>

<body id="page-top">

	<!-- Navigation -->
	<nav th:replace="~{layouts/common.html :: navbar}"></nav>
 
 	<!-- Content -->
	<div class="content uv-content d-flex" id="uv-wrapper">
		<div class="bg-light border-right" id="uv-sidebar-wrapper" th:replace="~{layouts/sidebar.html :: sidebar}"></div>
		
		<div class="container uv-home-section navVisible" id="uv-content-wrapper">
			<div class="uv-loading-spinner" th:text="#{global.loading}"></div>
			<div class="col-sm-12"></div>
			<div class="uv-container">
				<div class="uv-table-group-procedure-info" style="margin-bottom:20px;">
					<div class="uv-table-title">
						<h6 class="uv-table-header-h6" th:text="'Indicadores'"></h6>
						<hr class="uv-procedure-hr">
						<span th:text="'Indicadores'"></span>
					</div>
				</div>
				<div class="uv-table-group-procedure">
					<span th:each="dim,dim_i : ${dims}">
						<strong>Dimension: <span th:text="${dim.dimension}"></span></strong><br>
						<span th:each="ind,ind_i : ${dim.indicadores}">
							<strong>&nbsp;&nbsp;Indicador: <span th:text="${ind.indicador}"></span></strong><br>
								<span th:each="sub,sub_i : ${ind.subindicadores}">
									<strong>&nbsp;&nbsp;&nbsp;&nbsp;Subindicador: <span th:text="${sub.indicador}"></span></strong><br>
									
									<span th:each="val,val_i : ${sub.valores}">
										&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<span th:text="${val.curso}"> </span> <span th:text="${val.valor}"></span><br>
									</span>
								</span>
							<span th:each="val,val_i : ${ind.valores}">
								&nbsp;&nbsp;&nbsp;&nbsp;<span th:text="${val.curso}"> </span> <span th:text="${val.valor}"></span><br>
							</span>
						</span>
						<br>
					</span>
				</div>
			</div>
		</div>
	</div>

	<!-- contactModal -->
	<div th:replace="~{layouts/common.html :: contactModal}"></div>
		
	<!-- Footer -->
	<footer class="uv-footer uv-footer-text" th:replace="~{layouts/common.html :: footer}"></footer>
	
	<script th:src="@{/js/jquery/jquery.min.js}"></script>
	<script th:src="@{/js/popper.js}"></script>
	<script th:src="@{/js/bootstrap/bootstrap.min.js}"></script>
	<script th:src="@{/js/fa/all.js}"></script>
	<script th:src="@{/js/jquery/jquery.dataTables.min.js}"></script>
	<script th:src="@{/js/jquery/jquery.dataTables.responsive.min.js}"></script>
	<script th:src="@{/js/jquery/jquery.dataTables.rowReorder.min.js}"></script>
	<script th:src="@{/js/bootstrap/dataTables.bootstrap4.min.js}"></script>
	<script th:src="@{/js/jquery-easing/jquery.easing.min.js}"></script>
	<script th:src="@{/js/saic.js}"></script>
	<script th:src="@{/js/datepicker/bootstrap-datepicker.min.js}"></script>
	<script th:src="@{/js/bootstrap-select/bootstrap-select.js}"></script>
	<script th:src="@{/js/bootstrap-select/i18n/defaults-es_ES.js}" th:if="${#locale.language} == 'es'"></script>
	<script th:src="@{/js/bootstrap-select/i18n/defaults-ca_CA.js}" th:if="${#locale.language} != 'es'"></script>
	
	
	<script type="text/javascript">

		$( document ).ready(function(){ 
			layout = new Layout("");
			layout.initTableLayout({paging:false});
			layout.closeLoadingSpinner(".uv-loading-spinner");
		});
		
	</script>

</body>

</html>
