<jsp:include page="/vistas/templates/validar.jsp" />
<%@page contentType="text/html" pageEncoding="UTF-8"%>
<!DOCTYPE html>
<html>
	<head>
		<jsp:include page="/vistas/templates/header.jsp" />
		<!--template-core-->
		<!--css de la pagina-->
		<link href="${pageContext.request.contextPath}/css/lib/sweetalert2.min.css" rel="stylesheet" type="text/css"/>
		<!--css-->
	</head>
	<body>
		<jsp:include page="/vistas/templates/header-body.jsp" />
		<!--  content -->
		<div class="col-md-4 col-md-offset-4">
      <div class="panel panel-primary">
        <div class="panel-heading">
          <h5 class="panel-title">Información del Docente</h5>
        </div>

        <div class="panel-body">
          <div class="row">
            <div class="col-md-6 form-group">
              <label>Docente</label>
              <span class="label label-left border-left border-left-primary label-striped form-control" id="spanNombres"></span>
            </div>
            <div class="col-md-6 form-group">
              <label>Costos</label>
							<ul id="ulCostos" class="list-group"></ul>
            </div>

          </div>
        </div>
      </div>
    </div>
		
		<div class="col-md-10 col-md-offset-1">
			<div class="panel panel-primary card-3" style="margin-top: 30px"> 
				<div class="panel-heading" style="padding: 8px 15px">
					<h6 class="panel-title" style="font-size: 15px; font-family: inherit">MONTOS</h6>
				</div>
				<div id="divDatatable"></div>
			</div>
		</div>
		<!-- / content -->

		<jsp:include page="/vistas/templates/footer-body.jsp" />
		<!--js de la pagina-->
		<script src="${pageContext.request.contextPath}/plantilla/assets/js/core/libraries/jquery_ui/widgets.min.js" type="text/javascript"></script>
		<script src="${pageContext.request.contextPath}/plantilla/assets/js/plugins/ui/moment/moment.min.js" type="text/javascript"></script>
		<script src="${pageContext.request.contextPath}/plantilla/assets/js/plugins/pickers/datepicker.js" type="text/javascript"></script>
		<script src="${pageContext.request.contextPath}/js/lib/bootstrap-select.min.js" type="text/javascript"></script>
		<script src="${pageContext.request.contextPath}/plantilla/assets/js/plugins/forms/selects/select2.min.js"></script>
		<script src="${pageContext.request.contextPath}/js/lib/lodash.js" type="text/javascript"></script>
		<script src="../../../../js/pages/detalle_montos_docentes.js" type="text/javascript"></script>
		<!--js-->   

	</body>
</html>