@extends('layouts.app2')

@section('content')
    <div class="bgc-white p-20 bd">
        <h2>Editar Requerimiento de Pago</h2>
        <div class="card" style="margin-bottom: 5px">
            <div class="card-header bg-primary text-white text-center">
                <b>Datos de la Orden de Compra (OC)</b>
            </div>
            <div class="card-body">
                <div class="form-row">
                    <div class="form-group row col-md-6">
                        <label for="numeroOC" class="col-sm-4 col-form-label col-form-label-sm">Número de OC:</label>
                        <div class="col-sm-8">
                            <select class="form-control" id="numeroOC" required>
                                <option></option>
                                @foreach($numoc as $num)
                                <option value="{{ $num['id'] }}" @if ($data_req->id_oc == $num['id']) selected @endif>{{ $num['numero_oc'] }}</option>
                                @endforeach
                            </select>
                        </div>
                    </div>
                    <div class="form-group row col-md-6">
                        <label for="girador" class="col-sm-4 col-form-label col-form-label-sm">Girador:</label>
                        <div class="col-sm-8">
                            <input type="text" class="form-control form-control-sm" id="girador" placeholder="" readonly>
                        </div>
                    </div>
                </div>
                <div class="form-row">
                    <div class="form-group row col-md-6">
                        <label for="nombre_oc" class="col-sm-4 col-form-label col-form-label-sm">Nombre
                            de la OC:</label>
                        <div class="col-sm-8">
                            <textarea class="form-control" id="nombre_oc" rows="3" readonly></textarea>
                        </div>
                    </div>
                    <div class="form-group row col-md-6">
                        <label for="rut_proveedores" class="col-sm-4 col-form-label col-form-label-sm">RUT
                            Proveedor:</label>
                        <div class="col-sm-8">
                            <input type="text" class="form-control form-control-sm" id="rut_proveedores" placeholder="" readonly>
                        </div>
                        <label for="nombre_proveedores" class="col-sm-4 col-form-label col-form-label-sm">Nombre
                            Proveedor:</label>
                        <div class="col-sm-8">
                            <input type="text" class="form-control form-control-sm" id="nombre_proveedores" placeholder="" readonly>
                        </div>
                    </div>
                </div>
                <div class="form-row">
                    <div class="form-group row col-md-6">
                        <label for="fecha_emision" class="col-sm-4 col-form-label col-form-label-sm">Fecha Emisión
                            OC:</label>
                        <div class="col-sm-8">
                            <input type="date" class="form-control form-control-sm" id="fecha_emision_oc" placeholder="" readonly>
                        </div>
                    </div>
                    <div class="form-group row col-md-6">
                        <label for="fecha_aceptacion" class="col-sm-4 col-form-label col-form-label-sm">Fecha Aceptación
                            OC:</label>
                        <div class="col-sm-8">
                            <input type="date" class="form-control form-control-sm" id="fecha_aceptacion" placeholder="" readonly>
                        </div>
                    </div>
                </div>
                <div class="form-row">
                    <div class="form-group row col-md-6">
                        <label for="nombre_moneda" class="col-sm-4 col-form-label col-form-label-sm">Moneda:</label>
                        <div class="col-sm-8">
                            <input type="text" class="form-control form-control-sm" id="nombre_moneda" placeholder="" readonly>
                        </div>
                    </div>
                    <div class="form-group row col-md-6">
                        <label for="tipo_compra" class="col-sm-4 col-form-label col-form-label-sm">Modalidad de Compra:</label>
                        <div class="col-sm-8">
                            <select id="tipo_compra" class="form-control form-control-sm" disabled>
                                <option value="" @if($data_req->tipo_compra === 0) selected @endif>Seleccionar</option>
                                @foreach($mcompra as $mcom)
                                    <option value="{{ $mcom['id'] }}" @if($data_req->tipo_compra === $mcom['id']) selected @endif>{{ $mcom['nombre_mcompra'] }}</option>
                                @endforeach
                            </select>
                        </div>
                    </div>
                </div>
                <div class="form-row">
                    <div class="form-group row col-md-6">
                        <label for="monto" class="col-sm-4 col-form-label col-form-label-sm">Monto OC:</label>
                        <div class="col-sm-8">
                            <input type="text" class="form-control form-control-sm" id="monto" name="monto" data-toggle="input-mask" data-mask-format="#.##0,00" data-reverse="true" maxlength="19" placeholder="" readonly>
                        </div>
                    </div>
                    <div class="form-group row col-md-6">
                        <label for="monto_interno" class="col-sm-4 col-form-label col-form-label-sm">Monto OC
                            Interna:</label>
                        <div class="col-sm-8">
                            <input type="text" class="form-control form-control-sm autonumber" id="monto_interno" data-a-sep="." data-a-dec="," data-v-min="0" data-v-max="999999999" placeholder="" readonly>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <form id="form-req-nuevo-pago">
            <input type="hidden" name="oc_id" id="oc_id">
            <input type="hidden" name="id_req_pago" id="id_req_pago" value="{{ $data_req->id }}">
            <input type="hidden" id="rp_s" name="rp_s" value="0">
        <div class="card" style="margin-bottom: 5px">
            <div class="card-header bg-primary text-white text-center">
                <b>Detalles de la Factura</b>
            </div>
            <div class="card-body">
                <div class="form-row">
                    <div class="form-group row col-md-6">
                        <label for="inputNfactura" class="col-sm-4 col-form-label col-form-label-sm"><span class="text-danger">*</span> Número
                            Factura:</label>
                        <div class="col-sm-8">
                        <input type="text" class="form-control form-control-sm" id="numero_factura" placeholder="" value="{{ $data_req->numero_factura }}" readonly>
                        </div>
                    </div>
                    <div class="form-group row col-md-6">
                        <label for="inputEmail4" class="col-sm-4 col-form-label col-form-label-sm"><span class="text-danger">*</span> Fecha
                            Emisión:</label>
                        <div class="col-sm-8">
                            <input type="date" class="form-control form-control-sm" id="fecha_emision" placeholder="" max="2030-01-01" value="{{ $data_req->fecha_emision }}" readonly>
                        </div>
                    </div>
                </div>
                <div class="form-row">
                    <div class="form-group row col-md-6">
                        <label for="inputEmail4" class="col-sm-4 col-form-label col-form-label-sm"><span class="text-danger">*</span> Monto Total
                            Factura:</label>
                        <div class="col-sm-8">
                            <input type="text" class="form-control form-control-sm autonumber" id="monto_total_factura" data-v-min="0" data-v-max="999999999999999"
                            data-a-sep="." data-a-dec="," placeholder="Monto en $" value="{{ $data_req->monto_total_factura }}" readonly>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <div class="card" style="margin-bottom: 5px">
            <div class="card-header bg-primary text-white text-center">
                <b>Detalles de Recepción de la Factura</b>
            </div>
            <div class="card-body">
                <div class="form-row">
                    <div class="form-group row col-md-12">
                        <input type="hidden" id="receptor_factura_validate">
                        <label for="forinputrecFac" class="col-sm-2 col-form-label col-form-label-sm"><span class="text-danger">*</span> Receptor
                            Factura:</label>
                        <div class="form-check form-check-inline" style="padding-left: 17px;">
                            <input class="form-check-input" type="radio" id="receptor_factura_supervisor"
                                   value="supervisor" @if($data_req->receptor_factura == "supervisor") checked @endif disabled>
                            <label class="form-check-label" for="inlineRadio1">Supervisor</label>
                        </div>
                        <div class="form-check form-check-inline">
                            <input class="form-check-input" type="radio" id="receptor_factura_bodega"
                                   value="bodega" @if($data_req->receptor_factura == "bodega") checked @endif disabled>
                            <label class="form-check-label" for="inlineRadio2">Bodega</label>
                        </div>
                    </div>
                </div>
                <div class="form-row">
                    <div class="form-group row col-md-6">
                        <label for="inputEmail4" class="col-sm-4 col-form-label col-form-label-sm"><span class="text-danger">*</span> Fecha Recepción
                            Factura:</label>
                        <div class="col-sm-8">
                            <input type="date" class="form-control form-control-sm" id="fecha_recepcion_factura"  max="2030-01-01"
                                placeholder="monto en $" value="{{ $data_req->fecha_recepcion_factura }}" readonly>
                        </div>
                    </div>
                    <div class="form-group row col-md-6">
                        <label for="inputEmail4" class="col-sm-4 col-form-label col-form-label-sm">Folio Ingreso a
                            Bodega:</label>
                        <div class="col-sm-8">
                            <input type="text" class="form-control form-control-sm" id="folio_ingreso_bodega" value="{{ $data_req->folio_ingreso_bodega }}" placeholder="" readonly>
                        </div>
                    </div>
                </div>
                <div class="form-row">
                    <div class="form-group row col-md-6">
                        <label for="inputEmail4" class="col-sm-4 col-form-label col-form-label-sm"><span class="text-danger">*</span> Nº Estado de
                            Pago:</label>
                        <div class="col-sm-8">
                            <input type="text" class="form-control form-control-sm" id="n_estado_pago"
                                   placeholder="1 de 3" value="{{ $data_req->n_estado_pago }}" readonly>
                        </div>
                    </div>
                    <div class="form-group row col-md-6">
                        <label for="inputEmail4" class="col-sm-4 col-form-label col-form-label-sm">Fecha Ingreso a
                            Bodega:</label>
                        <div class="col-sm-8">
                            <input type="date" class="form-control form-control-sm" id="fecha_ingreso_bodega" max="2030-01-01"
                                   placeholder="monto en $" value="{{ $data_req->fecha_ingreso_bodega }}" readonly>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <div class="card" style="margin-bottom: 5px">
            <div class="card-header bg-primary text-white text-center">
                <b>Datos del Servicio Contratado</b>
            </div>
            <div class="card-body">
                <div class="form-row">
                    <div class="form-group col-md-12">
                        <label for="exampleFormControlInput1"><span class="text-danger">*</span> Servicio o Nombre Licitación:</label>
                        <textarea class="form-control" id="servicio_nombre_licitacion" rows="3" readonly>{{ $data_req->servicio_nombre_licitacion }}</textarea>
                    </div>
                </div>
                <div class="form-row">
                    <div class="form-group col-md-4">
                        <label for="exampleFormControlInput1"> Fecha Contrato:</label>
                        <input type="date" class="form-control" id="fecha_contrato" placeholder="" value="{{ $data_req->fecha_contrato }}" max="2030-01-01" readonly>
                    </div>
                    <div class="form-group col-md-4">
                        <label for="exampleFormControlInput1"> D/A Aprueba Contrato:</label>
                        <input type="text" class="form-control" id="da_aprueba_contrato" placeholder="" value="{{ $data_req->da_aprueba_contrato }}" readonly>
                    </div>
                    <div class="form-group col-md-4">
                        <label for="exampleFormControlInput1"> Fecha D/A:</label>
                        <input type="date" class="form-control" id="fecha_da" placeholder="" value="{{ $data_req->fecha_da }}" max="2030-01-01" readonly>
                    </div>
                </div>
            </div>
        </div>
        <div class="card" style="margin-bottom: 5px">
            <div class="card-header bg-primary text-white text-center">
                <b>Detalles Informe Supervisor</b>
            </div>
            <div class="card-body">
                <div class="form-row">
                    <div class="form-group col-md-4">
                        <label for="exampleFormControlInput1"><span class="text-danger">*</span> Fecha Informe Supervisor:</label>
                        <input type="date" class="form-control" id="fecha_informe_supervisor" value="{{ $data_req->fecha_informe_supervisor }}" max="2030-01-01" placeholder="" readonly>
                    </div>
                    <div class="form-group col-md-4">
                        <label for="exampleFormControlInput1"><span class="text-danger">*</span> Nº Decreto de Pago (Adquisiciones)</label>
                        <input type="text" class="form-control" id="n_decreto_pago_ad" name="n_decreto_pago_ad" value="{{ $data_req->n_decreto_pago_ad }}" placeholder="" @if(!in_array($data_req->id_etapa,[3,8])) disabled @else required @endif>
                    </div>
                    <div class="form-group col-md-4">
                        <label for="exampleFormControlInput1"><span class="text-danger">*</span> Fecha DP (Adquisiciones):</label>
                        <input type="date" class="form-control" id="fecha_dp_ad" name="fecha_dp_ad" value="{{ $data_req->fecha_dp_ad }}" placeholder="" @if(!in_array($data_req->id_etapa,[3,8])) disabled @else required @endif>
                    </div>
                </div>
                <div class="form-row">
                    <div class="form-group col-md-6">
                        <label for="exampleFormControlDir"><span class="text-danger">*</span>  Dirección:</label>
                        <select class="form-control" id="direccion_" name="direccion_" disabled>
                            <option value="">Seleccionar</option>
                            @foreach($muni_direcciones as $muni_direccion)
                                <option value="{{ $muni_direccion->id }}" @if($data_req->direccion_ == $muni_direccion['id']) selected @endif>{{ $muni_direccion->nombre }}</option>
                            @endforeach
                        </select>
                    </div>
                </div>
                <div class="form-row">
                    <div class="form-group col-md-6">
                        <label for="exampleFormControlInput1"><span class="text-danger">*</span> Nombre Supervisor:</label>
                        <select class="form-control" id="select_nombre_supervisor" name="select_nombre_supervisor" disabled>
                            <option value="">Seleccionar</option>
                        </select>
                    </div>
                </div>
                <div class="form-row">
                    <div class="form-group col-md-6">
                        <label for="exampleFormControlInput1"><span class="text-danger">*</span> Nombre Director:</label>
                        <select class="form-control" id="nombre_director" name="nombre_director" disabled>
                            <option value="">Seleccionar</option>
                        </select>
                    </div>
                </div>
                <div class="form-row">
                    <div class="form-group col-md-12">
                        <label for="exampleFormControlInput1"><span class="text-danger">*</span> Descripción compra Producto / Servicio:</label>
                        <textarea class="form-control" id="desc_compra_servicio_producto" rows="3" readonly>{{ $data_req->desc_compra_servicio_producto }}</textarea>
                    </div>
                </div>
                <div class="form-row">
                    <div class="form-group col-md-12">
                        <label for="exampleFormControlInput1"><span class="text-danger">*</span> Condiciones Particulares:</label>
                        <textarea class="form-control" id="codiciones_particulares" rows="3" readonly>{{ $data_req->codiciones_particulares }}</textarea>
                    </div>
                </div>
                <div class="form-row">
                    <div class="form-group col-md-12">
                        <label for="exampleFormControlInput1"><span class="text-danger">*</span> Conclusión:</label>
                        <textarea class="form-control" id="inf_supervisor_conclusion" rows="3" readonly>{{ $data_req->inf_supervisor_conclusion }}</textarea>
                    </div>
                </div>
                <div class="form-row">
                    <div class="col-md-6">
                        <div class="form-group row">
                            <input type="hidden" id="aplica_multas_validate">
                            <div class="col-sm-3"><span class="text-danger">*</span> Aplica Multas</div>
                            <div class="col-sm-8">
                                <div class="form-check">
                                    <input class="form-check-input check_multas" type="radio" id="aplica_multas_si" value="1" @if($data_req->aplica_multas == 1) checked @endif disabled>
                                    <label class="form-check-label" for="siCheck">
                                    Si
                                    </label>
                                </div>
                                <div class="form-check">
                                    <input class="form-check-input check_multas" type="radio" id="aplica_multas_no" value="0" @if($data_req->aplica_multas == 0) checked @endif disabled>
                                    <label class="form-check-label" for="noCheck">
                                    No
                                    </label>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="form-group col-md-6">
                        <div class="card">
                            <div class="card-header bg-primary text-white text-center">
                                <b>Detalle de Multas</b>
                            </div>
                            <div class="card-body">
                                <div class="form-row">
                                    <div class="form-group row col-md-12">
                                        <label for="inputEmail4" class="col-sm-4 col-form-label col-form-label-sm"><span class="text-danger">*</span> Monto Multas:</label>
                                        <div class="col-sm-8">
                                            <input type="text" class="form-control form-control-sm autonumber" data-a-sep="." data-a-dec="," id="monto_multas" name="monto_multas" value="{{ $data_req->monto_multas }}" data-v-min="0"
                                                   data-v-max="999999999999999" readonly>
                                        </div>
                                    </div>
                                    <div class="form-group col-md-12">
                                        <label for="inputEmail4" class="col-sm-4 col-form-label col-form-label-sm"><span class="text-danger">*</span> Observaciones sobre Multas:</label>
                                        <div class="col-sm-12">
                                            <textarea class="form-control" id="obs_multas" rows="3" readonly>{{ $data_req->obs_multas }}</textarea>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <div class="card" style="margin-bottom: 5px">
            <div class="card-header bg-primary text-white text-center">
                <b>Documentos asociados al Requerimiento de Pago</b>
            </div>
            <div class="card-body">
                <div class="form-row">
                    <div class="form-group row col-md-12">
                        <div class="col-sm-12">
                            <input id="input-b1" name="input-b1" type="file" multiple>
                            <input type="hidden" name="archivos_adjuntos[]" id="archivos_adjuntos" value="0" class="arch_ad">
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <div class="card" style="margin-bottom: 5px">
            <div class="card-header bg-primary text-white text-center">
                <b>Información de Pago o Transferencia</b>
            </div>
            <div class="card-body">
                <div class="form-group row col-md-6">
                    <label for="forFacturaCedida" class="col-form-label" style="margin-right: 10px;"><span class="text-danger">*</span> Factura fue cedida (Factoring):</label>
                    <div class="form-check form-check-inline">
                        <input class="form-check-input" type="radio" id="factura_cedida_si"
                            value="1" @if($data_req->factura_cedida === 1) checked @endif disabled>
                        <label class="form-check-label" for="forRadioFactura">Si</label>
                    </div>
                    <div class="form-check form-check-inline">
                        <input class="form-check-input" type="radio" id="factura_cedida_no"
                            value="0" @if($data_req->factura_cedida === 0) checked @endif disabled>
                        <label class="form-check-label" for="forRadioFactura">No</label>
                    </div>
                </div>
                <div class="form-row">
                    <div class="form-group col-md-12">
                        <label for="forDatosPago"><span class="text-danger">*</span> Datos para pago (Cheque o Transferencia):</label>
                        <textarea class="form-control" id="datos_pago" rows="3" readonly>{{ $data_req->datos_pago }}</textarea>
                    </div>
                </div>
            </div>
        </div>

        <div class="card" style="margin-bottom: 5px">
            <div class="card-header bg-danger text-white text-center">
                <b>Opciones de Envío (en Finanzas)</b>
            </div>
            <div class="card-body">
                <div class="row">
                    <div class="col-md-6">
                        <div class="form-group">
                        <label for="resultRevFor"><span class="text-danger">*</span> Resultado de Revisión del Requerimiento de Pago</label>
                            <select class="form-control" id="resultado_rev_req_pago" name="resultado_rev_req_pago" @if(!in_array($data_req->id_etapa,[3,8])) disabled @else required @endif>
                                <option value="">Seleccionar</option>
                                <option value="1" @if($data_req->resultado_rev_req_pago === 1) selected @endif>Requerimiento de Pago Cumple con lo requerido</option>
                                <option value="0" @if($data_req->resultado_rev_req_pago === 0) selected @endif>Requerimiento de Pago No Cumple con lo requerido</option>
                            </select>
                        </div>

                        <div class="form-group">
                            <label for="resultRevFor"><span class="text-danger">*</span> Seleccione Responsable del Decreto de Pago:</label>
                            <select class="form-control" id="director_finanzas" name="director_finanzas" @if(!in_array($data_req->id_etapa,[3,8])) disabled @else required @endif>
                                <option value="">Seleccionar</option>
                                @foreach($directores as $director)
                                    <option value="{{ $director['user_id'] }}" @if($data_req->director_finanzas == $director['user_id']) selected @endif>{{ $director['name'] }} {{ $director['last_name'] }}</option>
                                @endforeach
                            </select>
                        </div>

                        <div class="form-check">
                            <input type="checkbox" class="form-check-input" id="decreto_firmado_director_finanzas" name="decreto_firmado_director_finanzas" @if ($data_req->decreto_firmado_director_finanzas == 1) checked @endif required>
                            <label class="form-check-label" for="Check22"> <span class="text-danger">*</span> Decreto de Pago fue firmado por Director de Finanzas
                            </label>
                        </div>
                    </div>

                    <div class="col-md-6">
                        <div class="form-row">
                            <div class="form-group col-md-12">
                                <label for="forDatosPago"><span class="text-danger">*</span> Bitacora:</label>
                                <a href="javascript:void(0)" class="btn btn-primary" id="btn_ver_observaciones_">Ver Observaciones</a>
                            </div>
                        </div>
                        <div class="form-row">
                            <div class="form-group col-md-12">
                                <label for="forDatosPago"><span class="text-danger">*</span> Observaciones:</label>
                                <textarea class="form-control" id="observaciones_finanzas" name="observaciones_finanzas" rows="3" @if(!in_array($data_req->id_etapa,[3,8])) disabled @endif></textarea>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="row justify-content-between mt-3">
                    <div class="col-4">
                        <button type="button" class="btn btn-primary" id="btn_enviar_borrador_finanzas" @if(!in_array($data_req->id_etapa,[3,8])) disabled @endif><i class="fas fa-save"></i> Guardar Borrador</button>
                    </div>
                    <div class="col-4">
                        <button type="submit" class="btn btn-danger" style="float:right;"  id="btn_enviar_RP" @if(!in_array($data_req->id_etapa,[3,8])) disabled @endif><i class="fab fa-google-play"></i> Enviar RP</button>
                    </div>
                </div>
            </div>
        </div>

        </form>
    </div>
