<!--<div class="mt-4" id="thumbnails_img" >
	<h2>Imágenes a utilizar</h2>
	<div class="row" >
		@if ($preguntas->count()>0)
			@foreach ($preguntas as $p)
			  @if ($p->imagen !="")
					<div class="col-4 col-sm-1 ">
						<img src="http://localhost:8888/2021_itz/poa_local/laravel/public/perfiles/{{ $p->imagen }}" width="100%" class="ml-2 rounded float-left img_exa" alt="..."><br>
						<div class="text-center">Enunciado: 2</div>
					</div>
				@endif
			@endforeach
		@else
	    <div class="col-lg-12 col-md-12 text-center" id>
	      <h2>No se encontraron resultados.</h2>
	    </div>
		@endif
		
		<div class="col-lg-12 col-md-12 text-center" style="display: none;" id="msj_no_img">
      <label>Aun no se ha registrado ninguna imagen.</label>
    </div>

	</div>
</div>-->

<div class="mt-4" id="thumbnails_img" >
	<h2>Listado de imágenes a utilizar</h2>
	<div class="row" >
		<div class="col-12 col-sm-5">
			
			@if ( $preguntas->count()>0 )
			  <div class='table mt-2'>
			    <div class="row encabezado">
			      <div class="col-lg-1 col-md-1 col-sm-12 d-none d-sm-none d-md-block">ID</div>
			      <div class="col-lg-2 col-md-2 col-sm-12 d-none d-sm-none d-md-block">Enunciado</div>
			      <div class="col-lg-9 col-md-9 col-sm-12 d-none d-sm-none d-md-block">Imagen</div>
			    </div>
			    <div class="row contenido-200">
			      <div class='col-md-12'>
			        
			        @foreach ($preguntas as $p)
			        	@if ($p->imagen !="")
			        		<div class="row cuerpo text-center align-self-center">
				            <div class='col-6 d-block d-sm-block d-md-none bg-dark-blue text-white text-center'>ID</div>
				            <div class="col-6 d-block d-sm-block d-md-none bg-dark-blue text-white text-center">{{ $i }}</div>
				            <div class="col-6 col-lg-1 col-md-1 col-sm-6 d-none d-sm-none d-md-block">{{ $i }}</div>

				            <div class='col-6 d-block d-sm-block d-md-none text-center'>Enunciado</div>
				            <div class="col-6 col-lg-2 col-md-2 col-sm-6 text-left">{{ $p->id }}</div>

				            <div class='col-6 d-block d-sm-block d-md-none text-center'>Imagen</div>
				            <div class="col-6 col-lg-9 col-md-9 col-sm-6 text-left text-danger">{{ $p->imagen }}</div>
				            
				          </div>
			        	@endif
				        	
			        
			        @endforeach

			      </div>
			    </div>
			  </div>

			@else
			  <div class="row mt-5">
			    <div class="col-lg-12 col-md-12 text-center">
			      <h2>No se encontraron resultados.</h2>
			    </div>
			  </div>
			@endif

		</div>
		<div class="col-12 col-sm-7">
		  <div class="form-group">
		  	<label id="{{ $id }}" for="">Arrastra o selecciona las imágenes</label>
		    <form></form>
		    <form action="#" id="dropzone_{{ $id }}" class="dropzone" style="min-height: 150px;">
		    	<div class="dz-message" data-dz-message>
		    		<span>Arrastra o selecciona las imágenes a subir</span>
		    	</div>
		    </form>
		  </div>
		</div>
	</div>
</div>



<h4>Preguntas</h4>

@if ( $preguntas->count()>0 )
  <div class='table mt-2'>
    <div class="row encabezado">
      <div class="col-lg-1 col-md-1 col-sm-12 d-none d-sm-none d-md-block">ID</div>
      <div class="col-lg-3 col-md-3 col-sm-12 d-none d-sm-none d-md-block">Enunciado</div>
      <div class="col-lg-2 col-md-2 col-sm-12 d-none d-sm-none d-md-block">Correcta</div>
      <div class="col-lg-2 col-md-2 col-sm-12 d-none d-sm-none d-md-block">Respuesta</div>
      <div class="col-lg-2 col-md-2 col-sm-12 d-none d-sm-none d-md-block">Respuesta</div>
      <div class="col-lg-2 col-md-2 col-sm-12 d-none d-sm-none d-md-block">Respuesta</div>
    </div>
    <div class="row contenido-200">
      <div class='col-md-12'>
        @foreach ($preguntas as $p) 

        	<div class="row cuerpo text-center align-self-center">
            <div class='col-6 d-block d-sm-block d-md-none bg-dark-blue text-white text-center'>ID</div>
            <div class="col-6 d-block d-sm-block d-md-none bg-dark-blue text-white text-center">{{ $p->id }}</div>
            <div class="col-6 col-lg-1 col-md-1 col-sm-6 d-none d-sm-none d-md-block">{{ $p->id }}</div>

            <div class='col-6 d-block d-sm-block d-md-none text-center'>Enunciado</div>
            <div class="col-6 col-lg-3 col-md-3 col-sm-6 text-left">{{ $p->enunciado }}</div>

            <div class='col-6 d-block d-sm-block d-md-none text-center'>Respuesta correcta</div>
            <div class="col-6 col-lg-2 col-md-2 col-sm-6 text-left">{{ $p->resp_1 }}</div>            

            <div class='col-6 d-block d-sm-block d-md-none text-center'>Respuesta</div>
            <div class="col-6 col-lg-2 col-md-2 col-sm-6 text-left">{{ $p->resp_2 }}</div>            

            <div class='col-6 d-block d-sm-block d-md-none text-center'>Respuesta</div>
            <div class="col-6 col-lg-2 col-md-2 col-sm-6 text-left">{{ $p->resp_3 }}</div>            

            <div class='col-6 d-block d-sm-block d-md-none text-center'>Respuesta</div>
            <div class="col-6 col-lg-2 col-md-2 col-sm-6 text-left">{{ $p->resp_4 }}</div>            
          </div>

        @endforeach 
      </div>
    </div>
  </div>

@else
  <div class="row mt-5">
    <div class="col-lg-12 col-md-12 text-center">
      <h2>No se encontraron resultados.</h2>
    </div>
  </div>
@endif

<div class="row mt-4">
	<div class="col-12 col-sm-9"></div>
	<div class="col-12 col-sm-3">
		<input type="button" id="exa_usar" name="exa_usar" value="Eliminar Examen" class="btn btn-outline-danger btn-sm btn-block" >
	</div>
</div>