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

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

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

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

            @php
            $tipo_daño_queja_opciones =
            [
            'Apariencia o condiciones del empaque',
            'Apariencia o condiciones del producto',
            'Vibración o ruido',
            'Exceso de Juego interno',
            'Contaminación',
            'Tiempo de Entrega fuera del acordado',
            'Otro, especifique cual:'
            ];
            @endphp
            <!-- Tipo Daño Queja 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">Seleccione el tipo de daño o queja que desea reportar del servicio brindado*</label>
                <select name="tipo_daño_queja" id="tipo_daño_queja"
                    class="js-example-basic-single w-100 input_main" onchange="javascript: tipoDano(this.options[this.selectedIndex].value);">
                    <option value="">Seleccione una opción</option>
                    @foreach ($tipo_daño_queja_opciones as $key => $value)
                    @if(isset($quejaRespuestas))
                    @if ($quejaRespuestas->tipo_daño_queja == $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="tipo_daño_queja-mensaje" class="invalid-feedback"></span>
                @if ($errors->has('tipo_daño_queja'))
                <span class="invalid-feedback">
                    <strong>{{ $errors->first('tipo_daño_queja') }}</strong>
                </span>
                @endif
            </div>

            <!-- Cantidad Piezas Field -->
            <div class="col-12 col-sm-12 col-md-4 col-lg-4 col-xl-4" id="otro_tipo_daño_queja_conten" style="display: none">
                <div class="empty-space-50"></div>
                <label class="pregunta">Otro tipo de daño: *</label>
                <input type="text" class="form-control {{ $errors->has('otro_tipo_daño_queja')?'is-invalid':'' }} input_main"
                    name="otro_tipo_daño_queja" id="otro_tipo_daño_queja" value="{!! empty($quejaRespuesta)? '': $quejaRespuesta->otro_tipo_daño_queja !!}"
                    placeholder="Cantidad de piezas: *">
                <span id="otro_tipo_daño_queja-mensaje" class="invalid-feedback"></span>
                @if ($errors->has('otro_tipo_daño_queja'))
                <span class="invalid-feedback">
                    <strong>{{ $errors->first('otro_tipo_daño_queja') }}</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">Adjuntos</h3>
                    </div>

                    @include('queja_respuestas.fields_adjunto_factura_comentario')

                </div>
            </div>

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



@php
    $titulo_adjunto_fotos =  '<div class="form-group col-sm-12 col-lg-12">
                <div class="empty-space-50"></div>
                <h3 class="titulo-modulo texto-obscuro">Adjuntar fotos o videos de la falla *<a
                        href="#contenedorIamgenes" class="btn-nuevo-activo" id="addImagen">+</a></h3>
            </div>';
@endphp


@include('queja_respuestas.fields_fotos_adjuntas')