@include('queja_respuestas.fields_generales')



<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">

            @include('queja_respuestas.fields_campos_iguales')

            <!-- Numero Caja Field -->
            <div class="col-12 col-sm-12 col-md-4 col-lg-4 col-xl-4">
                <div class="empty-space-50"></div>
                <label class="pregunta">Colocar número de caja*</label>
                <input type="text" class="form-control {{ $errors->has('numero_caja')?'is-invalid':'' }} input_main"
                    name="numero_caja" id="numero_caja" value="{!! empty($quejaRespuesta)? '': $quejaRespuesta->numero_caja !!}"
                    placeholder="Colocar número de caja*">
                <span id="numero_caja-mensaje" class="invalid-feedback"></span>
                @if ($errors->has('numero_caja'))
                <span class="invalid-feedback">
                    <strong>{{ $errors->first('numero_caja') }}</strong>
                </span>
                @endif
            </div>

            <!-- Designación Producto Field -->
            <div class="col-12 col-sm-12 col-md-4 col-lg-4 col-xl-4">
                <div class="empty-space-50"></div>
                <label class="pregunta">Designación del producto a reportar*</label>
                <input type="text"
                    class="form-control {{ $errors->has('designacion_producto')?'is-invalid':'' }} input_main"
                    name="designacion_producto" id="designacion_producto" value="{!! empty($quejaRespuesta)? '': $quejaRespuesta->designacion_producto !!}"
                    placeholder="Designación del producto a reportar*">
                <span id="designacion_producto-mensaje" class="invalid-feedback"></span>
                @if ($errors->has('designacion_producto'))
                <span class="invalid-feedback">
                    <strong>{{ $errors->first('designacion_producto') }}</strong>
                </span>
                @endif
            </div>

            <!-- Numero Caja Recibido Field -->
            <div class="col-12 col-sm-12 col-md-4 col-lg-4 col-xl-4">
                <div class="empty-space-50"></div>
                <label class="pregunta">Colocar número de caja recibido*</label>
                <input type="text"
                    class="form-control {{ $errors->has('numero_caja_recibido')?'is-invalid':'' }} input_main"
                    name="numero_caja_recibido" id="numero_caja_recibido" value="{!! empty($quejaRespuesta)? '': $quejaRespuesta->numero_caja_recibido !!}"
                    placeholder="Colocar número de caja recibido*">
                <span id="numero_caja_recibido-mensaje" class="invalid-feedback"></span>
                @if ($errors->has('numero_caja_recibido'))
                <span class="invalid-feedback">
                    <strong>{{ $errors->first('numero_caja_recibido') }}</strong>
                </span>
                @endif
            </div>

            @php
            $en_caso = [
            'Si',
            'NO'
            ];
            @endphp
             <!-- Queja Procede Field -->
            <div class="col-12 col-sm-12 col-md-4 col-lg-4 col-xl-4">
                <div class="empty-space-50"></div>
                <label class="pregunta">En caso de que su queja sí proceda, ¿retornaría el material?</label>
                <select name="queja_procede" id="queja_procede" class="js-example-basic-single w-100 input_main">
                    <option value="">Selecciona una opción</option>
                    @foreach ($en_caso as $key => $value)
                    @if(isset($quejaRespuestas))
                    @if ($quejaRespuestas->queja_procede == $value)
                    <option value="{{ $value }}" select>{{ $value }}</option>
                    @else
                    <option value="{{ $value}}">{{ $value }}</option>
                    @endif
                    @else
                    <option value="{{ $value }}">{{ $value  }}</option>
                    @endif
                    @endforeach
                </select>
                <span id="queja_procede-mensaje" class="invalid-feedback"></span>
                @if ($errors->has('queja_procede'))
                <span class="invalid-feedback">
                    <strong>{{ $errors->first('queja_procede') }}</strong>
                </span>
                @endif
            </div>

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

            <!-- Adjunto Packing Slip Field -->
            <div class="col-12 col-sm-12 col-md-6 col-lg-6 col-xl-6">
                <div class="empty-space-50"></div>
                <label class="pregunta">Favor de adjuntar su packing slip*</label>
                <input type="file"
                    class="form-control {{ $errors->has('adjunto_packing_slip')?'is-invalid':'' }} input_main dropify"
                    name="adjunto_packing_slip" id="adjunto_packing_slip" 
                    data-default-file="{!! empty($quejaRespuesta)? '': url('/adjuntos/').'/'.$quejaRespuesta->adjunto_packing_slip !!}"
                    placeholder="Favor de adjuntar su packing slip*">
                <span id="adjunto_packing_slip-mensaje" class="invalid-feedback"></span>
                @if ($errors->has('adjunto_packing_slip'))
                <span class="invalid-feedback">
                    <strong>{{ $errors->first('adjunto_packing_slip') }}</strong>
                </span>
                @endif
            </div>

            @include('queja_respuestas.fields_adjunto_factura_comentario')

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


@php
    $titulo_adjunto_fotos = ' 
    
    
                            <div class="form-group col-sm-12 col-lg-4"></div>
                            <div class="form-group col-sm-12 col-lg-12"> 
                                <div class="empty-space-20"></div>
                                <p>Especificaciones de la fotografía<br>
                                Tomar fotografías de al menos 4 caras de la caja<br></p>
                            </div>
                            
                            
                            <div class="form-group col-sm-12 col-lg-4">
                                <img src="'. url('/imagenes/muestras/') . '/muestra1.png">
                            </div>
                            <div class="form-group col-sm-12 col-lg-4">
                                <img src="'. url('/imagenes/muestras/') . '/muestra2.png">
                            </div>
                            <div class="form-group col-sm-12 col-lg-4">
                                <img src="'. url('/imagenes/muestras/') . '/muestra3.png">
                            </div>
                            <div class="form-group col-sm-12 col-lg-12"> 
                                <div class="empty-space-20"></div>
                                <p>Etiqueta Legible (Que se alcance a leer la etiqueta)</p>
                            </div>
                            <div class="form-group col-sm-12 col-lg-4">
                                <img src="'. url('/imagenes/muestras/') . '/etiquetaVisible.png">
                            </div>
                            <div class="form-group col-sm-12 col-lg-4">
                                <img src="'. url('/imagenes/muestras/') . '/etiquetaVisible2.png">
                            </div>


                            <div class="form-group col-sm-12 col-lg-4"></div>
                            <div class="form-group col-sm-12 col-lg-12"> 
                                <div class="empty-space-20"></div>
                                <p>Fotografía del producto en la cual se aprecie la designación</p>
                            </div>
                            <div class="form-group col-sm-12 col-lg-4">
                                <img src="'. url('/imagenes/muestras/') . '/producto1.png">
                            </div>
                            <div class="form-group col-sm-12 col-lg-4">
                                <img src="'. url('/imagenes/muestras/') . '/producto2.png">
                            </div>
                            <div class="form-group col-sm-12 col-lg-4">
                                <img src="'. url('/imagenes/muestras/') . '/producto3.png">
                            </div>
                            <div class="form-group col-sm-12 col-lg-12">
                                <div class="empty-space-50"></div>
                                <h3 class="titulo-modulo texto-obscuro">Adjuntar fotos<a href="#contenedorIamgenes" class="btn-nuevo-activo"
                                        id="addImagen">+ Agregar foto</a></h3>
                            </div>';
@endphp


@include('queja_respuestas.fields_fotos_adjuntas')