<%@include file="/WEB-INF/includeTemplate.inc"%>
<%@taglib prefix="form" uri="/WEB-INF/tld/spring-form.tld"%>

<div id="preguntasProtocoloModal">

	<!-- TABLA PREGUNTAS TOTALES (AB7911T00 PREGUNTA_VALIDAR == NULL) -->
	<div id="preguntasProtocoloTablaDiv" hidden="true">
	
		<jsp:include page="includes/preguntasProtocoloFilterForm.jsp"></jsp:include>
		
		<div class="card">
			<div class="card-header"><spring:message code="preguntasProtocolo.criteriosBusqueda" /></div>
			<div class="card-body">
				<form id="formBusqedaPreguntasProtocolo">
					<div class="form-row">
						<div class="form-group col-xs-6">
							<label for="tiposPreguntaCombo"><spring:message code="preguntasProtocolo.tiposPreguntaCombo" /></label>
							<select id="tiposPreguntaCombo" class="form-control"></select>
						</div>
						<div class="form-group col-xs-6 text-right">
							<button id="btnPreguntasProtocoloFiltrar" type="button" class="btn btn-primary"><span><spring:message code="filter" /></span></button>
							<button id="btnPreguntasProtocoloLimpiar" type="button" class="btn btn-light"><span><spring:message code="clear" /></span></button>
						</div>
					</div>
					<div class="form-row">
						<div id="descripcionCastellanoFilterDiv" class="form-group col-xs-6">
							<label for="descripcionCastellanoFilter"><spring:message code="preguntasProtocolo.descripcionFiltro" /></label>
							<input type="text" id="descripcionCastellanoFilter" class="form-control formulario_linea_input" name="descripcionCastellano" />
						</div>
						<div id="descripcionEuskeraFilterDiv" class="form-group col-xs-6">
							<label for="descripcionEuskeraFilter"><spring:message code="preguntasProtocolo.descripcionFiltro" /></label>
							<input type="text" id="descripcionEuskeraFilter" class="form-control formulario_linea_input" name="descripcionEuskera" />
						</div>
					</div>
				</form>
			</div>
		</div>
		
		<div id="botoneraPreguntasProtocoloTabla" class="botoneraTabla">
			<button class="btn btn-default btn-circle" id="btnNuevaPreguntaProtocolo" type="button" data-toggle="tooltip" data-placement="top" title='<spring:message code="preguntasProtocolo.nuevaPregunta" />'><i class="fa fa-plus"></i></button>
			<button class="btn btn-default btn-circle" id="btnEditarPreguntaProtocolo" type="button" data-toggle="tooltip" data-placement="top" title='<spring:message code="preguntasProtocolo.editarPregunta" />'><i class="fa fa-edit"></i></button>
			<button class="btn btn-default btn-circle" id="btnBorrarPreguntaProtocolo" type="button" data-toggle="tooltip" data-placement="top" title='<spring:message code="preguntasProtocolo.borrarPregunta"/>'><i class="fa fa-trash"></i></button>
		</div>
	
		<div id="preguntasProtocoloTabla_feedback"></div>
		<table id="preguntasProtocolo" class="table table-striped" data-url-base="/ab79WebAppWar/preguntasprotocolo" data-filter-form="#preguntasProtocolo_filter_form" style="width: 100%;">
		    <thead>
		        <tr>
			        <th data-col-prop="tipoPregunta.descripcionEuskera"><spring:message code="preguntasProtocolo.tipoPregunta" /></th>
		           	<th data-col-prop="idPreguntaProtocolo" data-col-sidx="IDPREGUNTAPROTOCOLO"></th>
			        <th data-col-prop="tipoPregunta.descripcionCastellano"><spring:message code="preguntasProtocolo.tipoPregunta" /></th>
			        <th data-col-prop="descripcionEuskera"><spring:message code="preguntasProtocolo.descripcion" /></th>
			        <th data-col-prop="descripcionCastellano"><spring:message code="preguntasProtocolo.descripcion" /></th>
			        <th data-col-prop="opciones"><spring:message code="preguntasProtocolo.opciones" /></th>
			        <th data-col-prop="numeroRespuestas"></th>
		        </tr>
		    </thead>
		    <tfoot hidden="true">
		        <tr>
			        <th>idPreguntaProtocolo</th>
			        <th>tipoPregunta.descripcionEuskera</th>
			        <th>tipoPregunta.descripcionCastellano</th>
			        <th>descripcionEuskera</th>
			        <th>descripcionCastellano</th>
			        <th>opciones</th>
			        <th>numeroRespuestas</th>
		        </tr>
		    </tfoot>
		</table>
		
		<div class="rup-table-buttonpane ui-widget-content ui-helper-clearfix botoneraPreguntasProtocoloModal">
			<div class="ui-dialog-buttonset rup_tableEdit_buttonsContainerResposive">
				<button id="btnAniadirPreguntaARelacion" class="btn btn-primary rup_tableEdit_buttonsResposive" type="button">
					<spring:message code="tooltip.aniadir" />
				</button>
				<!-- BotÃ³n cancelar -->
				<button id="preguntasProtocoloTabla_detail_button_cancel" class="btn btn-light rup_tableEdit_buttonsResposive" type="button">
					<spring:message code="cancel" />
				</button>
			</div>
		</div>	
		
	</div>

	<!-- PREGUNTAS DEL INFORME TÉCNICO -->
	<div id="preguntasRelProPreTablaDiv">
	
		<jsp:include page="includes/preguntasRelProPreFilterForm.jsp"></jsp:include>
		
		<div class="botoneraTabla">
			<button class="btn btn-default btn-circle" id="btnAsignarPadre" type="button" data-toggle="tooltip" data-placement="top" title='<spring:message code="preguntasProtocolo.asignarPadre"/>'><i class="fa fa-user"></i></button>
			<button class="btn btn-default btn-circle" id="btnVistaPrevia" 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="btnPreguntasProtocoloTablaAbrir" type="button" data-toggle="tooltip" data-placement="top" title='<spring:message code="preguntasProtocolo.aniadirPreguntaProtocolo" />'><i class="fa fa-plus"></i></button>
			<button class="btn btn-default btn-circle" id="btnEliminarPreguntaRelacion" type="button" data-toggle="tooltip" data-placement="top" title='<spring:message code="preguntasProtocolo.borrarPreguntaProtocolo" />'><i class="fa fa-minus"></i></button>
			<button class="btn btn-default btn-circle" id="btnSubirPregunta" type="button" data-toggle="tooltip" data-placement="top" title='<spring:message code="preguntasProtocolo.subirPregunta" />'><i class="fa fa-caret-up fa-2x flechaArriba"></i></button>
			<button class="btn btn-default btn-circle" id="btnBajarPregunta" type="button" data-toggle="tooltip" data-placement="top" title='<spring:message code="preguntasProtocolo.bajarPregunta" />'><i class="fa fa-caret-down fa-2x"></i></button>
		</div>
		
		<div id="preguntasRelProPre_feedback"></div>
		<table id="preguntasRelProPre" class="table table-striped" data-url-base="/ab79WebAppWar/preguntasprotocolo" data-filter-form="#preguntasRelProPre_filter_form" style="width: 100%;">
		    <thead>
		        <tr>
		            <th data-col-prop="idRelProPre"></th>
			        <th data-col-prop="orden" data-col-sidx="ORDEN"></th>
		            <th data-col-prop="idPreguntaProtocolo"></th>
			        <th data-col-prop="tipoPregunta.descripcionEuskera"><spring:message code="preguntasProtocolo.tipoPregunta" /></th>
			        <th data-col-prop="tipoPregunta.descripcionCastellano"><spring:message code="preguntasProtocolo.tipoPregunta" /></th>
			        <th data-col-prop="descripcionEuskera"><spring:message code="preguntasProtocolo.descripcion" /></th>
			        <th data-col-prop="descripcionCastellano"><spring:message code="preguntasProtocolo.descripcion" /></th>
			        <th data-col-prop="opciones"><spring:message code="preguntasProtocolo.opciones" /></th>
			        <th data-col-prop="idPreguntaPadre"></th>
			        <th data-col-prop="numeroRespuestas">nRespuestas</th>
		        </tr>
		    </thead>
		    <tfoot hidden="true">
		        <tr>
			        <th>idRelProPre</th>
			        <th>idPreguntaProtocolo</th>
			        <th>orden</th>
			        <th>tipoPregunta.descripcionEuskera</th>
			        <th>tipoPregunta.descripcionCastellano</th>
			        <th>descripcionEuskera</th>
			        <th>descripcionCastellano</th>
			        <th>opciones</th>
			        <th>idPreguntaPadre</th>
			        <th>numerorespuestas</th>
		        </tr>
		    </tfoot>
		</table>
	</div>
	
	<div class="rup-table-buttonpane ui-widget-content ui-helper-clearfix botoneraPreguntasProtocoloModal">
		<div class="rup_tableEdit_buttonsContainerResposive float-right">
			<!-- BotÃ³n Guardar -->
			<button id="preguntasProtocoloModal_detail_button_save" class="btn btn-primary rup_tableEdit_buttonsResposive" type="button"><spring:message code="save" /></button>
			<!-- BotÃ³n cancelar -->
			<button id="preguntasProtocoloModal_detail_button_cancel" class="btn btn-light rup_tableEdit_buttonsResposive" type="button"><spring:message code="cancel" /></button>
		</div>
	</div>
	
	<!-- MODAL AÑADIR PREGUNTAS INFORME TÉCNICO -->
	<div class="modal" id="preguntasProtocoloModalEdit">
		<div class="modal-body">
		
			<form:form id="preguntasProtocoloModalEditForm" modelAttribute="preguntasProtocolo">
				
				<div id="preguntasProtocoloModalEditFeedback"></div>
				
				<input type="text" id="idProtocoloModal" name="idProtocolo" hidden="true" />
				<input type="text" id="idPreguntaProtocoloModal" name="idPreguntaProtocolo" hidden="true" />
				
				<div class="row">
					<div class="form-group col-xs-12">
						<label for="descripcionCastellanoModal" class="required"><spring:message code="preguntasProtocolo.descEs" /></label>
						<input type="text" id="descripcionCastellanoModal" class="form-control" name="descripcionCastellano" />
					</div>
		    	</div>
		    	<div class="row">
		    		<div class="form-group col-xs-12">
		    			<label for="descripcionEuskeraModal" class="required"><spring:message code="preguntasProtocolo.descEu" /></label>
		    			<input type="text" id="descripcionEuskeraModal" class="form-control" name="descripcionEuskera" />
		    		</div>
		    	</div>
		    	<div class="row">
		    		<div class="form-group col-xs-6 validation-label-fix">
		    			<label for="tiposPreguntaComboEdit" class="required"><spring:message code="preguntasProtocolo.tiposPreguntaCombo" /></label>
		    			<select name="idTipoPregunta" class="form-control" id="tiposPreguntaComboEdit"></select>
		    		</div>
		    	</div>
		    	<div class="row" id="divOpciones" hidden="true">
		    		<div class="form-group col-xs-6">
		    			<label for="opcionesEs" class="required"><spring:message code="preguntasProtocolo.opcionesEs" /></label>
						<input type="text" id="opcionesEs" name="opcionesEs" class="form-control" />
		    		</div>
		    		<div class="form-group col-xs-6">
		    			<label for="opcionesEu" class="required"><spring:message code="preguntasProtocolo.opcionesEu" /></label>
						<input type="text" id="opcionesEu" name="opcionesEu" class="form-control" />
		    		</div>
		    	</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="preguntasProtocoloModalEditGuardar"><spring:message code="save" /></button>
					<button class="btn btn-light" id="preguntasProtocoloModalEditCancelar"><spring:message code="cancel" /></button>
				</div>
			</div>
		</div>
	</div>
	
	<!-- MODAL ASIGNAR PREGUNTA PADRE -->
	<div class="modal" id="asignarPadreModal">
		<div class="modal-body">
			<form:form id="asignarPadreModalForm" modelAttribute="relProPre">
				<div id="asignarPadreModalFeedback"></div>
				<input type="text" id="idRelProPreModal" name="idRelProPre" hidden="true" />
				<input type="text" id="ordenModal" name="orden" hidden="true" />
				<div class="form-group col-xs-12">
					<label id="tituloPreguntasRelProPre" for="preguntasRelProPreCombo"></label>
					<select name="idPreguntaProtocolo" class="form-control" id="preguntasRelProPreCombo"></select>
				</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="asignarPadreModalGuardar"><spring:message code="save" /></button>
					<button class="btn btn-light" id="asignarPadreModalCancelar"><spring:message code="cancel" /></button>
				</div>
			</div>
		</div>
	</div>
	
	<jsp:include page="../informeTecnico/informeTecnicoVistaPrevia.jsp"></jsp:include>
	
</div>