<?php echo csrf_field(); ?>

<!-- Modal Nuevo Tópico -->
<div class="modal fade" id="nuevoTopico" tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel" aria-hidden="true">
  <div class="modal-dialog" role="document">
    <div class="modal-content">
      <div class="modal-header">
        <h5 class="modal-title" id="exampleModalLabel">Registrar nuevo tópico</h5>
        <button type="button" class="close" data-dismiss="modal" aria-label="Close">
          <span aria-hidden="true">&times;</span>
        </button>
      </div>
      <div class="modal-body">
        <form id='form-nuevo-topico' action="javascript:ngl_topico_add();">
					
					<div class="row">
						<div class="col-md-3 col-sm-12">
						  <div class="form-group mt-1 text-md-right text-sm-left">
						  	<label>Número:</label>
						  </div>
						</div>
						<div class="col-md-9 col-sm-12">
						  <div class="form-group mt-1">
						    <input type="text" name="mn_nombre" id="mn_nombre" class="form-control form-control-sm" placeholder="Ej. 1" required autocomplete="off" />
						  </div>
						</div>
					</div>
					<div class="row">
						<div class="col-md-3 col-sm-12">
						  <div class="form-group mt-1 text-md-right text-sm-left">
						  	<label>Descripción:</label>
						  </div>
						</div>
						<div class="col-md-9 col-sm-12">
						  <div class="form-group mt-1">
						    <input type="text" name="mn_descripcion" id="mn_descripcion" class="form-control form-control-sm" placeholder="Descripción"  autocomplete="off" />
						  </div>
						</div>
					</div>
					<input type="hidden" value="<?php echo e($modulo[0]->configuracion_id); ?>" id="idConfiguracion" name="idConfiguracion">

				</form>
      </div>
      <div class="modal-footer">
        <button type="button" class="btn btn-outline-secondary btn-sm" data-dismiss="modal">Cancelar</button>
        <button type="submit" class="btn btn-outline-success btn-sm" form="form-nuevo-topico">Guardar</button>
      </div>
    </div>
  </div>
</div>

<!-- Modal Update Tópico -->
<div class="modal fade" id="updateTopico" tabindex="-1" role="dialog" aria-labelledby="actualizarTopicoLabel" aria-hidden="true">
  <div class="modal-dialog" role="document">
    <div class="modal-content">
      <div class="modal-header">
        <h5 class="modal-title" id="actualizarTopicoLabel">Actualizar tópico</h5>
        <button type="button" class="close" data-dismiss="modal" aria-label="Close">
          <span aria-hidden="true">&times;</span>
        </button>
      </div>
      <div class="modal-body">
        <form id='form-actualizar-topico' action="javascript:ngl_topico_update();">
					
					<div class="row">
						<div class="col-md-3 col-sm-12">
						  <div class="form-group mt-1 text-md-right text-sm-left">
						  	<label>Número:</label>
						  </div>
						</div>
						<div class="col-md-9 col-sm-12">
						  <div class="form-group mt-1">
						    <input type="text" name="mu_nombre" id="mu_nombre" class="form-control form-control-sm" placeholder="Ej. 1" required autocomplete="off" />
						  </div>
						</div>
					</div>
					<div class="row">
						<div class="col-md-3 col-sm-12">
						  <div class="form-group mt-1 text-md-right text-sm-left">
						  	<label>Descripción:</label>
						  </div>
						</div>
						<div class="col-md-9 col-sm-12">
						  <div class="form-group mt-1">
						    <input type="text" name="mu_descripcion" id="mu_descripcion" class="form-control form-control-sm" placeholder="Descripción"  autocomplete="off" />
						  </div>
						</div>
					</div>
					<input type="hidden" id="idTopico" name="idTopico">
				</form>
      </div>
      <div class="modal-footer">
        <button type="button" class="btn btn-outline-secondary btn-sm" data-dismiss="modal">Cancelar</button>
        <button type="submit" class="btn btn-outline-success btn-sm" form="form-actualizar-topico">Actualizar</button>
      </div>
    </div>
  </div>
