@php
    $si_no = [ 'Si','No' ];
@endphp

<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">
                <p>
                    Estimado cliente.<br>
                    Favor de leer detenidamente las siguientes preguntas y favor de responder de acuerdo a los hallazgos detectados.
                </p>

                <p class="text-danger" style="font-size: 16px;">
                    Nota: Únicamente los folios con factura serán atendidos
                </p>
            </div>

            <div class="col-12">
            </div>

            @if (session('error'))
            <div class="alert alert-danger">{{ session('error') }}</div>
            @endif

            <div class="col-12">
            </div>

            <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">¿Qué tipo de queja desea reportar?</label>
                <select name="queja_id" id="queja_id" class="js-example-basic-single w-100 input_main" >
                    <option value="">Selecciona una opción</option>
                    @foreach ($quejas as $value)
                        @if(isset($quejaRespuestas))
                            @if ($quejaRespuestas->queja_id ==  $value->id)
                                <option value="{{ $value->id }}" select>{{ $value->nombre }}</option>
                            @else
                                <option value="{{ $value->id }}">{{ $value->nombre }}</option>
                            @endif
                        @else
                            <option value="{{ $value->id }}">{{ $value->nombre }}</option>
                        @endif
                    @endforeach
                </select>
                <span id="queja_id-mensaje" class="invalid-feedback"></span>
                @if ($errors->has('queja_id'))
                    <span class="invalid-feedback">
                        <strong>{{ $errors->first('queja_id') }}</strong>
                    </span>
                @endif
            </div>


            <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">¿Tipo de problema?</label>
                <select name="queja_problema_id" id="queja_problema_id" class="js-example-basic-single w-100 input_main">
                    <option value="">Selecciona una opción</option>
                    @foreach ($quejasProblemas as $value)
                        @if(isset($quejaRespuestas))
                            @if ($quejaRespuestas->queja_id ==  $value->id)
                                <option value="{{ $value->id }}" select>{{ $value->nombre }}</option>
                            @else
                                <option value="{{ $value->id }}">{{ $value->nombre }}</option>
                            @endif
                        @else
                            <option value="{{ $value->id }}">{{ $value->nombre }}</option>
                        @endif
                    @endforeach
                </select>
                <span id="queja_problema_id-mensaje" class="invalid-feedback"></span>
                @if ($errors->has('queja_problema_id'))
                    <span class="invalid-feedback">
                        <strong>{{ $errors->first('queja_problema_id') }}</strong>
                    </span>
                @endif
            </div>

            <div class="col-12 col-sm-12 col-md-4 col-lg-4 col-xl-4">
                <button class="tooltip" disabled >
                    <i class="fa fa-info icono-info" ></i>
                    <span class="descripcion" id="descripcion"></span>
                </button>
            </div>



                <div class="col-12 col-sm-12 col-md-4 col-lg-4 col-xl-4" id="facturaInput">
                    <div class="empty-space-50"></div>
                    <label class="pregunta">Fecha de factura*</label>
                    <input type="text" class="date form-control {{ $errors->has('factura-fecha')?'is-invalid':'' }} input_main"
                        name="factura_fecha" id="factura-fecha"
                        value=""
                        placeholder="Fecha de factura*">
                    <span id="factura-fecha-mensaje" class="invalid-feedback"></span>
                    @if ($errors->has('factura-fecha'))
                    <span class="invalid-feedback">
                        <strong>{{ $errors->first('factura-fecha') }}</strong>
                    </span>
                    @endif
                </div>


                <div class="col-12 col-sm-12 col-md-12 col-lg-12 col-xl-12" id="pregunta5">
                    <div class="empty-space-50"></div>
                    <label class="pregunta">¿La cantidad facturada coincide a lo solicitado en su orden de compra?</label>
                    <select name="facturado_coincide2" id="facturado_coincide2" class="js-example-basic-single w-100 input_main">
                        <option value="">Selecciona una opción</option>
                        @foreach ($si_no as $value)
                            @if(isset($quejaRespuestas))
                                @if ($quejaRespuestas->facturado_coincide ==  $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="facturado_coincide-mensaje" class="invalid-feedback"></span>
                    @if ($errors->has('queja_id'))
                        <span class="invalid-feedback">
                            <strong>{{ $errors->first('queja_id') }}</strong>
                        </span>
                    @endif
                </div>




                <div class="col-12 col-sm-12 col-md-8 col-lg-8 col-xl-8" id="pregunta4">
                    <div class="empty-space-50"></div>
                    <label class="pregunta" id="menor">¿La cantidad recibida (material fisico) es menor a la cantidad indicada en la factura?</label>
                    <label class="pregunta" id="mayor">¿La cantidad recibida (material fisico) es mayor a la cantidad indicada en la factura?</label>
                    <div class="col-12" style="padding: 0px !important;">
                        <select name="cantidad_menor" id="cantidad_menor" class="js-example-basic-single w-100 input_main" style="width: 690px !important;">
                            <option value="">Selecciona una opción</option>
                            <!-- @foreach ($si_no as $value)
                                @if(isset($quejaRespuestas))
                                    @if ($quejaRespuestas->facturado_coincide ==  $value)
                                        <option value="{{ $value }}" select>{{ $value }}</option>
                                    @else
                                        <option value="{{ $value }}">{{ $value }}</option>
                                    @endif
                                @else
                                    <option value="{{ $value }}">{{ $value }}</option>
                                @endif
                            @endforeach -->
                            <option value="Si" select>Si</option>
                        </select>
                    </div>
                    <span id="cantidad_menor-mensaje" class="invalid-feedback"></span>
                    @if ($errors->has('queja_id'))
                        <span class="invalid-feedback">
                            <strong>{{ $errors->first('queja_id') }}</strong>
                        </span>
                    @endif
                </div>

            <div class="col-12 col-sm-12 col-md-12 col-lg-12 col-xl-12" id="pregunta1">
                <div class="empty-space-50"></div>
                <label class="pregunta">¿La cantidad facturada coincide a lo solicitado en su orden de compra?</label>
                <select name="facturado_coincide" id="facturado_coincide" class="js-example-basic-single w-100 input_main">
                    <option value="">Selecciona una opción</option>
                    @foreach ($si_no as $value)
                        @if(isset($quejaRespuestas))
                            @if ($quejaRespuestas->facturado_coincide ==  $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="facturado_coincide-mensaje" class="invalid-feedback"></span>
                @if ($errors->has('queja_id'))
                    <span class="invalid-feedback">
                        <strong>{{ $errors->first('queja_id') }}</strong>
                    </span>
                @endif
            </div>

            <div class="col-12 col-sm-12 col-md-8 col-lg-8 col-xl-8" id="pregunta2">
                <div class="empty-space-50"></div>
                <label class="pregunta">¿El material recibido físicamente coincide con lo facturado?</label>
                <select name="material_recibido_coincide" id="material_recibido_coincide" class="js-example-basic-single w-100 input_main">
                    <option value="">Selecciona una opción</option>
                    @foreach ($si_no as $value)
                        @if(isset($quejaRespuestas))
                            @if ($quejaRespuestas->material_recibido_coincide ==  $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="material_recibido_coincide-mensaje" class="invalid-feedback"></span>
                @if ($errors->has('queja_id'))
                    <span class="invalid-feedback">
                        <strong>{{ $errors->first('queja_id') }}</strong>
                    </span>
                @endif
            </div>

            <div class="col-12 col-sm-12 col-md-8 col-lg-8 col-xl-8" id="pregunta3">
                <div class="empty-space-50"></div>
                <label class="pregunta">¿El producto cumple con todas las especificaciones técnicas y/o funciona correctamente?</label>
                <select name="cumple_especificaciones_tecnicas" id="cumple_especificaciones_tecnicas" class="js-example-basic-single w-100 input_main">
                    <option value="">Selecciona una opción</option>
                    @foreach ($si_no as $value)
                        @if(isset($quejaRespuestas))
                            @if ($quejaRespuestas->facturado_coincide ==  $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="cumple_especificaciones_tecnicas-mensaje" class="invalid-feedback"></span>
                @if ($errors->has('cumple_especificaciones_tecnicas'))
                    <span class="invalid-feedback">
                        <strong>{{ $errors->first('cumple_especificaciones_tecnicas') }}</strong>
                    </span>
                @endif
            </div>

            {{-- <div class="col-12 col-sm-12 col-md-4 col-lg-4 col-xl-4" >
                <h3>Descripción del problema</h3>
                <p id="descripcion">--</p>
            </div> --}}

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