@endsection

@push('post-scripts')
    <style>
        .main-content {
            padding: 10px 20px 20px;
            min-height: calc(100vh - 61px);
        }
    </style>
    <link href="{{ asset('css/vendor/select2.min.css') }}" rel="stylesheet" />
    <script src="{{ asset('js/vendor/select2.min.js') }}"></script>
    <script src="{{ asset('js/sweetalert2.js') }}"></script>
    <script src="{{ asset('js/autoNumeric-min.js') }}"></script>
    <script src="{{ asset('js/jquery.mask.min.js') }}"></script>
    <script src="{{ asset('js/jquery-validation/jquery.validate.min.js') }}"></script>
    <script src="{{ asset('js/jquery-validation/localization/messages_es.min.js') }}"></script>
    <script src="{{ asset('js/funciones.js') }}"></script>
    <script src="{{ asset('js/scripts_.js') }}"></script>
    <script>

        function changeNombreDirector(selected = null, supervisor = null)
        {
            let id_dir = $("#direccion_").val();

            $('#nombre_director option:not(:first)').remove();

            $.ajax({
                url: "{{ url('/pproveedores/obtener-direccion-data') }}", type: "POST", headers: {
                    'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
                }, data: {id: id_dir}, success: function (data) {

                    if(data.result.length > 0)
                    {
                        $.each(data.result, function(index, value) {
                            $('#nombre_director')
                                .append($('<option>').val(value.id).text(value.label));
                        });
                    }

                    if(data.supervisores.length > 0)
                    {
                        $.each(data.supervisores, function(index, value) {
                            $('#select_nombre_supervisor')
                                .append($('<option>').val(value.user_id).text(value.full_name));
                        });
                    }

                    if(selected != null)
                    {
                        $('#nombre_director option[value='+selected+']').attr('selected','selected');
                    }

                    if(supervisor != null)
                    {
                        $('#select_nombre_supervisor option[value='+supervisor+']').attr('selected','selected');
                    }
                },
            });
        }

        function errorFechas(msg, error_msg)
        {
            Swal.fire({
                title: 'Atención',
                html: msg+" "+error_msg,
                icon: 'error'
            });

            return false;
        }

        function validarFechas()
        {
            let fdp = new Date($("#fecha_dp_ad").val());
            let fi = new Date($("#fecha_informe_supervisor").val());
            let fda = new Date($("#fecha_da").val());
            let fc = new Date($("#fecha_contrato").val());
            let error_msg = ""
            let msg_main = "Se detectaron inconsistencias en el Formulario del Requerimiento de Pago:</br>";
            let msg = "La Fecha Emisión de la Factura no puede ser anterior a la";
            let msg_b = "La Fecha de Recepción de la Factura no puede ser anterior a la";
            let msg_c = "La Fecha de Ingreso a Bodega no puede ser anterior a la";
            let msg_d = "La Fecha Informe no puede ser anterior a la";
            let msg_e = "Fecha Contrato no puede ser posterior a la ";
            let msg_f = "Fecha del Decreto de Pago no puede ser anterior a la ";
            msg = msg_main + msg;

            if(fda < fc)
            {
                error_msg = "Fecha D/A (Fecha del Decreto Alcaldicio)";
                errorFechas(msg_e, error_msg);
                return false;
            }
            if(fdp < fi)
            {
                error_msg = "Fecha Informe";
                errorFechas(msg_f, error_msg);
                return false;
            }
            else if(fdp < fda)
            {
                error_msg = "Fecha D/A (Fecha del Decreto Alcaldicio)";
                errorFechas(msg_f, error_msg);
                return false;

            }else if(fdp < fc)
            {
                error_msg = "- Fecha Contrato";
                errorFechas(msg_f, error_msg);
                return false;
            }

            return true;
        }

        $(document).ready(function() {

            $(".autonumber").autoNumeric("init")

            $('[data-toggle="input-mask"]').each(
                function(a,e){
                    var t=$(e).data("maskFormat"),n=$(e).data("reverse");
                    null!=n?$(e).mask(t,{reverse:n}):$(e).mask(t)
                }
            )

            let oc = $('#numeroOC');
            oc.select2({
                theme: "bootstrap",
                placeholder: "Seleccione un OC"
            });
            oc.on('change', function (e) {
                let id_oc = $(this).val();
                $.ajax({
                    url: "{{ url('/pproveedores/obtenerOC') }}", type: "POST", headers: {
                        'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
                    }, data: {id_oc: id_oc}, success: function (data) {
                        $('#monto').unmask();
                        $("#girador").val(data.ngirador);
                        $("#nombre_oc").val(data.nombre_oc);
                        $("#fecha_emision_oc").val(data.fecha_emision2);
                        $("#monto").val(data.monto);
                        $("#monto_interno").autoNumeric('set', data.monto_interno);
                        //$("#monto_interno").val(data.monto_interno);
                        $("#nombre_moneda").val(data.nombre_moneda);
                        $("#nombre_proveedores").val(data.nombre_proveedores);
                        $("#rut_proveedores").val(data.rut_proveedores);
                        $("#fecha_aceptacion").val(data.fecha_aceptacion);

                        $("#oc_id").val(id_oc)

                        $('#monto').mask('000.000.000.000.000,00', {reverse: true});
                    }, async: false
                });
            });

            $('#resultado_rev_req_pago').on('change', function() {

                let res_rev = $(this).val();

                if(res_rev == 1)
                {
                    $("#director_finanzas").prop('disabled', false);
                    $("#director_finanzas").prop('required', true);

                    //$("#observaciones_finanzas").prop('disabled', true);
                    //$("#observaciones_finanzas").prop('required', false);

                    $("#decreto_firmado_director_finanzas").prop('disabled', false);
                    $("#decreto_firmado_director_finanzas").prop('required', true);

                    $("#btn_enviar_RP").removeAttr("formnovalidate");
                }
                else if(res_rev == 0)
                {
                    $("#director_finanzas").prop('disabled', true);
                    $("#director_finanzas").prop('required', false);

                    $("#decreto_firmado_director_finanzas").prop('disabled', true);
                    $("#decreto_firmado_director_finanzas").prop('required', false);

                    //$("#observaciones_finanzas").prop('disabled', false);
                    //$("#observaciones_finanzas").prop('required', true);
                    $("#btn_enviar_RP").attr("formnovalidate","formnovalidate");
                }
            });

            $('input[name="receptor_factura"]').on('change', function() {

                let receptor_factura_result = $('input[name="receptor_factura"]:checked').val();

                let disabled_ = false;
                let required_ = false;

                if(receptor_factura_result == "supervisor")
                {
                    $("#receptor_factura_validate").val("0")
                    disabled_ = true;
                    required_ = false;

                }else if(receptor_factura_result == "bodega")
                {
                    $("#receptor_factura_validate").val("1")
                    disabled_ = false;
                    required_ = true;
                }

                $("#folio_ingreso_bodega").prop('disabled', disabled_);
                $("#folio_ingreso_bodega").prop('required', required_);

                $("#fecha_ingreso_bodega").prop('disabled', disabled_);
                $("#fecha_ingreso_bodega").prop('required', required_);

            });

            $('input[name="aplica_multas"]').on('change', function() {
                let aplica_multas_result = $('input[name="aplica_multas"]:checked').val();

                let disabled_ = false;
                let required_ = false;

                if(aplica_multas_result == 1)
                {
                    $("#aplica_multas_validate").val("1")
                    disabled_ = false;
                    required_ = true;
                }
                else if(aplica_multas_result == 0){
                    $("#aplica_multas_validate").val("0")
                    disabled_ = true;
                    required_ = false;
                }

                $("#monto_multas").prop('disabled', disabled_);
                $("#monto_multas").prop('required', required_);

                $("#obs_multas").prop('disabled', disabled_);
                $("#obs_multas").prop('required', required_);

            });

        });

        $(function(){

            let selected_director = "{{ $data_req->nombre_director ?? null }}";
            let selected_supervisor = "{{ $data_req->select_nombre_supervisor ?? null }}";

            changeNombreDirector(selected_director, selected_supervisor);

            $('#direccion_').on('change', function (e) {
                changeNombreDirector();
            });

            let id_oc = $("#numeroOC").val();
            $.ajax({
                url: "{{ url('/pproveedores/obtenerOC') }}", type: "POST", headers: {
                    'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
                }, data: {id_oc: id_oc}, success: function (data) {
                    $("#girador").val(data.ngirador);
                    $("#nombre_oc").val(data.nombre_oc);
                    $("#fecha_emision_oc").val(data.fecha_emision2);
                    $("#monto").val(data.monto);
                    $("#monto_interno").val(data.monto_interno);
                    $("#nombre_moneda").val(data.nombre_moneda);
                    $("#nombre_proveedores").val(data.nombre_proveedores);
                    $("#rut_proveedores").val(data.rut_proveedores);
                    $("#fecha_aceptacion").val(data.fecha_aceptacion);

                    $("#oc_id").val(id_oc)
                }, async: false
            });

            let files_ = @json($archivos_adjuntos, JSON_PRETTY_PRINT);

            let files_input = "{{$files_adjuntos_input}}";

            //if(files_ === null || files_.match(/^ *$/) !== null)
            if(files_.length == 0)
            {

                $("#input-b1").fileinput({
                    language: "es",
                    allowedFileExtensions: ["pdf", "xlsx", "docx"],
                    uploadUrl: "{{ route('pproveedores.subir_adjuntos') }}",
                    uploadExtraData: {'_token': $('meta[name="csrf-token"]').attr('content'),'id': $("#oc_id").val()},
                    deleteExtraData: {'_token': $('meta[name="csrf-token"]').attr('content'),'id': $("#oc_id").val()},
                    deleteUrl: "{{ route('pproveedores.borrar_adjuntos') }}",
                    uploadAsync: true,
                    overwriteInitial: false,
                    initialPreviewAsData : true,
                    showRemove: false,
                    showUpload: false,
                }).on("filebatchselected", function (event, files) {
                    $("#input-b1").fileinput("upload");
                });
            }
            else {
                //var archivos_array = files_.split(',');

                let preview_files = new Array();
                let files_adjuntos = new Array();

                for(let x =0; x < files_.length; x++)
                {
                    files_adjuntos.push(files_[x].url)
                }

                for(let i =0; i < files_.length; i++)
                {
                    let type = files_[i].extension;

                    if(type == "xlsx" || type == "docx") type = "office";
                    preview_files.push({ type: type, caption: files_[i].nombre_archivo, downloadUrl: files_[i].url, size: files_[i].size, width: "120px", key: files_[i].id })
                }

                $("#input-b1").fileinput({
                    language: "es",uploadExtraData: {'_token': $('meta[name="csrf-token"]').attr('content'),'id': $("#oc_id").val()}, uploadUrl: "{{ route('pproveedores.subir_adjuntos') }}", uploadAsync: true,
                    deleteExtraData: {'_token': $('meta[name="csrf-token"]').attr('content'),'id': $("#oc_id").val()}, deleteUrl: "{{ route('pproveedores.borrar_adjuntos') }}",
                    allowedFileExtensions: ["pdf", "xlsx", "docx"],
                    overwriteInitial: false,
                    initialPreview: files_adjuntos,
                    initialPreviewAsData: true,
                    initialPreviewConfig: preview_files,
                    showRemove: false,
                    showUpload: false,
                }).on("filebatchselected", function (event, files) {
                    $("#input-b1").fileinput("upload");
                });

                $("#archivos_adjuntos").val(files_input);
            }

            $('#input-b1').on('filebatchuploadsuccess', function(event, data) {
                var form = data.form, files = data.files, extra = data.extra,
                    response = data.response, reader = data.reader;

                let archivos = [];
                $(".arch_ad").each(function () {
                    if ($(this).val() !== "0") archivos.push($(this).val());
                });
                archivos.push(response.id_inserted);
                $("#archivos_adjuntos").val(archivos);
            });


            $('#input-b1').on('filedeleted', function(event, key, jqXHR, data) {
                let archivos_input = $("#archivos_adjuntos").val();
                archivos_input = archivos_input.split(',')

                archivos_input = jQuery.grep(archivos_input, function(value) {
                    return value != key;
                });

                $("#archivos_adjuntos").val(archivos_input.join());
            });

            $('#input-b1').on('fileuploaded', function(event, data) {
                var form = data.form, files = data.files, extra = data.extra,
                    response = data.response, reader = data.reader;
                let archivos = [];
                $(".arch_ad").each(function () {
                    if ($(this).val() !== "0") archivos.push($(this).val());
                });
                archivos.push(response.id_inserted);
                $("#archivos_adjuntos").val(archivos);

            });

            /* */

            let etapa = "{{$data_req->id_etapa}}";

            if(parseInt(etapa) == 3 || parseInt(etapa) == 8)
            {
                let res_rev = $('#resultado_rev_req_pago').val();

                if(res_rev == 1)
                {
                    $("#director_finanzas").prop('disabled', false);
                    $("#director_finanzas").prop('required', true);

                    //$("#observaciones_finanzas").prop('disabled', true);
                    //$("#observaciones_finanzas").prop('required', false);

                    $("#decreto_firmado_director_finanzas").prop('disabled', false);
                    $("#decreto_firmado_director_finanzas").prop('required', true);
                }
                else if(res_rev == 0)
                {
                    $("#director_finanzas").prop('disabled', true);
                    $("#director_finanzas").prop('required', false);

                    $("#decreto_firmado_director_finanzas").prop('disabled', true);
                    $("#decreto_firmado_director_finanzas").prop('required', false);

                    //$("#observaciones_finanzas").prop('disabled', false);
                    //$("#observaciones_finanzas").prop('required', true);
                }
            }

            let selected_oc = "{{ $oc_select }}";

            $('#numeroOC').val(selected_oc).trigger('change');

            $("#btn_enviar_RP").on('click', function() {
                let resultado_rev_req_pago = $("#resultado_rev_req_pago").val();
                if( resultado_rev_req_pago == 0 ) {
                    $('#n_decreto_pago_ad').removeAttr("required");
                    $('#fecha_dp_ad').removeAttr("required");
                }else {
                    $('#n_decreto_pago_ad').attr("required","");
                    $('#fecha_dp_ad').attr("required","");
                }
            });

            $(document).on("submit", "form#form-req-nuevo-pago", function(event) {
                event.preventDefault();

                let chk = validarFechas();

                if(!chk)
                    return false;

                let resultado_rev_req_pago = $("#resultado_rev_req_pago").val();

                let url_ = "{{ route('pproveedores.guardar_finanzas_oc') }}";
                if( resultado_rev_req_pago == 0 ) {
                    url_ = "{{ route('pproveedores.devolver_finanzas_unidad') }}";

                    $("#rp_s").val(3);
                    let form = $("#form-req-nuevo-pago").serializeArray();

                    Swal.fire({
                        title: 'Envio de RP',
                        html: "<b>Atención</b></br> Enviará el RP rechazado a Unidad ",
                        icon: 'warning',
                        showCancelButton: true,
                        confirmButtonColor: '#3085d6',
                        cancelButtonColor: '#d33',
                        confirmButtonText: 'Enviar RP',
                        cancelButtonText: `Cancelar`,
                        }).then((result) => {
                        if (result.value) {
                            $.ajax({
                                url: "{{ route('pproveedores.devolver_finanzas_unidad') }}", data: form, type: "POST", beforeSend: function () {
                                    //msgLoading();
                                }, headers: {
                                    'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
                                }
                            }).done(function (data, textStatus, jqXHR) {
                                Swal.fire({
                                title: 'RP Devuelto',
                                text: "El RP fue devuelto a Unidad correctamente",
                                icon: 'success',
                                }).then((result) => {
                                if (result.value) {
                                    window.location.href="{{ url('/pproveedores/finanzas') }}";
                                    } else {
                                        window.location.href="{{ url('/pproveedores/finanzas') }}";
                                    }
                                })

                            }).fail(function (jqXHR, textStatus, errorThrown) {
                                console.log(jqXHR.responseText)
                            });
                        }
                    })

                }
                else{

                    $("#rp_s").val(3);
                    let form = $("#form-req-nuevo-pago").serializeArray();

                    let monto = parseInt($("#monto_total_factura").val().replace(/\./g,''),10);

                    form.push({name: 'monto', value: monto});

                    $.ajax({
                        url: "{{ route('pproveedores.validar_utm_finanzas') }}", data: form, type: "POST", beforeSend: function () {
                            //msgLoading();
                        }, headers: {
                            'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
                        }
                    }).done(function (data, textStatus, jqXHR) {
                        let target = data.result;
                        let target_id = data.id_result;
                        let checked_target = "";
                        let checked_target_control = "";
                        let checked_target_tesoreria = "";

                        if (target_id == 1)
                            checked_target = "selected";

                        if (target_id == 2)
                            checked_target_tesoreria = "selected";

                        let select_target = '<select id="select_unidad" class="form-control"><option value="1" '+checked_target+'>Enviar a Dirección de Control</option><option value="2" '+checked_target_tesoreria+'>Enviar a Tesorería</option></select>'
                        //if(target == "esoreria")

                        Swal.fire({
                            title: 'Envio de RP',
                            html: "<b>Atención</b></br>De acuerdo al monto de pago, está a punto de enviar el Requerimiento de pago a:</br><p class='mt-1 mb-1'><b>"+target+"</b></p>Si desea modificar el envio, a continuación seleccione:</br>"+select_target+" ",
                            icon: 'warning',
                            showCancelButton: true,
                            confirmButtonColor: '#3085d6',
                            cancelButtonColor: '#d33',
                            confirmButtonText: 'Enviar RP',
                            cancelButtonText: `Cancelar`,
                            }).then((result) => {
                            if (result.value) {
                                let target_unidad = $("#select_unidad").val();

                                if(target_unidad == 1)
                                {
                                    $("#rp_s").val(4);
                                }else {
                                    $("#rp_s").val(6);
                                }

                                let form = $("#form-req-nuevo-pago").serializeArray();

                                $.ajax({
                                    url: "{{ route(pproveedores.'guardar_finanzas_oc') }}", data: form, type: "POST", beforeSend: function () {
                                        msgLoading();
                                    }, headers: {
                                        'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
                                    }
                                }).done(function (data, textStatus, jqXHR) {

                                    Swal.fire({
                                    title: 'RP Enviado',
                                    text: "Se envio el RP correctamente",
                                    icon: 'success',
                                    }).then((result) => {
                                    if (result.value) {
                                        window.location.href="{{ url('/pproveedores/finanzas') }}";
                                        } else {
                                            window.location.href="{{ url('/pproveedores/finanzas') }}";
                                        }
                                    })

                                }).fail(function (jqXHR, textStatus, errorThrown) {
                                    console.log(jqXHR.responseText)
                                });
                            }
                        })

                    }).fail(function (jqXHR, textStatus, errorThrown) {
                        console.log(jqXHR.responseText)
                    });
                }

                return false;

            });

            $(document).on("click", "#btn_enviar_borrador_finanzas", function(event) {
                event.preventDefault();

                $("#rp_s").val(8);
                let form = $("#form-req-nuevo-pago").serializeArray();
                let oc_id = $("numeroOC").val();

                let decreto_firmado_director_finanzas = 0;
                if( $("#decreto_firmado_director_finanzas").is(':checked') ) {
                    decreto_firmado_director_finanzas = 1
                }

                form.push({name: 'decreto_firmado_director_finanzas', value: decreto_firmado_director_finanzas});

                $.ajax({
                    url: "{{ route('pproveedores.guardar_finanzas_oc') }}", data: form, type: "POST", beforeSend: function () {
                        msgLoading();
                    }, headers: {
                        'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
                    }
                }).done(function (data, textStatus, jqXHR) {

                    Swal.fire({
                        title: 'Modificación enviada',
                        text: "Se guardo el borrador correctamente.",
                        icon: 'success',
                        }).then((result) => {
                        if (result.value) {
                            window.location.href="{{ url('/pproveedores/finanzas') }}";
                        }
                    })

                }).fail(function (jqXHR, textStatus, errorThrown) {
                    console.log(jqXHR.responseText)
                });

                return false;

            });

            $(document).on("click", "#btn_ver_observaciones_", function(event) {
                event.preventDefault();
                let id_req_pago = $("#id_req_pago").val();
                let url = "{{ url('pproveedores/comentarios-bitacora') }}/"+id_req_pago+"";

                bitacora_Obs_Modal(url);
            });

        });
    </script>
@endpush