<%@include file="/jsp/common/defaultTopLogin.jsp"%>

<style>

tr.encabezado {
	--bs-emphasis-color: #FFF !important;
	--bs-table-bg: #CB2C25 !important;
}

:root, [data-bs-theme=light] {
    --bs-emphasis-color: #FFF !important;
}

.table {
    --bs-table-color: var(--bs-emphasis-color-rgb);
    --bs-table-striped-color: var(--bs-emphasis-color-rgb);
    --bs-nav-tabs-link-active-color: var(--bs-emphasis-color);
    --bs-table-hover-color: var(--bs-emphasis-color-rgb);
}

.nav-tabs{
    --bs-nav-tabs-link-active-color: var(--bs-yellow);
}

.nav{
    --bs-nav-link-color: var(--bs-red);
    --bs-nav-link-hover-color: var(--bs-emphasis-color-rgb);
}

.table-hover > tbody > tr:hover {
    background-color: #000;
}
</style>

<form action="irApartado" method="post" id="forma" name="forma">
	<input type="hidden" id="pmn" name="pmn" value="${pmn}" /> <input
		type="hidden" id="tipo" name="tipo" />
</form>

<div id="tabs">
	<ul class="nav nav-tabs">
		<li class="nav-item"><a class="nav-link active" data-bs-toggle="tab" href="#tabs-1"
			onclick="mostrarTipoAmort(1)">Presupuestos Amortizables </a></li>
		<li class="nav-item"><a class="nav-link" data-bs-toggle="tab" href="#tabs-2"
			onclick="mostrarTipoAmort(2)">Presupuestos No Amortizables</a></li>
		<li class="nav-item"><a class="nav-link" data-bs-toggle="tab" href="#tabs-3"
			onclick="mostrarTipoAmort(2)">Carga Presupuesto</a></li>
	</ul>


	<div class="tab-content">

		<div id="tabs-1" class="tab-pane in active">
			<br>
			<div id="divElemetos" class="row">
				<div class="col-sm-10"></div>
				<div id="divBtnAgregar" class="col-sm-2">
					<button id="btConfAmor" class="btn btn-success" type="button">Configurar
						Presupuesto</button>
				</div>
			</div>
			<br>
			<br>
			<div id="divTabla"></div>
		</div>

		<div id="tabs-2" class="tab-pane">
			<br>
			<div id="divElemetos" class="row">
				<div class="col-sm-10"></div>
				<div id="divBtnAgregar" class="col-sm-2">
					<button id="btConfNAmor" class="btn btn-success" type="button">Configurar
						Presupuesto</button>
				</div>
			</div>
			<br>
			<br>
			<div id="divTablaNA"></div>
		</div>

		<div id="tabs-3" class="tab-pane">
			<br />

			<div id="divElemetos">
				<div id="filtros" class="row">
					<div class="col-sm-2">
						<label class="control-label" for="anios">Aņo a cargar: </label>
					</div>
					<div class="col-sm-2">
						<select id="anios" class="form-control-sm">
						<option>Seleccione</option>
						</select>
					</div>
				</div>
				<div id="filtros2" class="row">
					<div class="col-sm-2">
						<label class="control-label" for="monto">Monto Total: </label>
					</div>
					<div class="col-sm-2">
						<input type="text" id="monto" class="form-control" onkeypress="validate(event)" placeholder="$0.00"/>
					</div>
				</div>
			</div>
			<div id="divElemetos" class="row">
				<div class="col-sm-10"></div>
				<div id="divBtnAgregarMonto" class="col-sm-1">
					<button id="btMonto" class="btn btn-success" type="button">Guardar</button>
				</div>
			</div>
		</div>

	</div>
</div>
	<script
		src="${contextPath}/js/dda/admin/presupuestos/presupuestos.js?v=${versionJS}"></script>
	<script
		src="${contextPath}/js/dda/admin/presupuestos/Presupuesto.js?v=${versionJS}"></script>
	<script
		src="${contextPath}/js/dda/admin/presupuestos/Apartado.js?v=${versionJS}"></script>
	<script
		src="${contextPath}/js/dda/admin/presupuestos/PresupuestoService.js?v=${versionJS}"></script>
	<input type="hidden" id="pmn" name="pmn" value="<%=pmn%>"/>
	<script src="${contextPath}/js/common/perfil/perfilService.js?v=${versionJS}"></script>
	<script src="${contextPath}/js/common/perfil/perfilController.js?v=${versionJS}"></script>
	<script>
		$().ready(function() {
			var perfilController = new PerfilController();
			perfilController.ejecutarPerfil(parseInt($("#pmn").val()));
		});
	</script>

	<%@include file="/jsp/common/defaultBottomLogin.jsp"%>