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


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

                    <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="#fecha_factura" 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="number"
                                    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="number"
                                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="number"
                                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">

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




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