<%@page import="com.ejie.ab79.comun.Constantes"%>
<%@include file="/WEB-INF/includeTemplate.inc"%>
<%@taglib prefix="form" uri="/WEB-INF/tld/spring-form.tld"%>

<div class="container">
	
	<jsp:include page="includes/protocolosFilterForm.jsp"></jsp:include>
	
	<c:set var="ACTIVOS" value="<%=Constantes.INFORME_ACTIVO %>"></c:set>
	<c:set var="INACTIVOS" value="<%=Constantes.INFORME_INACTIVO %>"></c:set>
	
	<div class="card">
		<div class="card-header"><spring:message code="protocolos.criteriosBusqueda" /></div>
		<div class="card-body">
			<form id="formBusqedaProtocolos">
				<div class="form-group col-xs-4">
					<label for="direccionesCombo"><spring:message code="protocolos.direccionCombo" /></label>
					<select id="direccionesCombo" class="form-control"></select>
				</div>
				<div class="form-group col-xs-4">
					<label for="estadoCombo"><spring:message code="protocolos.estadoCombo" /></label>
					<select id="estadoCombo" class="form-control">
						<option value="">----</option>
						<option value="${ACTIVOS}"><spring:message code="protocolos.estadoActivo" /></option>
						<option value="${INACTIVOS}"><spring:message code="protocolos.estadoInactivo" /></option>
					</select>
				</div>
				<div class="pull-right">
					<button type="button" id="btnBusqProtocolos"    class="btn btn-default btn-circle" data-toggle="tooltip" data-placement="bottom" title="<spring:message code="protocolos.buscar" />" data-original-title="Buscar "><i class="fa fa-search" aria-hidden="true"></i></button>
					<button type="button" id="btnLimpiarProtocolos" class="btn btn-default btn-circle" data-toggle="tooltip" data-placement="bottom" title="<spring:message code="protocolos.limpiar" />" data-original-title="Limpiar"><i class="fa fa-eraser" aria-hidden="true"></i></button>
				</div>
				<div class="form-group col-xs-12">
					<label for="origenCombo"><spring:message code="protocolos.origenCombo" /></label>
					<select id="origenCombo" class="form-control"></select>
				</div>
				<div class="form-group col-xs-8">
					<label for="procedimientosCombo"><spring:message code="protocolos.procedimientosCombo" /></label>
					<select id="procedimientosCombo" class="form-control"></select>
				</div>
				<div class="form-group col-xs-4">
					<label for="tipoEstablecimientoCombo"><spring:message code="protocolos.tipo" /></label>
					<select id="tipoEstablecimientoCombo" class="form-control"></select>
				</div>
			</form>
		</div>
	</div>
	
	<div id="botoneraTablaProtocolos" class="botoneraTabla">
		<button class="btn btn-default btn-circle" id="btnVistaPreviaPreguntasTotales" type="button" data-toggle="tooltip" data-placement="top" title='<spring:message code="preguntasProtocolo.vistaPrevia" />'><i class="fa fa-eye"></i></button>
		<button class="btn btn-default btn-circle" id="btnCopiarInforme" type="button" data-toggle="tooltip" data-placement="top" title='<spring:message code="protocolos.btnCopiarInforme" />'><i class="fa fa-copy"></i></button>
		<button class="btn btn-default btn-circle" id="btnInvalidarInforme" type="button" data-toggle="tooltip" data-placement="top" title='<spring:message code="protocolos.btnInvalidarInforme" />' hidden="true"><i class="fa fa-exclamation"></i></button>
		<button class="btn btn-default btn-circle" id="btnValidarInforme" type="button" data-toggle="tooltip" data-placement="top" title='<spring:message code="protocolos.btnValidarInforme" />' hidden="true"><i class="fa fa-check"></i></button>
		<button class="btn btn-default btn-circle" id="btnPreguntasValidar" type="button" data-toggle="tooltip" data-placement="top" title='<spring:message code="protocolos.btnPreguntasValidar" />' hidden="true"><i class="fa fa-question"></i><i class="fa fa-check"></i></button>
		<button class="btn btn-default btn-circle" id="btnPreguntasProtocolo" type="button" data-toggle="tooltip" data-placement="top" title='<spring:message code="protocolos.btnPreguntasProtocolo" />'><i class="fa fa-question"></i><i class="fa fa-plus"></i></button>
		<button class="btn btn-default btn-circle" id="btnNuevoProtocolo" type="button" data-toggle="tooltip" data-placement="top" title='<spring:message code="protocolos.nuevoProtocolo"/>'><i class="fa fa-plus"></i></button>
		<button class="btn btn-default btn-circle" id="btnEditarProtocolo" type="button" data-toggle="tooltip" data-placement="top" title='<spring:message code="protocolos.editarProtocolo"/>'><i class="fa fa-edit"></i></button>
		<button class="btn btn-default btn-circle" id="btnEliminarProtocolo" type="button" data-toggle="tooltip" data-placement="top" title='<spring:message code="protocolos.eliminarProtocolo"/>'><i class="fa fa-trash"></i></button>
		<button class="btn btn-default btn-circle" id="btnExportarExcelProtocolos" type="button" data-toggle="tooltip" data-placement="top" title='<spring:message code="protocolos.exportarExcel"/>'><i class="fa fa-file-excel-o"></i></button>
	</div>
	
	<div id="protocolos_feedback"></div>
	<table id="protocolos" class="table table-striped" 
		data-url-base="/ab79WebAppWar/protocolos"
		data-filter-form="#protocolos_filter_form" 
		style="width: 100%;">
        <thead>
            <tr>
               	<th data-col-prop="direccion.descripcionCastellano" data-col-sidx="DESCCASTELLANODIR" class="all"><spring:message code="protocolos.direccion" /></th>
               	<th data-col-prop="idProtocolo" data-col-sidx="IDPROTOCOLO" >idProtocolo</th>
               	<th data-col-prop="direccion.descripcionEuskera" data-col-sidx="DESCEUSKERADIR" class="all"><spring:message code="protocolos.direccion" /></th>
               	<th data-col-prop="descripcionCastellano" data-col-sidx="DESCRIPCIONCASTELLANO" class="all"><spring:message code="protocolos.informeTecnico" /></th>
               	<th data-col-prop="descripcionEuskera" data-col-sidx="DESCRIPCIONEUSKERA" class="all"><spring:message code="protocolos.informeTecnico" /></th>
               	<th data-col-prop="origen.descripcionCastellano" data-col-sidx="DESCCASTELLANOORIGEN" class="all"><spring:message code="protocolos.origen" /></th>
               	<th data-col-prop="origen.descripcionEuskera" data-col-sidx="DESCEUSKERAORIGEN" class="all"><spring:message code="protocolos.origen" /></th>
               	<th data-col-prop="procedimiento.descripcionEs" data-col-sidx="DESCCASTELLANOPROCEDIMIENTO" class="all"><spring:message code="protocolos.procedimiento" /></th>
               	<th data-col-prop="procedimiento.descripcionEu" data-col-sidx="DESCEUSKERAPROCEDIMIENTO" class="all"><spring:message code="protocolos.procedimiento" /></th>
               	<th data-col-prop="numeroPreguntas" class="all"><spring:message code="protocolos.numeroPreguntas" /></th>
               	<th data-col-prop="numeroRespuestas" class="all"><spring:message code="protocolos.numeroRespuestas" /></th>
               	<th data-col-prop="tipoEstablecimiento"></th>
               	<th data-col-prop="numeroInspecciones"></th>
               	<th data-col-prop="validado" data-col-sidx="VALIDADO" class="all"><spring:message code="protocolos.estado" /></th>
            </tr>
        </thead>
        <tfoot hidden="true">
        	<tr>
              	<th>idProtocolo</th>
              	<th>direccion</th>
              	<th>direccion</th>
              	<th>descripcionCastellano</th>
              	<th>descripcionEuskera</th>
              	<th>origen</th>
              	<th>origen</th>
              	<th>procedimiento</th>
              	<th>procedimiento</th>
              	<th>numeroPreguntas</th>
              	<th>numeroRespuestas</th>
              	<th>tipoEstablecimiento</th>
              	<th>numeroInspecciones</th>
              	<th>validado</th>
          	</tr>
        </tfoot>
	</table>
	
	<jsp:include page="includes/protocolosEdit.jsp"></jsp:include>
	<jsp:include page="preguntasProtocoloModal.jsp"></jsp:include>
	
	<!-- MODAL COPIAR INFORME TÉCNICO -->
	<div class="modal" id="copiarInformeModal">
		<div class="modal-body">
			<form:form id="copiarInformeModalForm" modelAttribute="protocolos">
				<div id="copiarInformeModalFeedback"></div>
				<div class="form-group col-xs-12">
					<label for="descripcionCastellanoCopiaModal" class="required"><spring:message code="protocolos.descEs" /></label>
					<input type="text" id="descripcionCastellanoCopiaModal" name="descripcionCastellano" class="form-control" />
				</div>
				<div class="form-group col-xs-12">
					<label for="descripcionEuskeraCopiaModal" class="required"><spring:message code="protocolos.descEu" /></label>
					<input type="text" id="descripcionEuskeraCopiaModal" name="descripcionEuskera" class="form-control" />
				</div>
			</form:form>
		</div>
		<div class="modal-footer">
			<div class="row">
				<div class="col-xs-12 form-group">
					<button type="submit" class="btn btn-primary" id="copiarInformeModalGuardar"><spring:message code="save" /></button>
					<button class="btn btn-light" id="copiarInformeModalCancelar"><spring:message code="cancel" /></button>
				</div>
			</div>
		</div>
	</div>
	

</div>
<div id="space"></div>