Sindbad~EG File Manager

@extends('layouts.app')
@section('content')
<?php use App\User; 
use App\Respuesta2;
?>
<div class="container">
<div class="row">
	<div class="col-lg-12 col-md-12 col-sm-12 col-xs-12"> 
		<h3 align="center">Respuestas</h3> <br><button onclick="exportTableToExcel('tblData', 'members-data')">Exportar Excel</button><br>
	 </div>
	</div>
	<!-- Esto es un comentario-->

	<div class="row">
		<div class="col-lg-12 col-md-12 col-sm-12 col-xs-12"> <!-- para que sea responsive-->
			<div class="table-responsive">
				<table class="table table-striped table-bordered table-condensed table-hover" id="tblData">
					<tr align="center"> <!-- titulo cabecera-->
						<td rowspan="2">Usuario </td>
						@foreach ($cuestionante as $cue)
							<td colspan="5">{{$cue->cuestionante}}</td>
						@endforeach
					</tr>
					<tr align="center">
						@foreach ($cuestionante as $cue)
							<td>Tiempo de respuesta</td>
							<td>Trato</td>
							<td>Trabajo en equipo</td>
							<td>Actitud de servicio</td>
							<td>Calidad de la respuesta</td>
						@endforeach
					</tr>
					@foreach ($usuarios as $usu)
						<tr>
							<td>
								<?php 
									$nombre=User::findOrFail($usu->user_id);
								?>
								{{$nombre->username}}
							</td>
							@foreach ($cuestionante as $cue)
								<td id="{{$usu->user_id}}{{$cue->id}}1">No responde</td>
								<td id="{{$usu->user_id}}{{$cue->id}}2">No responde</td>
								<td id="{{$usu->user_id}}{{$cue->id}}3">No responde</td>
								<td id="{{$usu->user_id}}{{$cue->id}}4">No responde</td>
								<td id="{{$usu->user_id}}{{$cue->id}}5">No responde</td>
							@endforeach
						</tr>
					@endforeach
				</table>
			</div>
			{{$usuarios->render()}}
		</div>
	</div>
</div>
@foreach ($usuarios as $usu)
	@foreach ($cuestionante as $cue)
		<?php 
			$respuesta = Respuesta2::where('user_id','=',$usu->user_id)->where('id_cuestionante','=',$cue->id)->first(); 
		?>
		@if($respuesta)
			<script>
				document.getElementById("{{$usu->user_id}}{{$cue->id}}1").innerHTML = "{{$respuesta->respuesta1}}";
				document.getElementById("{{$usu->user_id}}{{$cue->id}}2").innerHTML = "{{$respuesta->respuesta2}}";
				document.getElementById("{{$usu->user_id}}{{$cue->id}}3").innerHTML = "{{$respuesta->respuesta3}}";
				document.getElementById("{{$usu->user_id}}{{$cue->id}}4").innerHTML = "{{$respuesta->respuesta4}}";
				document.getElementById("{{$usu->user_id}}{{$cue->id}}5").innerHTML = "{{$respuesta->respuesta5}}";
			</script>
		@endif
	@endforeach
@endforeach
<script>
	function exportTableToExcel(tableID, filename = ''){
    var downloadLink;
    var dataType = 'application/vnd.ms-excel';
    var tableSelect = document.getElementById(tableID);
    var tableHTML = tableSelect.outerHTML.replace(/ /g, '%20');
    
    // Specify file name
    filename = filename?filename+'.xls':'excel_data2.xls';
    
    // Create download link element
    downloadLink = document.createElement("a");
    
    document.body.appendChild(downloadLink);
    
    if(navigator.msSaveOrOpenBlob){
        var blob = new Blob(['ufeff', tableHTML], {
            type: dataType
        });
        navigator.msSaveOrOpenBlob( blob, filename);
    }else{
        // Create a link to the file
        downloadLink.href = 'data:' + dataType + ', ' + tableHTML;
    
        // Setting the file name
        downloadLink.download = filename;
        
        //triggering the function
        downloadLink.click();
    }
}
</script>
<script src="{{ asset('js/app.js') }}"></script>
@endsection