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

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

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

            @php
            $equipo_reportar_option =
            [
            'Micrologs o Equipos portatiles',
            'IMX o Equipos en línea',
            'Baker',
            // 'Análisis de falla de rodamientos',
            'Otro, especifique aquí'
            ];
            @endphp
            <!-- Equipo 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">Seleccione el tipo de equipo a reportar: *</label>
                <select name="equipo_reportar" id="equipo_reportar" class="js-example-basic-single w-100 input_main" onchange="javascript: tipoEquipo(this.options[this.selectedIndex].value);">
                    <option value="">Selecione una opción</option>
                    @foreach ($equipo_reportar_option as $key => $value)
                    @if(isset($quejaRespuestas))
                    @if ($quejaRespuestas->equipo_reportar == $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="equipo_reportar-mensaje" class="invalid-feedback"></span>
                @if ($errors->has('equipo_reportar'))
                <span class="invalid-feedback">
                    <strong>{{ $errors->first('equipo_reportar') }}</strong>
                </span>
                @endif

            </div>

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



<div class="col-12 row row-centrado m-0 p-0" id="solo_des" style="display: none">
    <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">

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

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

<div class="col-12 row row-centrado m-0 p-0" id="sin_des">
    <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">


            <!-- otro espesifique -->
            <div class="col-12 col-sm-12 col-md-4 col-lg-4 col-xl-4" id="equipo_reportar_otro_contenedor" style="display: none">
                <div class="empty-space-50"></div>
                <label class="pregunta">Otro, especifique aquí</label>
                <input type="text"
                    class="form-control {{ $errors->has('equipo_reportar_otro')?'is-invalid':'' }} input_main"
                    name="equipo_reportar_otro" id="equipo_reportar_otro" value="{!! empty($quejaRespuesta)? '': $quejaRespuesta->equipo_reportar_otro !!}"
                    placeholder="Otro, especifique aquí">
                <span id="equipo_reportar_otro-mensaje" class="invalid-feedback"></span>
                @if ($errors->has('equipo_reportar_otro'))
                <span class="invalid-feedback">
                    <strong>{{ $errors->first('equipo_reportar_otro') }}</strong>
                </span>
                @endif
            </div>


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

            <!-- Numero Seriel Equipo 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 de serie del equipo a reportar: *</label>
                <input type="text"
                    class="form-control {{ $errors->has('numero_seriel_equipo')?'is-invalid':'' }} input_main"
                    name="numero_seriel_equipo" id="numero_seriel_equipo" value="{!! empty($quejaRespuesta)? '': $quejaRespuesta->numero_seriel_equipo !!}"
                    placeholder="Número de serie del equipo a reportar: *">
                <span id="numero_seriel_equipo-mensaje" class="invalid-feedback"></span>
                @if ($errors->has('numero_seriel_equipo'))
                <span class="invalid-feedback">
                    <strong>{{ $errors->first('numero_seriel_equipo') }}</strong>
                </span>
                @endif
            </div>
             <!-- Numero Seriel Equipo 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">Modelo de equipo a reportar: *</label>
                <input type="text"
                    class="form-control {{ $errors->has('modelo_equipo')?'is-invalid':'' }} input_main"
                    name="modelo_equipo" id="modelo_equipo" value="{!! empty($quejaRespuesta)? '': $quejaRespuesta->modelo_equipo !!}"
                    placeholder="Número de serie del equipo a reportar: *">
                <span id="modelo_equipo-mensaje" class="invalid-feedback"></span>
                @if ($errors->has('modelo_equipo'))
                <span class="invalid-feedback">
                    <strong>{{ $errors->first('modelo_equipo') }}</strong>
                </span>
                @endif
            </div>


            @if ($input->queja_problema_id != 1 && $input->queja_problema_id != 27)

            @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 del producto a reportar *<a href="#contenedorIamgenes" class="btn-nuevo-activo"
                                                    id="addImagen">+ Agregar foto</a></h3>
                                            <p>Se acepta un máximo de 3MB por archivo</p>
                                        </div>';
            @endphp


            @include('queja_respuestas.fields_fotos_adjuntas')

            @endif

            <!-- Aplicacion Maquina 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">Aplicación (Dónde se aplica, en qué máquina o equipo, para qué se utiliza): *</label>
                <input type="text"
                    class="form-control {{ $errors->has('aplicacion_maquina')?'is-invalid':'' }} input_main"
                    name="aplicacion_maquina" id="aplicacion_maquina" value="{!! empty($quejaRespuesta)? '': $quejaRespuesta->aplicacion_maquina !!}"
                    placeholder="Aplicación (Dónde se aplica, en qué máquina o equipo, para qué se utiliza): *">
                <span id="aplicacion_maquina-mensaje" class="invalid-feedback"></span>
                @if ($errors->has('aplicacion_maquina'))
                <span class="invalid-feedback">
                    <strong>{{ $errors->first('aplicacion_maquina') }}</strong>
                </span>
                @endif
            </div>

                        <!-- Operacion No Satisfactoria Field -->
                        <div class="col-12 col-sm-12 col-md-12 col-lg-12 col-xl-12">
                            <div class="empty-space-50"></div>
                            <label class="pregunta">Tipo de error detectado *</label>
                        </div>

                        <div class="col-12 col-sm-12 col-md-6 col-lg-6 col-xl-6">
                            <div class="col-form-label ">
                                <div class="form-check">
                                    <input type="checkbox" name="tipo_error[]" value="Lectura" class="form-check-input">
                                    <label class="form-check-label" for="activo">Lectura</label><br>
                                    <input type="checkbox" name="tipo_error[]" value="Gateway" class="form-check-input">
                                    <label class="form-check-label" for="activo">Gateway</label><br>
                                    <input type="checkbox" name="tipo_error[]" value="Software" class="form-check-input">
                                    <label class="form-check-label" for="activo">Software</label><br>
                                    <input type="checkbox" name="tipo_error[]" value="Relevador" class="form-check-input">
                                    <label class="form-check-label" for="activo">Relevador</label><br>
                                    <input type="checkbox" name="tipo_error[]" value="Fallo en la comunicación" class="form-check-input">
                                    <label class="form-check-label" for="activo">Fallo en la comunicación</label><br>
                                    <input type="checkbox" name="tipo_error[]" value="Alimentacn de voltaje" class="form-check-input">
                                    <label class="form-check-label" for="activo">Alimentacn de voltaje</label><br>
                                </div>
                            </div>
                        </div>

                        <div class="col-12 col-sm-12 col-md-6 col-lg-6 col-xl-6">
                            <div class="col-form-label ">
                                <div class="form-check">
                                    <input type="checkbox" name="tipo_error[]" value='Status ""No OK""' class="form-check-input">
                                    <label class="form-check-label" for="activo">Status ""No OK""</label><br>
                                    <input type="checkbox" name="tipo_error[]" value="Sensor no OK" class="form-check-input">
                                    <label class="form-check-label" for="activo">Rotación</label><br>
                                    <input type="checkbox" name="tipo_error[]" value="Alarma" class="form-check-input">
                                    <label class="form-check-label" for="activo">Alarma</label><br>
                                    <input type="checkbox" name="tipo_error[]" value="Condiciones físicas del producto" class="form-check-input">
                                    <label class="form-check-label" for="activo">Condiciones físicas del producto</label><br>
                                    <input type="checkbox" name="tipo_error[]" value="Otro" class="form-check-input">
                                    <label class="form-check-label" for="activo">Otro</label><br>
                                </div>
                            </div>
                        </div>



                        <div class="col-12 col-sm-12 col-md-12 col-lg-12 col-xl-12">
                            <div class="empty-space-50"></div>
                            <label class="pregunta">Periodo de funcionamiento (hasta presentar fallas)*</label>

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


                        @php
                        $expuesto_a_option = [
                        'Polvos',
                        'Lodo',
                        'Humedad',
                        'Agua salada',
                        'Otro',
                        'Otro ambiente (mencione cúal):'
                        ];
                        @endphp

                        <!-- Operacion No Satisfactoria Field -->
                        <div class="col-12 col-sm-12 col-md-12 col-lg-12 col-xl-12">
                            <div class="empty-space-50"></div>
                            <label class="pregunta">Expuesto a *</label>
                        </div>

                        <div class="col-12 col-sm-12 col-md-6 col-lg-6 col-xl-6">
                            <div class="col-form-label ">
                                <div class="form-check">
                                    <input type="checkbox" name="expuesto_a[]" value="Polvos" class="form-check-input">
                                    <label class="form-check-label" for="activo">Polvos</label><br>
                                    <input type="checkbox" name="expuesto_a[]" value="Lodo" class="form-check-input">
                                    <label class="form-check-label" for="activo">Lodo</label><br>
                                    <input type="checkbox" name="expuesto_a[]" value="Humedad" class="form-check-input">
                                    <label class="form-check-label" for="activo">Humedad</label><br>
                                    <input type="checkbox" name="expuesto_a[]" value="Agua salada" class="form-check-input">
                                    <label class="form-check-label" for="activo">Agua salada</label><br>
                                    <input type="checkbox" name="expuesto_a[]" value="Químicos" class="form-check-input">
                                    <label class="form-check-label" for="activo">Químicos</label><br>
                                    <input type="checkbox" name="expuesto_a[]" value="Otro" class="form-check-input">
                                    <label class="form-check-label" for="activo">Otro</label><br>
                                </div>
                            </div>
                        </div>

                        <div class="col-12 col-sm-12 col-md-6 col-lg-6 col-xl-6"></div>
                        <!-- Tipo Error Otro 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">Otro ambiente (mencione cuál):</label>
                            <input type="text" class="form-control {{ $errors->has('expuesto_a_otro')?'is-invalid':'' }} input_main"
                                name="expuesto_a_otro" id="expuesto_a_otro"
                                value="{!! empty($quejaRespuesta)? '': $quejaRespuesta->expuesto_a_otro !!}"
                                placeholder="Otro"
                                >
                            <span id="expuesto_a_otro-mensaje" class="invalid-feedback"></span>
                            @if ($errors->has('expuesto_a_otro'))
                            <span class="invalid-feedback">
                                <strong>{{ $errors->first('expuesto_a_otro') }}</strong>
                            </span>
                            @endif
                        </div>

                        <!-- Tipo Error Otro Field -->
                        <div class="col-12 col-sm-12 col-md-4 col-lg-4 col-xl-4" id="espesifique_quimicos_id" style="display:none; ">
                            <div class="empty-space-50"></div>
                            <label class="pregunta">Especificar a qué químicos (mencione cuál):</label>
                            <input type="text" class="form-control {{ $errors->has('espesifique_quimicos')?'is-invalid':'' }} input_main"
                                name="espesifique_quimicos" id="espesifique_quimicos"
                                value="{!! empty($quejaRespuesta)? '': $quejaRespuesta->espesifique_quimicos !!}"
                                placeholder="Espesifique lso quimicos."
                                >
                            <span id="espesifique_quimicos-mensaje" class="invalid-feedback"></span>
                            @if ($errors->has('espesifique_quimicos'))
                            <span class="invalid-feedback">
                                <strong>{{ $errors->first('espesifique_quimicos') }}</strong>
                            </span>
                            @endif
                        </div>

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