</div>

<!-- Modal Nuevo Sección -->
<div class="modal fade" id="nuevaSeccion" tabindex="-1" role="dialog" aria-labelledby="nuevaSeccionLabel" aria-hidden="true">
  <div class="modal-dialog" role="document">
    <div class="modal-content">
      <div class="modal-header">
        <h5 class="modal-title" id="nuevaSeccionLabel">Registrar nuevo sección</h5>
        <button type="button" class="close" data-dismiss="modal" aria-label="Close">
          <span aria-hidden="true">&times;</span>
        </button>
      </div>
      <div class="modal-body">
        <form id='form-nueva-seccion' action="javascript:ngl_seccion_add();">
					
					<div class="row">
						<div class="col-md-3 col-sm-12">
						  <div class="form-group mt-1 text-md-right text-sm-left">
						  	<label for='sn_numero'>Número:</label>
						  </div>
						</div>
						<div class="col-md-9 col-sm-12">
						  <div class="form-group mt-1">
						    <input type="text" name="sn_numero" id="sn_numero" class="form-control form-control-sm" placeholder="Ej. 1" required autocomplete="off" />
						  </div>
						</div>
					</div>
					<div class="row">
						<div class="col-md-3 col-sm-12">
						  <div class="form-group mt-1 text-md-right text-sm-left">
						  	<label for="sn_indicacion">Indicación:</label>
						  </div>
						</div>
						<div class="col-md-9 col-sm-12">
						  <div class="form-group mt-1">
						  	
						    <input type="text" name="sn_indicacion" id="sn_indicacion" class="form-control form-control-sm" placeholder="Ej. READ THE PASSAGE AND ANSWER THE QUESTIONS." required autocomplete="off" />
						  </div>
						</div>
					</div>

					<div class="row">
						<div class="col-md-3 col-sm-12">
						  <div class="form-group mt-1 text-md-right text-sm-left">
						  	<label for='sn_texto'>Texto:</label>
						  </div>
						</div>
						<div class="col-md-9 col-sm-12">
						  <div class="form-group mt-1">
						  	<textarea class="form-control form-control-sm" name="sn_texto" id="sn_texto"  placeholder="Ej. At what age do people get married? The average marriage age is getting older around the world..." autocomplete="off"></textarea>
						  </div>
						</div>
					</div>

					<div class="row">
						<div class="col-md-3 col-sm-12">
						  <div class="form-group mt-1 text-md-right text-sm-left">
						  	<label for="sn_audio">Audio:</label>
						  </div>
						</div>
						<div class="col-md-9 col-sm-12">
						  <div class="form-group mt-1">
						    <input type="file" name="sn_audio" id="sn_audio" class="form-control-sm" placeholder="Indicación" autocomplete="off" accept=".mp3"  />
						  </div>
						</div>
					</div>

					<input type="hidden" id="idModulo" name="idModulo">
				</form>
      </div>
      <div class="modal-footer">
        <button type="button" class="btn btn-outline-secondary btn-sm" data-dismiss="modal">Cancelar</button>
        <button type="submit" class="btn btn-outline-success btn-sm" form="form-nueva-seccion">Guardar</button>
      </div>
    </div>
  </div>
</div>

