<%@include file="/WEB-INF/includeTemplate.inc"%>	
<%@page import="com.ejie.x38.security.UserCredentials"%>
<%@page import="java.util.*" %> 
<%@taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>
<%@taglib prefix="form" uri="/WEB-INF/tld/spring-form.tld"%>

<section>
	<input type="hidden" id= "idPropuesta"/>
	<input type="hidden" id="idInspeccion" value="<c:out value="${idInspeccion}"/>"/>
	<input type="hidden" id="idProcedimiento" value="<c:out value="${idProcedimiento}"/>"/>
	<input type="hidden" id="idExpediente" value="<c:out value="${idExpediente}"/>"/>
	<input type="hidden" id="relacionExpediente" value="<c:out value="${relacionExpediente}"/>"/>
	<input type="hidden" id="folderId" value="<c:out value="${folderId}"/>"/>
	<input type="hidden" id="folderNumber" value="<c:out value="${folderNumber}"/>"/>
	<input type="hidden" id="procedureId" value="<c:out value="${procedureId}"/>"/>
	<input type="hidden" id="urlVerExpediente" value="<c:out value="${urlVerExpediente}"/>" />
	<input type="hidden" id="identificadorExpediente"/>
	<input type="hidden" id="inspeccionSinExpediente"/>
 	<input type="hidden" id="ExpedienteSinInspeccion">
	<input type="hidden" id="origenCampainaOficio" />
	<input type="hidden" id="documentoTitularHeader" />
	<input type="hidden" id="mostrarDenunciadoHeader" />
	<input type="hidden" id="tieneParteInculpadaHeader" />
	<input type="hidden" id="esExpedienteCerrado" value="<c:out value="${esExpedienteCerrado}"/>"/>
	<input type="hidden" id="estadoInspeccion" value="<c:out value="${estadoInspeccion}"/>"/>
	<input type="hidden" id="direccionInspeccion" value="<c:out value="${idDireccion}"/>"/>
	<input type="hidden" id="fechaFinInspeccionHeader" value="<c:out value="${fechaFinInspeccionHeader}"/>"/>
	
	<nav id="fixedNav" class="navbar navbar-light bg-light navbar-secundario navInspecciones">
		<div class="container">
			<div class="pull-left">
				<div class="color-gris"><spring:message code="fichaInspeccion.inspeccion" /></div>
				<h4 id="inspeccion" class="headerInspecciones"></h4>		
			</div>
			<div class="pull-left">
				<div class="color-gris"><spring:message code="fichaInspeccion.expediente" /></div>
				<h4 id="expediente" class="headerInspecciones"></h4>		
			</div>
			<div class="pull-left">
				<div class="color-gris"><spring:message code="fichaInspeccion.titulo" /></div>
				<h4 id="titulo" title=""></h4>		
			</div>
			<div id="btnInfoExpPadre" hidden="true">
			  	<a id="botonCollapse" data-toggle="collapse" href="#collapseExample" role="button" aria-expanded="false" aria-controls="collapseExample">
			   		<i id="plus" class="fa fa-plus-circle" aria-hidden="true"></i><i id="minus" class="fa fa-minus-circle" aria-hidden="true" style="display:none"></i>
			 	</a>
			</div>
			<div class="pull-left">
				<div class="color-gris"><spring:message code="fichaInspeccion.idPropuestaSancion" /></div>
				<h4 id="idPropuestaSancion"></h4>		
			</div>
			<div class="pull-left ml-4">
				<div id="iconoInspeccion"></div>		
			</div>
			<div class="ml-auto">
			
				<form id="importarExcelInformeForm"  enctype="multipart/form-data">
					<div id="fileupload_form_excel_informe" class="form-group rup-upload" hidden="true">
						<span>
						    <i class="fa fa-share-square-o"></i>
						    <input id="inputImportarExcelInforme" type="file" name="fileExcelInforme" />
						</span>
						<div class="fileupload-content mt-3 ml-1" hidden="true">
					        <span id="excelImportar" class="files"></span>
					    </div>
					</div>
				</form>
				<button type="button" id="btnElimarInspeccionOficio" class='btnInspeccionar btn btn-primary btn-circle btn-lg btnCabecera' data-toggle="tooltip" data-placement="bottom" title="<spring:message code="fexpediente.eliminarInspeccion" />" data-original-title='' hidden="true"><i class="fa fa-remove" aria-hidden="true"></i></button>
				<button type="button" id="btnAsociarEstablecimientoInspeccion" class="btnInspccionar btn btn-primary btn-circle btn-lg btnCabecera" data-toggle="tooltip" data-placement="bottom" title='<spring:message code="inspecciones.asociarEstablecimiento" />' data-original-title='' hidden="true"><i class="fa fa-link" aria-hidden="true"></i></button>
				<button type="button" id="btnActualizar" class='btnInspeccionar btn btn-primary btn-circle btn-lg btnCabecera' data-toggle="tooltip" data-placement="bottom" title="<spring:message code="fexpediente.actualizar" />" data-original-title='' hidden="true"><i class="fa fa-refresh" aria-hidden="true"></i></button>
				<button type="button" id="btnCrearExpediente" class='btnInspeccionar btn btn-primary btn-circle btn-lg btnCabecera' data-toggle="tooltip" data-placement="bottom" title="<spring:message code="fexpediente.crearExpediente" />" data-original-title='' hidden="true"><i class="fa fa-folder-open-o" aria-hidden="true"></i></button>
				<c:if test="${esProcedimientoInicioOficio eq true && esExpedienteCerrado eq true && direccionExpedienteConIdentificadorEstablecimiento eq true}">
					<button type="button" id="btnInicioOficio" class='btnInspeccionar btn btn-primary btn-circle btn-lg btnCabecera' data-toggle="tooltip" data-placement="bottom" title="<spring:message code="fexpediente.inicioOficio" />" data-original-title=''><i class="fa fa-minus" aria-hidden="true"></i></button>
				</c:if>
				<button type="button" id="btnGuardarInformeTabla" class="btnInspeccionar btn btn-primary btn-circle btn-lg btnCabecera" data-toggle="tooltip" data-placement="bottom" title='<spring:message code="save" />' data-original-title='' hidden="true"><i class="fa fa-floppy-o" aria-hidden="true"></i></button>
				<c:if test="${direccionExpedienteConIdentificadorEstablecimiento eq true}">
					<button type="button" id="btnVerCenso" class='btnInspeccionar btn btn-primary btn-circle btn-lg btnCabecera' data-toggle="tooltip" data-placement="bottom" title="<spring:message code="accesoCenso" />" data-original-title='' hidden="true"><i class="fa fa-link" aria-hidden="true"></i></button>
				</c:if>
				<button type="button" id="btnGuardarUbicacion" class='btnInspeccionar btn btn-primary btn-circle btn-lg btnCabecera' data-toggle="tooltip" data-placement="bottom" title="" data-original-title=''><i class="fa fa-floppy-o" aria-hidden="true"></i></button>			
				<button type="button" id="btnGuardarRespuestas" class='btnInspeccionar btn btn-primary btn-circle btn-lg btnCabecera' data-toggle="tooltip" data-placement="bottom" title="<spring:message code="informeTecnico.guardarRespuestas" />" data-original-title='' hidden="true"><i class="fa fa-floppy-o" aria-hidden="true"></i></button>
				<button type="button" id="btnGuardar" class='btnInspeccionar btn btn-primary btn-circle btn-lg btnCabecera' data-toggle="tooltip" data-placement="bottom" title="" data-original-title='' hidden="true"><i class="fa fa-floppy-o" aria-hidden="true"></i></button>
				<button type="button" id="btnInspeccionar" class='btnInspeccionar btn btn-primary btn-circle btn-lg btnCabecera' data-toggle="tooltip" data-placement="bottom" title="" data-original-title='' hidden="true"><i class="fa fa-briefcase" aria-hidden="true" hidden="true"></i></button>
				<button type="button" id="busqExp" class="btn btn-primary btn-circle btn-lg btnVerResultado btnCabecera" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="Buscar expedientes" hidden="true"><i class="fa fa-search" aria-hidden="true"></i></button>
				<button type="button" id="btnVolverABusqueda" class="btnInspeccionar btn btn-primary btn-circle btn-lg btnCabecera" data-toggle="tooltip" data-placement="bottom" title="<spring:message code="volverABusqueda" />" data-original-title='' hidden="true"><i class="fa fa-arrow-left" aria-hidden="true"></i></button>
				<button type="button" class="btn btn-default btn-circle btn-lg btnLimpiarResultado btnCabecera"  aria-expanded="false"  id="btnLimpiar" hidden="true">
					<i class="fa fa-eraser" aria-hidden="true" data-toggle="tooltip" data-placement="bottom" title="Limpiar busqueda"></i>
				</button>
				<div class="dropdown d-inline-block">
					<button type="button" class="nav-link btn btn-default btn-circle btn-lg dropdown-toggle sinFlecha btnCabecera" aria-haspopup="true" aria-expanded="false" data-toggle="dropdown" id="navDropdown" >
							<i class="fa fa-ellipsis-h" aria-hidden="true" data-toggle="tooltip" data-placement="bottom" title=''></i>
					</button>
			        <div id="dropdownPuntos" class="dropdown-menu" aria-labelledby="navDropdown">
			        	<a href="#" id="btnGenerarDoc" class="dropdown-item"><i class="fa fa-file-text" aria-hidden="true"></i> <spring:message code="generarDocumento"/></a>
						<a id="btnVerDocumentos" href="${urlVerDocumentos}" target="_blank" class="dropdown-item"><i class="fa fa-files-o" aria-hidden="true"></i> <spring:message code="verDocumento"/></a>
						<a href="${urlVerDocumentosOrigen}" target="_blank" class="dropdown-item" id="verDocumentosOrigen" hidden="true"><i class="fa fa-files-o" aria-hidden="true"></i> <spring:message code="verDocumentoExpedienteOrigen"/></a>
						<!-- <a href="#" class="dropdown-item" id="btnActualizarEstablecimiento" hidden><i class="fa fa-external-link-square" aria-hidden="true">&nbsp;</i><spring:message code="informeTecnico.actualizarEstablecimiento" /></a>
						<a href="#" class="dropdown-item" id="btnNuevaPreguntaExpediente" hidden><i class="fa fa-plus" aria-hidden="true">&nbsp;</i><spring:message code="informeTecnico.nuevaPreguntaExpediente" /></a> -->
						<a href="#" class="dropdown-item" id="btnImportarExcelInforme" hidden="true"><i class="fa fa-sign-in" aria-hidden="true">&nbsp;</i><spring:message code="informeTecnico.importarExcel" /></a>
						<a href="#" class="dropdown-item" id="btnExportarExcelInforme" hidden="true"><i class="fa fa-file-excel-o" aria-hidden="true">&nbsp;</i><spring:message code="informeTecnico.exportarExcel" /></a>
						<a href="#" class="dropdown-item" id="btnImportarExcelInformeTabla" hidden="true"><i class="fa fa-sign-in" aria-hidden="true">&nbsp;</i><spring:message code="informeTecnico.importarExcel" /></a>
						<a href="#" class="dropdown-item" id="btnExportarExcelInformeTabla" hidden="true"><i class="fa fa-file-excel-o" aria-hidden="true">&nbsp;</i><spring:message code="informeTecnico.exportarExcel" /></a>
						
						<c:if test="${parametroPropuestaSancion == 1}">
			       		<a href="#" class ="dropdown-item" id="btnGenerarPropuestaSancion"><i class="fa fa-file-text disabled" aria-hidden="true">&nbsp;</i><spring:message code="generarPropuestaSancion"/></a>
			       		<a href="#" class ="dropdown-item" id="btnModificarPropuestaSancion"><i class="fa fa-file-text disabled" aria-hidden="true">&nbsp;</i><spring:message code="modificarPropuestaSancion"/></a>
			       		<a href="#" class ="dropdown-item" id="btnEliminarPropuestaSancion"><i class="fa fa-file-text disabled" aria-hidden="true">&nbsp;</i><spring:message code="eliminarPropuestaSancion"/></a>
			       		</c:if>
			       		
 			        </div>
		      	</div>
			</div>
		</div>
		<div id="containerProcedimiento" class="container">
			<div class="pull-left">
				<div class="color-gris"><spring:message code="fichaInspeccion.Procedimiento" /></div>
				<h4 id="procedimiento"></h4>
			</div>
			<c:if test="${parametroMovilidad == 1}">
				<div id="botonesTablet">
					<div id="iconoTablet">
				   		<i id="plus" class="fa fa-tablet fa-2x" aria-hidden="true"></i>
					</div>
					<div id="botonesTabletBorde">
						<button type="button" id="btnDocumentacionTablet" class='btnInspeccionar btn btn-primary btn-circle btn-lg' data-toggle="tooltip" data-placement="bottom" title="<spring:message code="fexpediente.documentosTablet" />" data-original-title='' ><i class="fa fa-file-alt" aria-hidden="true"></i></button>
					  	<label id="tabletToggle" class="tabletToggle">
					  		<input type="checkbox" id="tabletToggleCheck">
					  		<span class="slider round"></span>
						</label>
					</div>
				</div>
			</c:if>
		</div>
		<div class="container">		
			<div class="collapse" id="collapseExample">
				<div class="row col-xs-12">
					<div class="pull-left">
			  			<div class="color-gris"><spring:message code="fichaInspeccion.expedientePadre" /></div>
			  			<h4 id="expedientePadre" class="headerInspecciones"></h4>
			  		</div>
			  		<div class="pull-left">
			  			<div class="color-gris"><spring:message code="fichaInspeccion.tituloPadre" /></div>
			  			<h4 id="tituloPadre" class="headerInspecciones"></h4>
			  		</div>
		  		</div>
		  		<div class="row col-xs-12">
			  		<div id="tituloProcPadre" class="color-gris col-xs-12"><spring:message code="fichaInspeccion.ProcedimientoPadre" /></div>
			  		<h4 id="procedimientoPadre"></h4>	
			  	</div>				
		  	</div>
		</div>
	</nav>
</section>	

<div id="dialogs" style="display: none"></div>
<div id="dialogGenerarPropuestaSancion" style= "display:none"></div>

