@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')

            <!-- Designación Producto Reportar 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_reportar')?'is-invalid':'' }} input_main"
                    name="designacion_producto_reportar" id="designacion_producto_reportar"
                    value="{!! empty($quejaRespuesta)? '': $quejaRespuesta->designacion_producto_reportar !!}"
                    placeholder="Designación del producto a reportar *">
                <span id="designacion_producto_reportar-mensaje" class="invalid-feedback"></span>
                @if ($errors->has('designacion_producto_reportar'))
                <span class="invalid-feedback">
                    <strong>{{ $errors->first('designacion_producto_reportar') }}</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"
                    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>

            <!-- Cantidad Recibida Prodcuto Dañado 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">Cantidad recibida de producto dañado *</label>
                <input type="number"
                    class="form-control {{ $errors->has('cantidad_recibida_prodcuto_dañado')?'is-invalid':'' }} input_main"
                    name="cantidad_recibida_prodcuto_dañado" id="cantidad_recibida_prodcuto_dañado"
                    value="{!! empty($quejaRespuesta)? '': $quejaRespuesta->cantidad_recibida_prodcuto_dañado !!}"
                    placeholder="Cantidad recibida de producto dañado *">
                <span id="cantidad_recibida_prodcuto_dañado-mensaje" class="invalid-feedback"></span>
                @if ($errors->has('cantidad_recibida_prodcuto_dañado'))
                <span class="invalid-feedback">
                    <strong>{{ $errors->first('cantidad_recibida_prodcuto_dañado') }}</strong>
                </span>
                @endif
            </div>

            <!-- Cantidad Recibida Prodcuto Bueno 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">Cantidad recibida de producto en buen estado *</label>
                <input type="number"
                    class="form-control {{ $errors->has('cantidad_recibida_prodcuto_bueno')?'is-invalid':'' }} input_main"
                    name="cantidad_recibida_prodcuto_bueno" id="cantidad_recibida_prodcuto_bueno"
                    value="{!! empty($quejaRespuesta)? '': $quejaRespuesta->cantidad_recibida_prodcuto_bueno !!}"
                    placeholder="Cantidad recibida de producto en buen estado *">
                <span id="cantidad_recibida_prodcuto_bueno-mensaje" class="invalid-feedback"></span>
                @if ($errors->has('cantidad_recibida_prodcuto_bueno'))
                <span class="invalid-feedback">
                    <strong>{{ $errors->first('cantidad_recibida_prodcuto_bueno') }}</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>


            @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')