<!-- Modal Update Sección -->
<div class="modal fade" id="updateSeccion" tabindex="-1" role="dialog" aria-labelledby="updateSeccionLabel" aria-hidden="true">
  <div class="modal-dialog" role="document">
    <div class="modal-content">
      <div class="modal-header">
        <h5 class="modal-title" id="updateSeccionLabel">Actualizar sección</h5>
        <button type="button" class="close" data-dismiss="modal" aria-label="Close">
          <span aria-hidden="true">&times;</span>
        </button>
      </div>
      <div class="modal-body">
        <form id='form-update-seccion' action="javascript:ngl_seccion_update();">
					
					<div class="row">
						<div class="col-md-3 col-sm-12">
						  <div class="form-group mt-1 text-md-right text-sm-left">
						  	<label for='su_numero'>Número:</label>
						  </div>
						</div>
						<div class="col-md-9 col-sm-12">
						  <div class="form-group mt-1">
						    <input type="text" name="su_numero" id="su_numero" class="form-control form-control-sm" placeholder="Ej. 1" required autocomplete="off" />
						  </div>
						</div>
					</div>
					<div class="row">
						<div class="col-md-3 col-sm-12">
						  <div class="form-group mt-1 text-md-right text-sm-left">
						  	<label for="su_indicacion">Indicación:</label>
						  </div>
						</div>
						<div class="col-md-9 col-sm-12">
						  <div class="form-group mt-1">
						  	
						    <input type="text" name="su_indicacion" id="su_indicacion" class="form-control form-control-sm" placeholder="Ej. READ THE PASSAGE AND ANSWER THE QUESTIONS." required autocomplete="off" />
						  </div>
						</div>
					</div>

					<div class="row">
						<div class="col-md-3 col-sm-12">
						  <div class="form-group mt-1 text-md-right text-sm-left">
						  	<label for='su_texto'>Texto:</label>
						  </div>
						</div>
						<div class="col-md-9 col-sm-12">
						  <div class="form-group mt-1">
						  	<textarea class="form-control form-control-sm" name="su_texto" id="su_texto"  placeholder="Ej. At what age do people get married? The average marriage age is getting older around the world..." autocomplete="off"></textarea>
						  </div>
						</div>
					</div>

					<div class="row">
						<div class="col-md-3 col-sm-12">
						  <div class="form-group mt-1 text-md-right text-sm-left">
						  	<label for="su_audio">Audio:</label>
						  </div>
						</div>
						<div class="col-md-9 col-sm-12">
						  <div class="form-group mt-1">
						    <input type="file" name="su_audio" id="su_audio" class="form-control-sm" placeholder="Indicación" autocomplete="off" accept=".mp3" />
						  </div>
						</div>
					</div>

					<input type="hidden" id="idSeccion" name="idSeccion">
				</form>
      </div>
      <div class="modal-footer">
        <button type="button" class="btn btn-outline-secondary btn-sm" data-dismiss="modal">Cancelar</button>
        <button type="submit" class="btn btn-outline-success btn-sm" form="form-update-seccion">Actualizar</button>
      </div>
    </div>
  </div>
</div>

