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

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

            <!-- Direccion Misma 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">La dirección en la que recibió su material es la misma que la dirección especificada en su factura *</label>
                <input type="text"  
                    class="form-control {{ $errors->has('direccion_misma_factura')?'is-invalid':'' }} input_main"
                    name="direccion_misma_factura" id="direccion_misma_factura"
                    value="{!! empty($quejaRespuesta)? '': $quejaRespuesta->direccion_misma_factura !!}"
                    placeholder="La dirección en la que recibió su material es la misma que la dirección especificada en su factura *">
                <span id="direccion_misma_factura-mensaje" class="invalid-feedback"></span>
                @if ($errors->has('direccion_misma_factura'))
                <span class="invalid-feedback">
                    <strong>{{ $errors->first('direccion_misma_factura') }}</strong>
                </span>
                @endif
            </div>

            <!-- Ruta Espesificada Orden Compra 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">Ruta especificada en tu orden de compra *</label>
                <input type="text"
                    class="form-control {{ $errors->has('ruta_espesificada_orden_compra')?'is-invalid':'' }} input_main"
                    name="ruta_espesificada_orden_compra" id="ruta_espesificada_orden_compra"
                    value="{!! empty($quejaRespuesta)? '': $quejaRespuesta->ruta_espesificada_orden_compra !!}"
                    placeholder="Ruta especificada en tu orden de compra *">
                <span id="ruta_espesificada_orden_compra-mensaje" class="invalid-feedback"></span>
                @if ($errors->has('ruta_espesificada_orden_compra'))
                <span class="invalid-feedback">
                    <strong>{{ $errors->first('ruta_espesificada_orden_compra') }}</strong>
                </span>
                @endif
            </div>


            <!-- Direccion Recibieron Material 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 o sucursal en la que recibieron su material (en caso de conocer esta información):</label>
                <input type="text"
                    class="form-control {{ $errors->has('direccion_recibieron_material')?'is-invalid':'' }} input_main"
                    name="direccion_recibieron_material" id="direccion_recibieron_material"
                    value="{!! empty($quejaRespuesta)? '': $quejaRespuesta->direccion_recibieron_material !!}"
                    placeholder="Dirección o sucursal en la que recibieron su material (en caso de conocer esta información):">
                <span id="direccion_recibieron_material-mensaje" class="invalid-feedback"></span>
                @if ($errors->has('direccion_recibieron_material'))
                <span class="invalid-feedback">
                    <strong>{{ $errors->first('direccion_recibieron_material') }}</strong>
                </span>
                @endif
            </div>

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


            @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 col-sm-12 col-md-8 col-lg-8 col-xl-8"></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>