@if (!empty($quejaRespuesta))

    <div class="col-12 row row-centrado m-0 p-0" >
        <div class="col-12 col-sm-12 col-md-12 col-lg-12 col-xl-12 m-0 p-0">
            <div class="row row-centrado h-100">

                <div class="col-12 col-sm-12 col-md-12 col-lg-12 col-xl-12 m-0 p-0">
                    <div class="row h-100" id="contenedorIamgenes">
                        <!-- Adjunto fotos_adjuntas Field -->

                            @php

                                $fotos = explode(",",$quejaRespuesta->fotos_adjuntas);

                            @endphp

                            @foreach ( $fotos as $foto)
                                @if ($foto != '')
                                    <div class="col-12 col-sm-12 col-md-3 col-lg-3 col-xl-3">
                                        <div class="empty-space-50"></div>
                                        <img src="{{ url('/adjuntos/').'/'.$foto }}" class="img-thumbnail"></img>
                                    </div>
                                @endif
                            @endforeach
                    </div>
                </div>
            </div>
        </div>
    </div>

@endif



<div class="col-12 row row-centrado m-0 p-0" style=" display: {{ empty($quejaRespuesta)? 'block':'none'}} ">
    <div class="col-12 col-sm-12 col-md-12 col-lg-12 col-xl-12 m-0 p-0">
        <div class="row justify-content-center row-centrado h-100">

            {!! $titulo_adjunto_fotos !!}


            <div class="col-12 col-sm-12 col-md-12 col-lg-12 col-xl-12 m-0 p-0">

                <div class="row justify-content-center h-100" style="align-items: center;" >
                    <!-- Adjunto fotos_adjuntas Field -->

                    <div class="col-12 col-sm-12 col-md-12 col-lg-4 col-xl-4">

                        <label class="pregunta"><h6 style="font-size: 25px;"> Designación <button class="tooltip" disabled >
                            <i class="fa fa-info icono-info" ></i>
                            <img class="tooltip-image"  src="{{  asset('/imagenes/muestras/producto1.png' )}} "></img>
                        </button></h6>  <br>
                            Adjuntar fotografía donde se aprecie la designación
                            </label>

                        <div class="empty-space-50"></div>
                        <input type="file"
                            class="form-control {{ $errors->has('fotos_adjuntas')?'is-invalid':'' }} input_main dropify"
                            name="fotos_adjuntas[]" value="{!! empty($quejaRespuesta)? '': $quejaRespuesta->fotos_adjuntas !!}"
                            placeholder="Favor de adjuntar sus fotografías"
                            id="adjuntos_fotos">
                    </div>


                    <div class="col-12 col-sm-12 col-md-12 col-lg-4 col-xl-4">

                        <label class="pregunta"><h6 style="font-size: 25px;"> Etiqueta<button class="tooltip" disabled >
                            <i class="fa fa-info icono-info" ></i>
                            <img class="tooltip-image"  src="{{  asset('/imagenes/muestras/etiquetaVisible.png' )}} "></img>
                        </button></h6>  <br>
                            Adjuntar fotografía donde se aprecie la etiqueta de la caja
                            </label>

                        <div class="empty-space-50"></div>
                        <input type="file"
                            class="form-control {{ $errors->has('fotos_adjuntas')?'is-invalid':'' }} input_main dropify"
                            name="fotos_adjuntas[]" value="{!! empty($quejaRespuesta)? '': $quejaRespuesta->fotos_adjuntas !!}"
                            placeholder="Favor de adjuntar sus fotografías"
                            id="adjuntos_fotos">
                        <span id="adjuntos_fotos-mensaje-etiqueta" class="invalid-feedback"></span>
                    </div>

                    <div class="col-12 col-sm-12 col-md-12 col-lg-4 col-xl-4 designacion-correcta oculto">

                        <label class="pregunta"><h6 style="font-size: 25px;"> Designación correcta</h6>  <br>
                        Adjuntar fotografía donde se aprecie la designación correcta. 
                            </label>

                        <div class="empty-space-30"></div>
                        <input type="file"
                            class="form-control {{ $errors->has('fotos_adjuntas')?'is-invalid':'' }} input_main dropify"
                            name="fotos_adjuntas[]" value="{!! empty($quejaRespuesta)? '': $quejaRespuesta->fotos_adjuntas !!}"
                            placeholder="Favor de adjuntar sus fotografías"
                            id="adjuntos_fotos">
                    </div>

                    <div class="col-12 col-sm-12 col-md-12 col-lg-12 col-xl-12 m-0 p-0">
                        <span id="adjuntos_fotos-mensaje" class="invalid-feedback" style="text-align: center;"></span>
                    </div>

                </div>
            </div>
        </div>
        <div  class="row h-100" style="align-items: center;" id="contenedorIamgenes"></div>
    </div>
</div>