<!-- Modal Nuevo Pregunta -->
<div class="modal fade" id="nuevaPregunta" tabindex="-1" role="dialog" aria-labelledby="nuevaPreguntaLbl" aria-hidden="true">
  <div class="modal-dialog" role="document">
    <div class="modal-content">
      <div class="modal-header">
        <h5 class="modal-title" id="nuevaPreguntaLbl">Registrar nueva pregunta</h5>
        <button type="button" class="close" data-dismiss="modal" aria-label="Close">
          <span aria-hidden="true">&times;</span>
        </button>
      </div>
      <div class="modal-body">
        <form id='form-nuevo-pregunta' action="javascript:ngl_pregunta_add();">
					
					<div class="row">
						<div class="col-md-3 col-sm-12">
						  <div class="form-group mt-1 text-md-right text-sm-left">
						  	<label for='qn_pregunta'>Pregunta:</label>
						  </div>
						</div>
						<div class="col-md-9 col-sm-12">
						  <div class="form-group mt-1">
						    <input type="text" name="qn_pregunta" id="qn_pregunta" class="form-control form-control-sm" required autocomplete="off" />
						  </div>
						</div>
					</div>
					<div class="row">
						<div class="col-md-3 col-sm-12">
						  <div class="form-group mt-1 text-md-right text-sm-left">
						  	<label for="qn_respuesta_1">Respuesta Correcta:</label>
						  </div>
						</div>
						<div class="col-md-9 col-sm-12">
						  <div class="form-group mt-1">
						    <input type="text" name="qn_respuesta_1" id="qn_respuesta_1" class="form-control form-control-sm" placeholder="" required autocomplete="off" />
						  </div>
						</div>
					</div>
					<div class="row">
						<div class="col-md-3 col-sm-12">
						  <div class="form-group mt-1 text-md-right text-sm-left">
						  	<label for="qn_respuesta_2">Respuesta:</label>
						  </div>
						</div>
						<div class="col-md-9 col-sm-12">
						  <div class="form-group mt-1">
						    <input type="text" name="qn_respuesta_2" id="qn_respuesta_2" class="form-control form-control-sm" placeholder="" required autocomplete="off" />
						  </div>
						</div>
					</div>
					<div class="row">
						<div class="col-md-3 col-sm-12">
						  <div class="form-group mt-1 text-md-right text-sm-left">
						  	<label for="qn_respuesta_3">Respuesta:</label>
						  </div>
						</div>
						<div class="col-md-9 col-sm-12">
						  <div class="form-group mt-1">
						    <input type="text" name="qn_respuesta_3" id="qn_respuesta_3" class="form-control form-control-sm" placeholder="" required autocomplete="off" />
						  </div>
						</div>
					</div>
					<div class="row">
						<div class="col-md-3 col-sm-12">
						  <div class="form-group mt-1 text-md-right text-sm-left">
						  	<label for="qn_respuesta_4">Respuesta:</label>
						  </div>
						</div>
						<div class="col-md-9 col-sm-12">
						  <div class="form-group mt-1">
						    <input type="text" name="qn_respuesta_4" id="qn_respuesta_4" class="form-control form-control-sm" placeholder="" autocomplete="off" />
						  </div>
						</div>
					</div>
					<div class="row">
						<div class="col-md-3 col-sm-12">
						  <div class="form-group mt-1 text-md-right text-sm-left">
						  	<label for="qn_respuesta_5">Respuesta:</label>
						  </div>
						</div>
						<div class="col-md-9 col-sm-12">
						  <div class="form-group mt-1">
						    <input type="text" name="qn_respuesta_5" id="qn_respuesta_5" class="form-control form-control-sm" placeholder="" autocomplete="off" />
						  </div>
						</div>
					</div>

					<div class="row">
						<div class="col-md-3 col-sm-12">
						  <div class="form-group mt-1 text-md-right text-sm-left">
						  	<label for='qn_puntos'>Puntos:</label>
						  </div>
						</div>
						<div class="col-md-9 col-sm-12">
						  <div class="form-group mt-1">
						  	<input type="number" name="qn_puntos" id="qn_puntos" class="form-control form-control-sm" placeholder="" required autocomplete="off" value="1" />
						  </div>
						</div>
					</div>

					<input type="hidden" name="idSeccionPregunta" id="idSeccionPregunta">

				</form>
      </div>
      <div class="modal-footer">
        <button type="button" class="btn btn-outline-secondary btn-sm" data-dismiss="modal">Cancelar</button>
        <button type="submit" class="btn btn-outline-success btn-sm" form="form-nuevo-pregunta">Guardar</button>
      </div>
    </div>
  </div>
</div>

