Sindbad~EG File Manager

<div>
	<div class="container"><br><br>
		<div class="card">
			<div class="card-header">
				<h1 style="color: #1177d1;">{{ $formulario->for_nom }}</h1>
				<p><?= $formulario->for_info ?></p>
			</div>

			<style>
				fieldset {
				border: 1px solid #1177d1;
				border-radius: 10px;
				padding: 10px;
				}
				legend {
				padding: 10px;
				width: 50%;
				}
			</style>
			<form wire:submit.prevent="store">
				<?php 
					$checkbox=1; 
					$tipo5=0;
				?>
				@foreach($competencias as $com)
					<div class="card" id="{{ $com->id }}">
						<div class="card-body">
							<fieldset>
								<legend style="color: #1177d1;">{{ $com->com_nom }}</legend>
								@foreach($interrogantes[$com->id] as $int) 
									<div class="row">
										<div class="col-md-6">
											<p style="color: #6c757d;"><?= $int["int_nom"] ?></p>
										</div>
										<div class="col-md-6" style="color: #6c757d;">
											@if($usuario_id)
												@if(array_key_exists('respuesta', $int))
													@if($int["int_tipo"] == 5)
														<?php 
															$datos=unserialize($int['respuesta']);
														?>
														<ul>
															@foreach($datos as $dato)
																@foreach($dato as $da)
																	<li>{{$da}}</li>
																@endforeach 
															@endforeach 
														</ul><br>
														<?= $int['respuesta2'] ?>
													@elseif($int["int_tipo"] == 4)
														<?php 
															$datos=unserialize($int['respuesta']);
														?>
														<ul>
															@foreach($datos as $dato)
																@foreach($dato as $da)
																	<li>{{$da}}</li>
																@endforeach 
															@endforeach 
														</ul><br>
														<?= $int['respuesta2'] ?>
													@else
														<?= $int['respuesta'] ?><br>
														<?= $int['respuesta2'] ?>
													@endif
												@endif
											@else
												@if($int["int_tipo"] == 1)
													<?php $requerido='required'; ?>
													@for($i = $int["int_inicio"]; $i <= $int["int_fin"]; $i++)
														<div class="form-check form-check-inline">
															<input class="form-check-input" type="radio" name="respuesta.{{ $int['id'] }}" wire:model="respuesta.{{ $int['id'] }}" id="inlineRadio{{ $int['id'] }}{{ $i }}" value="{{ $i }}" {{ $requerido }}>
															<label class="form-check-label" for="inlineRadio{{ $int['id'] }}{{ $i }}">{{ $i }}</label>
														</div>
														<?php $requerido=''; ?>
													@endfor
													@if($int["int_nr"] == 1)
														<div class="form-check form-check-inline">
															<input class="form-check-input" type="radio" name="respuesta.{{ $int['id'] }}" wire:model="respuesta.{{ $int['id'] }}" id="inlineRadio{{ $int['id'] }}" value="N/A">
															<label class="form-check-label" for="inlineRadio{{ $int['id'] }}">N/A</label>
														</div>
													@endif
												@elseif($int["int_tipo"] == 2)
													<div class="form-group">
														<textarea class="form-control" id="Textarea{{ $int['id'] }}" wire:model="respuesta.{{ $int['id'] }}" rows="3" required></textarea>
													</div>
												@elseif($int["int_tipo"] == 3)
													<?php $requerido='required'; ?>
													@for($i = 1; $i <= 10; $i++)
														@php
															$dato='int_opcion'.$i;
															$dato2='int_opcion'.$i.'_punto';
														@endphp
														@if(array_key_exists($dato,$int))
															<div class="form-check form-check-inline">
																<input class="form-check-input" type="radio" name="respuesta.{{ $int['id'] }}" wire:model="respuesta.{{ $int['id'] }}" id="inlineRadio{{ $int['id'] }}{{ $i }}" value="{{ $int[$dato2] }}" {{ $requerido }}>
																<label class="form-check-label" for="inlineRadio{{ $int['id'] }}{{ $i }}">{{ $int[$dato] }}</label>
															</div><br>
															<?php $requerido=''; ?>
														@endif
													@endfor
												@elseif($int["int_tipo"] == 4)
													@for($i = 1; $i <= 10; $i++)
														@php
															$name='Enunciado'.$checkbox;
															$dato='int_opcion'.$i;
														@endphp
														@if(array_key_exists($dato,$int))
															<div class="form-check">
															<input class="form-check-input {{$name}}" type="checkbox" wire:model="respuesta.{{ $int['id'] }}.{{ $i }}.{{ $i }}" value="{{ $int[$dato] }}" id="checkbox{{ $int['id'] }}{{ $i }}">
															<label class="form-check-label" for="{{ $int['id'] }}{{ $i }}">
																{{ $int[$dato] }}
															</label>
															</div><br>
														@endif
													@endfor
													<?php 
														$checkbox+=1; 
														$tipo5=true;
													?>
												@elseif($int["int_tipo"] == 5)
													@for($i = 1; $i <= 5; $i++)
														@php
															$name='Enunciado'.$checkbox;
															$dato='int_opcion'.$i;
															$dato2='int_opcion'.$i.'_punto';
														@endphp
														@if(array_key_exists($dato,$int))
															<div class="form-check">
																<input class="form-check-input {{$name}}" type="checkbox" wire:model="respuesta.{{ $int['id'] }}.{{ $i }}.{{ $i }}" value="{{ $int[$dato] }}"  id="checkbox{{ $int['id'] }}{{ $i }}" attr-data-id="{{$int[$dato2]}}">
																<label class="form-check-label" for="checkbox{{ $int['id'] }}{{ $i }}">
																	{{ $int[$dato] }}
																</label>
															</div><br>
														@endif
													@endfor
													<?php 
														$checkbox+=1; 
														$tipo5=true;
													?>
												@else
													<script>
														var myobj = document.getElementById("{{ $int[competencia_id] }}");
														myobj.remove();
													</script>
												@endif
												@if($int["int_tipo"] == 4)
													<div class="col-md-12" style="color: #6c757d;">
														<div class="form-group">
															<label for="">Comentario:</label>
															<textarea class="form-control" id="Textarea{{ $int['id'] }}" wire:model="respuestas.{{ $int['id'] }}" rows="3" required></textarea>
														</div>
													</div>
												@endif
											@endif
										</div>
									</div><hr>

								@endforeach
							</fieldset><br>
						</div>
					</div>
				@endforeach
				
				@if(!$usuario_id)
					<div class="card-body" align="center">
						<div {{ ($tipo5) ? 'style=display:inline;' : 'style=display:none;' }}>
							<button type="button" onclick="verificar()" class="btn btn-success">Guardar Cambios</button>
						</div>
						<div {{ (!$tipo5) ? 'style=display:inline;' : 'style=display:none;' }}>
							<button class="btn btn-success" id="formularioenviar" type="submit">Guardar Cambios</button>
						</div>
					</div>
				@endif
			</form>
		</div><br><br>
    </div>
	@section('js')
		<script>
			function verificar(){
				//anterior
				var enviar=true;
				@for($i = 1; $i < $checkbox; $i++)
					var checkboxesGrupo{{$i}} = document.querySelectorAll(".Enunciado{{$i}}");
					var seleccionadoGrupo{{$i}} = false;
					for (var i = 0; i < checkboxesGrupo{{$i}}.length; i++) {
						if (checkboxesGrupo{{$i}}[i].checked) {
							seleccionadoGrupo{{$i}} = true;
							break;
						}
					}
					if (seleccionadoGrupo{{$i}}) {
						
					} else {
						enviar=false;
					}
				@endfor
				if(enviar){
					let puntos=0;
					$('form :input[type="checkbox"]:checked').each(function() {
						puntos+=Number($(this).attr('attr-data-id'));
					});
					@this.set('totalpuntos5',puntos)

					setTimeout(function() {
						// Enviar el formulario
						$("#formularioenviar").click();
					}, 25);	
				}else{
					alert("Todas las respuestas son requeridas, verifique el formulario porfavor");
				}
			}
		</script>
	@stop
</div>