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

            <!-- correo alternativo 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">Correo alternativo (opcional)</label>
                <input type="text" class="form-control {{ $errors->has('correo_alternativo')?'is-invalid':'' }} input_main"
                    name="correo_alternativo" id="correo_alternativo"
                    value="{!! empty($quejaRespuesta)? '': $quejaRespuesta->correo_alternativo !!}"
                    placeholder="Correo alternativo (opcional)">
                <span id="correo_alternativo-mensaje" class="invalid-feedback"></span>
                @if ($errors->has('correo_alternativo'))
                <span class="invalid-feedback">
                    <strong>{{ $errors->first('correo_alternativo') }}</strong>
                </span>
                @endif
            </div> -->

            <!-- Extensión 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">Número Telefónico (Extensión)</label>
                <input type="text" class="form-control {{ $errors->has('extencion')?'is-invalid':'' }} input_main" name="extencion"
                    id="extencion" value="{!! empty($quejaRespuesta)? '': $quejaRespuesta->extencion !!}"
                    placeholder="Extensión">
                <span id="extencion-mensaje" class="invalid-feedback"></span>
                @if ($errors->has('extencion'))
                <span class="invalid-feedback">
                    <strong>{{ $errors->first('extencion') }}</strong>
                </span>
                @endif
            </div> -->

            <div class="col-4"></div>
            <div class="col-12"></div>
            <div class="empty-space-50"></div>
            <h3>Datos de la queja</h3>
            <div class="col-12"></div>


            <!-- Favor de colocar su número de Factura 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">Favor de colocar su número de Factura*</label>
                <input type="text" class="form-control {{ $errors->has('numero_factura')?'is-invalid':'' }} input_main"
                    name="numero_factura" id="numero_factura"
                    value="{!! empty($quejaRespuesta)? '': $quejaRespuesta->numero_factura !!}"
                    placeholder="Favor de colocar su número de Factura*">
                <span id="numero_factura-mensaje" class="invalid-feedback"></span>
                @if ($errors->has('numero_factura'))
                <span class="invalid-feedback">
                    <strong>{{ $errors->first('numero_factura') }}</strong>
                </span>
                @endif
            </div>

            <!-- Fecha Factura 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">Fecha de factura*</label>
                <input type="text" class="date form-control {{ $errors->has('fecha_factura')?'is-invalid':'' }} input_main"
                    name="fecha_factura" id="fecha_factura"
                    value="{!! empty($quejaRespuesta)? '': $quejaRespuesta->fecha_factura !!}"
                    placeholder="Fecha de factura*">
                <span id="fecha_factura-mensaje" class="invalid-feedback"></span>
                @if ($errors->has('fecha_factura'))
                <span class="invalid-feedback">
                    <strong>{{ $errors->first('fecha_factura') }}</strong>
                </span>
                @endif
            </div>

            <!-- Razon Social 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">Favor de colocar su razón social *</label>
                <input type="text" class="form-control {{ $errors->has('razon_social')?'is-invalid':'' }} input_main"
                    name="razon_social" id="razon_social" value="{!! empty($quejaRespuesta)? '': $quejaRespuesta->razon_social !!}"
                    placeholder="Favor de colocar su razón social *">
                <span id="razon_social-mensaje" class="invalid-feedback"></span>
                @if ($errors->has('razon_social'))
                <span class="invalid-feedback">
                    <strong>{{ $errors->first('razon_social') }}</strong>
                </span>
                @endif
            </div>

            <!-- Dirección 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">Dirección *</label>
                <input type="text" class="form-control {{ $errors->has('direccion')?'is-invalid':'' }} input_main" name="direccion"
                    id="direccion" value="{!! empty($quejaRespuesta)? '': $quejaRespuesta->direccion !!}"
                    placeholder="Dirección *">
                <span id="direccion-mensaje" class="invalid-feedback"></span>
                @if ($errors->has('direccion'))
                <span class="invalid-feedback">
                    <strong>{{ $errors->first('direccion') }}</strong>
                </span>
                @endif
            </div>

            <!-- Codigo Postal 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">CP *</label>
                <input type="text" class="form-control {{ $errors->has('codigo_postal')?'is-invalid':'' }} input_main"
                    name="codigo_postal" id="codigo_postal"
                    value="{!! empty($quejaRespuesta)? '': $quejaRespuesta->codigo_postal !!}"
                    placeholder="CP *"
                    >
                <span id="codigo_postal-mensaje" class="invalid-feedback"></span>
                @if ($errors->has('codigo_postal'))
                <span class="invalid-feedback">
                    <strong>{{ $errors->first('codigo_postal') }}</strong>
                </span>
                @endif
            </div>

            {{-- @include('queja_respuestas.fields_campos_iguales') --}}




            @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">
                <div class="row">

                    <div class="form-group col-sm-12 col-lg-12">
                        <div class="empty-space-50"></div>
                        <h3 class="titulo-modulo texto-obscuro">Designaciones<a href="#addDesignacion" class="btn-designacion"
                                id="addDesignacion">+</a></h3>
                        <p>Agregue todas las designaciones necesarias</p>
                    </div>
                    @if(isset($quejaRespuesta))
                        @foreach ($quejaRespuesta->designaciones as $designacion)
                            <!-- Numero Caja Field -->
                            <div class="col-12 col-sm-12 col-md-3 col-lg-3 col-xl-3">
                                <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="{!! $designacion->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-3 col-lg-3 col-xl-3">
                                <div class="empty-space-50"></div>
                                <label class="pregunta">Designación del producto*</label>
                                <input type="text"
                                    class="form-control {{ $errors->has('designacion_producto')?'is-invalid':'' }} input_main"
                                    name="designacion_producto[]" id="designacion_producto"
                                    value="{!! $designacion->designacion_producto !!}"
                                    placeholder="Designación del producto*">
                                <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>

                            <!-- Cantidad Facturada Field -->
                            <div class="col-12 col-sm-12 col-md-2 col-lg-2 col-xl-2">
                                <div class="empty-space-50"></div>
                                <label class="pregunta">Cantidad Facturada*</label>
                                <input type="number"
                                    class="form-control {{ $errors->has('cantidad_facturada')?'is-invalid':'' }} input_main"
                                    name="cantidad_facturada[]" id="cantidad_facturada"
                                    value="{!! $designacion->cantidad_facturada !!}"
                                    placeholder="Cantidad Facturada*">
                                <span id="cantidad_facturada-mensaje" class="invalid-feedback"></span>
                                @if ($errors->has('cantidad_facturada'))
                                <span class="invalid-feedback">
                                    <strong>{{ $errors->first('cantidad_facturada') }}</strong>
                                </span>
                                @endif
                            </div>

                            <!-- Cantidad Recibida Field -->
                            <div class="col-12 col-sm-12 col-md-2 col-lg-2 col-xl-2">
                                <div class="empty-space-50"></div>
                                <label class="pregunta">Cantidad recibida*</label>
                                <input type="text"
                                    class="form-control {{ $errors->has('cantidad_recibida')?'is-invalid':'' }} input_main"
                                    name="cantidad_recibida[]" id="cantidad_recibida"
                                    value="{!! $designacion->cantidad_recibida !!}"
                                    placeholder="Cantidad recibida*">
                                <span id="cantidad_recibida-mensaje" class="invalid-feedback"></span>
                                @if ($errors->has('cantidad_recibida'))
                                <span class="invalid-feedback">
                                    <strong>{{ $errors->first('cantidad_recibida') }}</strong>
                                </span>
                                @endif
                            </div>

                            <!-- Cantidad Afectada Field -->
                            <div class="col-12 col-sm-12 col-md-2 col-lg-2 col-xl-2">
                                <div class="empty-space-50"></div>
                                <label class="pregunta">Cantidad Afectada*</label>
                                <input type="text"
                                    class="form-control {{ $errors->has('cantidad_esperada')?'is-invalid':'' }} input_main"
                                    name="cantidad_esperada[]" id="cantidad_esperada"
                                    value="{!! $designacion->cantidad_esperada !!}"
                                    placeholder="Cantidad Afectada*">
                                <span id="cantidad_esperada-mensaje" class="invalid-feedback"></span>
                                @if ($errors->has('cantidad_esperada'))
                                <span class="invalid-feedback">
                                    <strong>{{ $errors->first('cantidad_esperada') }}</strong>
                                </span>
                                @endif
                            </div>

                            <div class="col-12" style="border-bottom: 1px solid #6c6c6c; margin-top: 25px;"></div>
                        @endforeach
                    @else
                        <!-- Numero Caja Field -->
                        <div class="col-12 col-sm-12 col-md-3 col-lg-3 col-xl-3">
                            <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-3 col-lg-3 col-xl-3">
                            <div class="empty-space-50"></div>
                            <label class="pregunta">Designación del producto*</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*">
                            <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>

                        <!-- Cantidad Facturada Field -->
                        <div class="col-12 col-sm-12 col-md-2 col-lg-2 col-xl-2">
                            <div class="empty-space-50"></div>
                            <label class="pregunta">Cantidad Facturada*</label>
                            <input type="number"
                                class="form-control {{ $errors->has('cantidad_facturada')?'is-invalid':'' }} input_main"
                                name="cantidad_facturada[]" id="cantidad_facturada"
                                value="{!! empty($quejaRespuesta)? '': $quejaRespuesta->cantidad_facturada !!}"
                                placeholder="Cantidad Facturada*">
                            <span id="cantidad_facturada-mensaje" class="invalid-feedback"></span>
                            @if ($errors->has('cantidad_facturada'))
                            <span class="invalid-feedback">
                                <strong>{{ $errors->first('cantidad_facturada') }}</strong>
                            </span>
                            @endif
                        </div>

                        <!-- Cantidad Recibida Field -->
                        <div class="col-12 col-sm-12 col-md-2 col-lg-2 col-xl-2">
                            <div class="empty-space-50"></div>
                            <label class="pregunta">Cantidad recibida*</label>
                            <input type="text"
                                class="form-control {{ $errors->has('cantidad_recibida')?'is-invalid':'' }} input_main"
                                name="cantidad_recibida[]" id="cantidad_recibida"
                                value="{!! empty($quejaRespuesta)? '': $quejaRespuesta->cantidad_recibida !!}"
                                placeholder="Cantidad recibida*">
                            <span id="cantidad_recibida-mensaje" class="invalid-feedback"></span>
                            @if ($errors->has('cantidad_recibida'))
                            <span class="invalid-feedback">
                                <strong>{{ $errors->first('cantidad_recibida') }}</strong>
                            </span>
                            @endif
                        </div>

                        <!-- Cantidad Afectada Field -->
                        <div class="col-12 col-sm-12 col-md-2 col-lg-2 col-xl-2">
                            <div class="empty-space-50"></div>
                            <label class="pregunta">Cantidad Afectada*</label>
                            <input type="text"
                                class="form-control {{ $errors->has('cantidad_esperada')?'is-invalid':'' }} input_main"
                                name="cantidad_esperada[]" id="cantidad_esperada"
                                value="{!! empty($quejaRespuesta)? '': $quejaRespuesta->cantidad_esperada !!}"
                                placeholder="Cantidad Afectada*">
                            <span id="cantidad_esperada-mensaje" class="invalid-feedback"></span>
                            @if ($errors->has('cantidad_esperada'))
                            <span class="invalid-feedback">
                                <strong>{{ $errors->first('cantidad_esperada') }}</strong>
                            </span>
                            @endif
                        </div>

                        <div class="col-12" style="border-bottom: 1px solid #6c6c6c; margin-top: 25px;"></div>
                    @endif
                </div>
            </div>

            <div class="col-12">
                <div class="row" id="nuevo_registro"></div>
            </div> --}}

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

                    <div class="form-group col-sm-12 col-lg-12">
                        <div class="empty-space-50"></div>
                        <h3 class="titulo-modulo texto-obscuro">Adjuntos</h3>
                    </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>
    </div>
</div>