<!-- Modal Update Pregunta -->
<div class="modal fade" id="updatePregunta" tabindex="-1" role="dialog" aria-labelledby="updPreguntaLbl" aria-hidden="true">
  <div class="modal-dialog" role="document">
    <div class="modal-content">
      <div class="modal-header">
        <h5 class="modal-title" id="updPreguntaLbl">Actualizar pregunta</h5>
        <button type="button" class="close" data-dismiss="modal" aria-label="Close">
          <span aria-hidden="true">&times;</span>
        </button>
      </div>
      <div class="modal-body">
        <form id='form-update-pregunta' action="javascript:ngl_pregunta_update();">
					<div class="row">
						<div class="col-md-3 col-sm-12">
						  <div class="form-group mt-1 text-md-right text-sm-left">
						  	<label for='qu_pregunta'>Pregunta:</label>
						  </div>
						</div>
						<div class="col-md-9 col-sm-12">
						  <div class="form-group mt-1">
						    <input type="text" name="qu_pregunta" id="qu_pregunta" class="form-control form-control-sm" required autocomplete="off" />
						  </div>
						</div>
					</div>
					<div class="row">
						<div class="col-md-3 col-sm-12">
						  <div class="form-group mt-1 text-md-right text-sm-left">
						  	<label for="qu_respuesta_1">Respuesta Correcta:</label>
						  </div>
						</div>
						<div class="col-md-9 col-sm-12">
						  <div class="form-group mt-1">
						    <input type="text" name="qu_respuesta_1" id="qu_respuesta_1" class="form-control form-control-sm" placeholder="" required autocomplete="off" />
						  </div>
						</div>
					</div>
					<div class="row">
						<div class="col-md-3 col-sm-12">
						  <div class="form-group mt-1 text-md-right text-sm-left">
						  	<label for="qu_respuesta_2">Respuesta:</label>
						  </div>
						</div>
						<div class="col-md-9 col-sm-12">
						  <div class="form-group mt-1">
						    <input type="text" name="qu_respuesta_2" id="qu_respuesta_2" class="form-control form-control-sm" placeholder="" required autocomplete="off" />
						  </div>
						</div>
					</div>
					<div class="row">
						<div class="col-md-3 col-sm-12">
						  <div class="form-group mt-1 text-md-right text-sm-left">
						  	<label for="qu_respuesta_3">Respuesta:</label>
						  </div>
						</div>
						<div class="col-md-9 col-sm-12">
						  <div class="form-group mt-1">
						    <input type="text" name="qu_respuesta_3" id="qu_respuesta_3" class="form-control form-control-sm" placeholder="" required autocomplete="off" />
						  </div>
						</div>
					</div>
					<div class="row">
						<div class="col-md-3 col-sm-12">
						  <div class="form-group mt-1 text-md-right text-sm-left">
						  	<label for="qu_respuesta_4">Respuesta:</label>
						  </div>
						</div>
						<div class="col-md-9 col-sm-12">
						  <div class="form-group mt-1">
						    <input type="text" name="qu_respuesta_4" id="qu_respuesta_4" class="form-control form-control-sm" placeholder="" autocomplete="off" />
						  </div>
						</div>
					</div>
					<div class="row">
						<div class="col-md-3 col-sm-12">
						  <div class="form-group mt-1 text-md-right text-sm-left">
						  	<label for="qu_respuesta_5">Respuesta:</label>
						  </div>
						</div>
						<div class="col-md-9 col-sm-12">
						  <div class="form-group mt-1">
						    <input type="text" name="qu_respuesta_5" id="qu_respuesta_5" class="form-control form-control-sm" placeholder="" autocomplete="off" />
						  </div>
						</div>
					</div>

					<div class="row">
						<div class="col-md-3 col-sm-12">
						  <div class="form-group mt-1 text-md-right text-sm-left">
						  	<label for='qu_puntos'>Puntos:</label>
						  </div>
						</div>
						<div class="col-md-9 col-sm-12">
						  <div class="form-group mt-1">
						  	<input type="number" name="qu_puntos" id="qu_puntos" class="form-control form-control-sm" placeholder="" required autocomplete="off" value="1" />
						  </div>
						</div>
					</div>

					<input type="hidden" name="idPregunta" id="idPregunta">

				</form>
      </div>
      <div class="modal-footer">
        <button type="button" class="btn btn-outline-secondary btn-sm" data-dismiss="modal">Cancelar</button>
        <button type="submit" class="btn btn-outline-success btn-sm" form="form-update-pregunta">Actualizar</button>
      </div>
    </div>
  </div>
