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

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

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

            <!-- Datos Producto 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">Datos del producto</label>
                <input type="text" class="form-control {{ $errors->has('datos_producto')?'is-invalid':'' }} input_main"
                    name="datos_producto" id="datos_producto" value="{!! empty($quejaRespuesta)? '': $quejaRespuesta->datos_producto !!}"
                    placeholder="Datos del producto">
                <span id="datos_producto-mensaje" class="invalid-feedback"></span>
                @if ($errors->has('datos_producto'))
                <span class="invalid-feedback">
                    <strong>{{ $errors->first('datos_producto') }}</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>

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


            <!-- Numero Articulos Reclamar 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">Nombre de usuario final a quien atiende el distribuidor</label>
                <input type="text"
                    class="form-control {{ $errors->has('numero_articulos_reclamar')?'is-invalid':'' }} input_main"
                    name="numero_articulos_reclamar" id="numero_articulos_reclamar"
                    value="{!! empty($quejaRespuesta)? '': $quejaRespuesta->numero_articulos_reclamar !!}"
                    placeholder="Nombre de usuario final a quien atiende el distribuidor"
                    >
                <span id="numero_articulos_reclamar-mensaje" class="invalid-feedback"></span>
                @if ($errors->has('numero_articulos_reclamar'))
                <span class="invalid-feedback">
                    <strong>{{ $errors->first('numero_articulos_reclamar') }}</strong>
                </span>
                @endif
            </div>


            <!-- Nombre Usuario Atiende Dsitribuidor 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">Nombre de usuario final a quien atiende el distribuidor</label>
                <input type="text"
                    class="form-control {{ $errors->has('nombre_usuario_atiende_dsitribuidor')?'is-invalid':'' }} input_main"
                    name="nombre_usuario_atiende_dsitribuidor" id="nombre_usuario_atiende_dsitribuidor"
                    value="{!! empty($quejaRespuesta)? '': $quejaRespuesta->nombre_usuario_atiende_dsitribuidor !!}"
                    placeholder="Nombre de usuario final a quien atiende el distribuidor">
                <span id="nombre_usuario_atiende_dsitribuidor-mensaje" class="invalid-feedback"></span>
                @if ($errors->has('nombre_usuario_atiende_dsitribuidor'))
                <span class="invalid-feedback">
                    <strong>{{ $errors->first('nombre_usuario_atiende_dsitribuidor') }}</strong>
                </span>
                @endif
            </div>

            <!-- Adjunto Factura 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 factura*</label>
                <input type="file"
                    class="form-control {{ $errors->has('adjunto_factura')?'is-invalid':'' }} input_main dropify"
                    name="adjunto_factura" id="adjunto_factura" value="{!! empty($quejaRespuesta)? '': $quejaRespuesta->adjunto_factura !!}"
                    placeholder="Favor de adjuntar su factura">
            </div>

            <!-- Foto Fecha Fabricacion Producto 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 colocar una foto con la fecha de
                    fabricación de su producto</label>
                <input type="file"
                    class="form-control {{ $errors->has('foto_fecha_fabricacion_producto')?'is-invalid':'' }} input_main dropify"
                    name="foto_fecha_fabricacion_producto" id="foto_fecha_fabricacion_producto"
                    value="{!! empty($quejaRespuesta)? '': $quejaRespuesta->foto_fecha_fabricacion_producto !!}"
                    placeholder="Favor de colocar una foto con la fecha de
                    fabricación de su producto">
            </div>


            <!-- Comentarios 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">Comentarios*  <span id="conunt-characters">500</span></label>
                <textarea name="comentarios" id="comentarios" cols="30" rows="5"
                    class="form-control {{ $errors->has('comentarios')?'is-invalid':'' }} input_main"
                    placeholder="Descripción del Problema*"
                    onkeypress="return ValidaLongitud(this, 500);"></textarea>
                <span id="comentarios-mensaje" class="invalid-feedback"></span>
                @if ($errors->has('comentarios'))
                <span class="invalid-feedback">
                    <strong>{{ $errors->first('comentarios') }}</strong>
                </span>
                @endif
            </div>

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