</div>


<div class="accordion" id="accordionExample">
	<!-- Empiezan topicos -->
	<?php $__currentLoopData = $modulo; $__env->addLoop($__currentLoopData); foreach($__currentLoopData as $i => $m): $__env->incrementLoopIndices(); $loop = $__env->getLastLoop(); ?>
	
		<div class="card">
	    <div class="card-header p-0" id="heading<?php echo e($m->id); ?>" >
	      
	      <div class="row">
	      	<div class="col-md-10 col-sm-12">
	      		<button class="btn btn-link btn-link-green btn-block text-left" type="button" data-toggle="collapse" data-target="#modulo_<?php echo e($m->id); ?>" aria-expanded="true" aria-controls="modulo_<?php echo e($m->id); ?>" id='btn-<?php echo e($m->id); ?>'>
		          Tópico <?php echo e($m->nombre); ?> - <?php echo e($m->descripcion); ?>

		        </button>
	      	</div>
	      	<div class="col-md-2 col-sm-12 mt-2 text-right ">
	      		
	      		<div class="btn-group btn-group-xs mr-3" role="group" aria-label="...">
              <button class="btn btn-outline-secondary" type="button"  data-toggle="modal" data-target="#nuevaSeccion" onclick="$('#idModulo').val('<?php echo e($m->id); ?>')">
              	<i class="fa fa-server" data-toggle="popover" data-placement="top" data-trigger="hover" data-content="Nueva Sección"></i>
              </button>
            </div>

            <div class="btn-group btn-group-xs mr-3" role="group" aria-label="...">
              <button class="btn btn-outline-info"    type="button" onclick="ngl_topico_show(<?php echo e($m->id); ?>);" data-nombre="<?php echo e($m->nombre); ?>" data-descripcion="<?php echo e($m->descripcion); ?>" id='btn-topico-<?php echo e($m->id); ?>'>
              	<i class="fa fa-pencil" data-toggle="popover" data-placement="top" data-trigger="hover" data-content="Modificar Tópico"></i>
              </button>
              <button class="btn btn-outline-danger"  type="button" onclick="ngl_topico_delete(<?php echo e($m->id); ?>);">
              	<i class="fa fa-trash-o" data-toggle="popover" data-placement="top" data-trigger="hover" data-content="Eliminar Tópico"></i>
              </button>
              
            </div>
	      	</div>
	      </div>

	      
	    </div>
			<div id="modulo_<?php echo e($m->id); ?>" class="collapse <?php echo e($i==0 ? 'show' : ''); ?>" aria-labelledby="heading<?php echo e($m->id); ?>" data-parent="#accordionExample">
      	<div class="card-body">
      		<?php if($m->seccion->count()>0): ?>

						<?php $__currentLoopData = $m->seccion; $__env->addLoop($__currentLoopData); foreach($__currentLoopData as $s): $__env->incrementLoopIndices(); $loop = $__env->getLastLoop(); ?>
							<div class="table mt-3">
			          <div class="row encabezado">
			            <div class="col-md-12 col-sm-12 col-12 d-block d-sm-none bg-dark-blue text-white text-center"><?php echo e($s->indicacion); ?></div>
			            <div class="col-md-10 col-sm-10 col-12 d-none d-sm-block text-center"><?php echo e($s->indicacion); ?></div>
			            <div class="col-md-2 col-sm-2 col-12  text-center">
			            	<nav class="btn-group btn-group-xs mr-3" role="group" aria-label="..." style="margin: 0px;">
		                  <!--respetar los colores y botones para consultar, modificar y eliminar -->
		                  <button class="btn btn-outline-light" type="button"  data-toggle="modal" data-target="#nuevaPregunta" onclick="$('#idSeccionPregunta').val('<?php echo e($s->id); ?>')">
		                  	<i class="fa fa-question" data-toggle="popover" data-placement="top" data-trigger="hover" data-content="Nueva Pregunta"></i>
		                  </button>
		                </nav>
		                  
		                <nav class="btn-group btn-group-xs mr-3" role="group" aria-label="..." style="margin: 0px;">
		                  <button class="btn btn-outline-light" type="button" onclick="ngl_seccion_show(<?php echo e($s->id); ?>);">
		                  	<i class="fa fa-pencil" data-toggle="popover" data-placement="top" data-trigger="hover" data-content="Modificar Sección"></i>
		                  </button>
		                  
		                  <button class="btn btn-outline-light"  type="button" onclick="ngl_seccion_delete(<?php echo e($s->id); ?>);">
		                  	<i class="fa fa-trash-o" data-toggle="popover" data-placement="top" data-trigger="hover" data-content="Eliminar Sección"></i>
		                  </button>
		                  
		                </nav>
			            </div>
			          </div>
			          
			          <?php if($s->texto!=""): ?>
		              <div class="row encabezado" style="color:#8c8c8c; background:white; font-weight:normal;">
		     
		                <div class="col-md-12 col-sm-12 col-12 text-justify"><?php echo e($s->texto); ?></div>
		            	</div> 
		            <?php endif; ?>
		        		
		        		<?php if($s->audio!=""): ?>
		              <div class="row encabezado" style="color:#8c8c8c; background:white; font-weight:normal;">
		              	<div class="col-md-12 col-sm-12 col-12 text-center">
										  <section class="player mb-1" data-id='<?php echo e($s->id); ?>'>
										    <audio id='audio_<?php echo e($s->id); ?>'>
										      <source src="https://escolares.itzitacuaro.edu.mx/laravel/storage/audios/<?php echo e($s->audio); ?>" type="audio/mp3">
										    </audio>
							          <section class="btn-group" role="group" aria-label="Basic example">
							            <button type="button" class="btn btn-dark" onclick="reproducir('<?php echo e('audio_'.$s->id); ?>');"><i class="fa fa-play"></i></button>
							            <button type="button" class="btn btn-dark" onclick="pausar('<?php echo e('audio_'.$s->id); ?>');"><i class="fa fa-pause"></i></button>
							            <button type="button" class="btn btn-dark" onclick="bajar_volumen('<?php echo e('audio_'.$s->id); ?>');"><i class="fa fa-volume-down"></i></button>
							            <button type="button" class="btn btn-dark" onclick="subir_volumen('<?php echo e('audio_'.$s->id); ?>');"><i class="fa fa-volume-up"></i></button>
							          </section>
										  </section>
										</div>
		            	</div> 
		      			<?php endif; ?>

		      			<?php if( count($s->pregunta) > 0 ): ?>
		      				<?php
		      					$q = count($s->pregunta)/2;
		      					if (count($s->pregunta) % 2 > 0) { $q++; }
		      					$i = 0;
		      				?>
				          
				          
					        <div class="row">
					        	<?php $__currentLoopData = $s->pregunta->chunk($q); $__env->addLoop($__currentLoopData); foreach($__currentLoopData as $chunk): $__env->incrementLoopIndices(); $loop = $__env->getLastLoop(); ?>    

					            <div class="col-md-6 col-sm-6 d-none d-sm-block">
					            	
					            	<div class="row encabezado gris">
						            	<div class="col-md-1 col-sm-1 d-none d-sm-block">No.</div>
						            	<div class="col-md-9 col-sm-9 d-none d-sm-block">Pregunta</div>
						            	<div class="col-md-2 col-sm-2 d-none d-sm-block">Acciones</div>
						            </div>

						            <div class="row contenido-700">
						            	<?php $__currentLoopData = $chunk; $__env->addLoop($__currentLoopData); foreach($__currentLoopData as $p): $__env->incrementLoopIndices(); $loop = $__env->getLastLoop(); ?>
									          <div class="col-md-12">
									          	<div class="row cuerpo">
								                <div class="col-6 d-block d-sm-none bg-dark-blue text-white text-center">No.</div>
								                <div class="col-md-1 col-sm-1 col-6 d-block d-sm-none bg-dark-blue text-white text-center"><?php echo e($i+1); ?></div>
								                <div class="col-md-1 col-sm-1 col-6 d-none d-sm-block text-center"><?php echo e($i+1); ?></div>
								                
								                <div class="col-6 d-block d-sm-none text-center">Pregunta</div>
								                <div class="col-md-9 col-sm-9 col-6 "><?php echo e($p->pregunta); ?>

								                	<ol>
								                		<?php if($p->resp_1!=""): ?><li><?php echo e($p->resp_1); ?></li><?php endif; ?>
								                		<?php if($p->resp_2!=""): ?><li><?php echo e($p->resp_2); ?></li><?php endif; ?>
								                		<?php if($p->resp_3!=""): ?><li><?php echo e($p->resp_3); ?></li><?php endif; ?>
								                		<?php if($p->resp_4!=""): ?><li><?php echo e($p->resp_4); ?></li><?php endif; ?>
								                		<?php if($p->resp_5!=""): ?><li><?php echo e($p->resp_5); ?></li><?php endif; ?>
								                	</ol>
								                </div>

								                <div class="col-6 d-block d-sm-none text-center">Acciones</div>
								                <div class="col-md-2 col-sm-2 col-6 text-center">
								                	<nav class="btn-group btn-group-xs mr-3" role="group" aria-label="..." style="margin: 0px;">
									                  <!--respetar los colores y botones para consultar, modificar y eliminar -->
									                  <button class="btn btn-outline-info"    type="button" onclick="ngl_pregunta_show(<?php echo e($p->id); ?>);">
									                  	<i class="fa fa-pencil" data-toggle="popover" data-placement="top" data-trigger="hover" data-content="Modificar Pregunta"></i></button>
									                  <button class="btn btn-outline-danger"  type="button" onclick="ngl_pregunta_delete(<?php echo e($p->id); ?>);">
									                  	<i class="fa fa-trash-o" data-toggle="popover" data-placement="top" data-trigger="hover" data-content="Eliminar Pregunta"></i></button>
									                </nav>
								                </div>
							                
							              	</div> 
							              </div>
								          	<?php $i++; ?>
									        <?php endforeach; $__env->popLoop(); $loop = $__env->getLastLoop(); ?>
									      </div>
					            </div>
					          
					        	<?php endforeach; $__env->popLoop(); $loop = $__env->getLastLoop(); ?>
					        </div>

				          
				      	<?php else: ?>
				      		<div class="text-center">Aun no se han registrado ninguna pregunta en esta sección.</div>
				      	<?php endif; ?>
			          
			          
				    	</div>
				    <?php endforeach; $__env->popLoop(); $loop = $__env->getLastLoop(); ?>
				  <?php else: ?> 
				  	<div class="text-center">Aun no se han registrado secciones.</div>
				  <?php endif; ?>
				</div>
   	 	</div>
		</div>

  <?php endforeach; $__env->popLoop(); $loop = $__env->getLastLoop(); ?>	
  <!-- Fin de  topicos -->
</div> 


<div class="row mt-3">
	<div class="col"></div>
	<div class="col">
		<button type="button" class="btn btn-outline-dark btn-block" onclick="ngl_consulta_regresar();"><i class="fa fa-times"></i> Regresar</button>
	</div>
	<div class="col"></div>
</div><?php /**PATH /home3/itzitacu/public_html/poa/laravel/resources/views/examen_ingles/examen/modificar.blade.php ENDPATH**/ ?>