@extends('layouts.app2')

@section('content')
    <div id="content-pdf" class="bgc-white p-20 bd">
        <h2>Nuevo 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">
                                <option value="">Seleccionar</option>
                                @foreach($numoc as $num)
                                <option value="{{ $num['id'] }}">{{ $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_oc" 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="" required>
                        </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"><span class="text-danger">*</span> Modalidad de Compra:</label>
                        <div class="col-sm-8">
                            <select id="tipo_compra" name="tipo_compra" class="form-control form-control-sm" required>
                                <option value="">Seleccionar</option>
                                @foreach($mcompra as $mcom)
                                    <option value="{{ $mcom['id'] }}">{{ $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" 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="0">
            <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" name="numero_factura" placeholder="" required>
                        </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" name="fecha_emision" max="2030-01-01" placeholder="" required>
                        </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" name="monto_total_factura" data-v-min="0"
                            data-v-max="99999999999" data-a-sep="." data-a-dec="," placeholder="Monto en $" required>
                        </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" name="receptor_factura_validate" 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" name="receptor_factura" id="receptor_factura_supervisor"
                                   value="supervisor" required>
                            <label class="form-check-label" for="inlineRadio1">Supervisor</label>
                        </div>
                        <div class="form-check form-check-inline">
                            <input class="form-check-input" type="radio" name="receptor_factura" id="receptor_factura_bodega"
                                   value="bodega">
                            <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" name="fecha_recepcion_factura" max="2030-01-01"
                                 required>
                        </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" name="folio_ingreso_bodega" placeholder="">
                        </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" name="n_estado_pago"
                                   placeholder="1 de 3" required>
                        </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" name="fecha_ingreso_bodega" max="2030-01-01"
                                   placeholder="monto en $">
                        </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" name="servicio_nombre_licitacion" rows="3" required></textarea>
                    </div>
                </div>
                <div class="form-row">
                    <div class="form-group col-md-4">
                        <label for="exampleFormControlInput1"><span class="text-danger"></span> Fecha Contrato:</label>
                        <input type="date" class="form-control" id="fecha_contrato" name="fecha_contrato" placeholder="" max="2030-01-01">
                    </div>
                    <div class="form-group col-md-4">
                        <label for="exampleFormControlInput1"><span class="text-danger"></span> D/A Aprueba Contrato:</label>
                        <input type="number" class="form-control" id="da_aprueba_contrato" name="da_aprueba_contrato" maxlength="5" placeholder="">
                    </div>
                    <div class="form-group col-md-4">
                        <label for="exampleFormControlInput1"><span class="text-danger"></span> Fecha D/A:</label>
                        <input type="date" class="form-control" id="fecha_da" name="fecha_da" placeholder="" max="2030-01-01">
                    </div>
                </div>
            </div>
        </div>
        <div class="card next_page" 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" name="fecha_informe_supervisor" max="2030-01-01" placeholder="" required>
                    </div>
                    <div class="form-group col-md-4">
                        <label for="exampleFormControlInput1">Nº Decreto de Pago (Adquisiciones)</label>
                        <input type="number" class="form-control" id="n_decreto_pago_ad" name="n_decreto_pago_ad" maxlength="5" placeholder="" readonly>
                    </div>
                    <div class="form-group col-md-4">
                        <label for="exampleFormControlInput1">Fecha DP (Adquisiciones):</label>
                        <input type="date" class="form-control" id="fecha_dp_ad" name="fecha_dp_ad" max="2030-01-01" placeholder="" readonly>
                    </div>
                </div>
                <div id="class_direccion" 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_" required>
                            <option value="">Seleccionar</option>
                            @foreach($muni_direcciones as $muni_direccion)
                                <option value="{{ $muni_direccion->id }}">{{ $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" required>
                            <option value="">Seleccionar</option>
                        </select>
                    </div>
                    <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" required>
                            <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" name="desc_compra_servicio_producto" rows="3" required></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" name="codiciones_particulares" rows="3" required></textarea>
                    </div>
                </div>
                <div id="conclusion_m" 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" name="inf_supervisor_conclusion" rows="3" required></textarea>
                    </div>
                </div>
                <div class="form-row mt-3">
                    <div class="col-md-6">
                        <div class="form-group row">
                            <input type="hidden" name="aplica_multas_validate" 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" name="aplica_multas" id="aplica_multas_si" value="1" required>
                                    <label class="form-check-label" for="siCheck">
                                    Si
                                    </label>
                                </div>
                                <div class="form-check">
                                    <input class="form-check-input check_multas" type="radio" name="aplica_multas" id="aplica_multas_no" value="0">
                                    <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" data-v-min="0"
                                            data-v-max="999999999999999" placeholder="monto en $">
                                        </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" name="obs_multas" rows="3"></textarea>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <div id="doc_req_pago" class="card next_page" 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" name="factura_cedida" id="factura_cedida_si"
                            value="1" required>
                        <label class="form-check-label" for="forRadioFactura">Si</label>
                    </div>
                    <div class="form-check form-check-inline">
                        <input class="form-check-input" type="radio" name="factura_cedida" id="factura_cedida_no"
                            value="0">
                        <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" name="datos_pago" rows="3" required></textarea>
                    </div>
                </div>
            </div>
        </div>

        <div class="card" style="margin-bottom: 5px">
            <div class="card-header bg-warning text-white text-center">
                <b>Opciones de Envío (desde Unidad)</b>
            </div>
            <div class="card-body">
                <div class="row">
                    <div class="col-md-6">
                        <div class="form-check row col-md-11" style="margin: 0 auto;">
                            <input type="checkbox" class="form-check-input" id="informe_firmado_director_unidad" name="informe_firmado_director_unidad">
                            <label class="form-check-label" for="eCheck123"> <span class="text-danger">*</span> Informe ha sido firmado por el Director de la Unidad
                            </label>
                        </div>
                        <div class="form-check row col-md-11" style="margin: 0 auto;">
                            <input type="checkbox" class="form-check-input" id="documentacion_envio_finanzas_gen_fisica" name="documentacion_envio_finanzas_gen_fisica">
                            <label class="form-check-label" for="Check125"> <span class="text-danger">*</span> Toda la documentación para envío a Finanzas se encuentra generada físicamente
                            </label>
                        </div>
                    </div>
                    <div class="col-md-6">
                        <div class="form-row">
                            <div class="form-group col-md-12">
                                <label for="forDatosPago"> Bitácora:</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"> Observaciones:</label>
                                <textarea class="form-control" id="observaciones_unidad" name="observaciones_unidad" rows="3"></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"><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"><i class="fab fa-google-play"></i> Enviar RP</button>
                        <button type="button" class="btn btn-primary mr-5" style="float:right;" id="btn_generar_pdf"><i class="fas fa-file-pdf fa-lg"></i> Generar PDF </button>
                    </div>
                </div>
            </div>
        </div>

        </form>
    </div>
@endsection

@push('post-scripts')
    <style>
        .next_page{
            page-break-after: always;
        }
        .main-content {
            padding: 10px 20px 20px;
            min-height: calc(100vh - 61px);
        }
        .margin-direccion{
            margin-bottom: 17rem !important;
        }
        .select2-results__options {
            height: 300px;
            overflow-y: auto;
        }
    </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="https://cdnjs.cloudflare.com/ajax/libs/html2canvas/0.4.1/html2canvas.js"></script>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/jspdf/1.3.4/jspdf.min.js"></script>
    <script src="{{ asset('js/scripts_.js') }}"></script>

    <script>

        function changeNombreDirector()
        {
            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));
                        });
                    }else{
                        //$('#nombre_director').val([]);
                        $('#nombre_director')
                            .find('option')
                            .remove()
                            .end()
                            .append('<option value="">Seleccionar</option>')
                            .val('')
                        ;
                    }

                    if(data.supervisores.length > 0)
                    {
                        $.each(data.supervisores, function(index, value) {
                            $('#select_nombre_supervisor')
                                .append($('<option>').val(value.user_id).text(value.full_name));
                        });
                    }else {
                        $('#select_nombre_supervisor')
                            .find('option')
                            .remove()
                            .end()
                            .append('<option value="">Seleccionar</option>')
                            .val('')
                    }
                },
            });
        }

        function gen_doc(id)
        {
            let doc = null;
            var HTML_Width = $("#mainContent").width();
            var HTML_Height = $("#mainContent").height();
            var top_left_margin = 15;
            var PDF_Width = HTML_Width + (top_left_margin * 2);
            var PDF_Height = (PDF_Width * 1.5) + (top_left_margin * 2);
            var canvas_image_width = HTML_Width;
            var canvas_image_height = HTML_Height;

            var totalPDFPages = Math.ceil(HTML_Height / PDF_Height) - 1;

            html2canvas($("#mainContent")[0]).then(function (canvas) {
                var imgData = canvas.toDataURL("image/jpeg", 1.0);
                var pdf = new jsPDF('p', 'pt', [PDF_Width, PDF_Height]);
                pdf.addImage(imgData, 'JPG', top_left_margin, top_left_margin, canvas_image_width, canvas_image_height);
                for (var i = 1; i <= totalPDFPages; i++) {
                    pdf.addPage(PDF_Width, PDF_Height);
                    console.log(PDF_Height*i) //1894.5
                    console.log(top_left_margin*4) //60
                    console.log(-(PDF_Height*i)+(top_left_margin*4))
                    pdf.addImage(imgData, 'JPG', top_left_margin, -1865.1 ,canvas_image_width,canvas_image_height);
                }
                doc = pdf.output('datauristring');

                var formData = new FormData();
                formData.append("file", doc);
                formData.append("id", id);

                $.ajax({
                    url: "{{ route('pproveedores.guardar_pdf_form') }}",
                    data: formData,
                    type: "POST",
                    cache: false,
                    contentType: false,
                    processData: false,
                    beforeSend: function(){
                        msgEnviandoCustom('Generando documento','Espere');
                    },
                    headers: {
                        'X-CSRF-TOKEN': $("input[name=_token]").val()
                        }
                    }).done(function (data, textStatus, jqXHR) {
                        Swal.fire({
                            title: 'Envio de RP',
                            html: "El RP fue enviado a la <b>Unidad de Finanzas</b> correctamente.",
                            icon: 'success',
                            }).then((result) => {
                            if (result.value) {
                                swal.close();
                                window.location.href="{{ url('/pproveedores/solicitudes') }}";
                            }
                        })

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

            });

        }

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

            return false;
        }

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

            return false;
        }

        function validarMontos()
        {
            let monto_factura = parseInt($("#monto_total_factura").val().replace(/\./g,''),10);
            let monto_oc = parseInt($("#monto_interno").val().replace(/\./g,''),10);
            let msg = "";

            if(monto_factura > monto_oc)
            {
                msg = "El monto de una factura ( "+monto_factura+" ) debe ser menor o igual al monto ( "+monto_oc+" ) de la OC.";
                errorMontos(msg)
                return false;
            }

            return true;
        }

        function validarNFactura()
        {
            let n_factura = $("#numero_factura").val();
            let rut_proveedor = $("#rut_proveedores").val();
            let resp;
            $.ajax({
                url: "{{ route('pproveedores.buscar_facturas_proveedor') }}", data: {"rut": rut_proveedor, "factura": n_factura, "editar": false, "duplicado": false, "id_rp": 0}, type: "POST",async:false, beforeSend: function () {
                }, headers: {
                    'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
                }
            }).done(function (data, textStatus, jqXHR) {
                if(data.response)
                {
                    $("#numero_factura").focus()
                    msg = "El Nº de Factura ya existe para este Proveedor.";
                    errorMontos(msg);
                    resp = false;
                }
                else{
                    resp = true;
                }

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

            return resp;

        }

        function validarMontosFactura()
        {
            let monto_ingresado = parseInt($("#monto_total_factura").val().replace(/\./g,''),10);
            let id_oc = $("#oc_id").val();
            let resp;
            $.ajax({
                url: "{{ route('pproveedores.buscar_montos_facturas') }}", data: {"id_oc": id_oc, "monto_ingresado": monto_ingresado}, type: "POST",async:false, beforeSend: function () {
                }, headers: {
                    'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
                }
            }).done(function (data, textStatus, jqXHR) {
                if(data.response)
                {
                    $("#monto_total_factura").focus()
                    msg = "El total de los montos de los RP es mayor al valor total del OC.";
                    errorMontos(msg);
                    resp = false;
                }
                else{
                    resp = true;
                }


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

            return resp;
        }

        function validarFechas()
        {

            let fef = new Date($("#fecha_emision").val());
            let faoc = new Date($("#fecha_aceptacion").val());
            let fc = new Date($("#fecha_contrato").val());
            let fda = new Date($("#fecha_da").val());
            let fib = new Date($("#fecha_ingreso_bodega").val());
            let frf = new Date($("#fecha_recepcion_factura").val());
            let fi = new Date($("#fecha_informe_supervisor").val());

            let fdp = new Date($("#fecha_dp_ad").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 ";

            msg = msg_main + msg;

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

            if(fef < faoc)
            {
                error_msg = "Fecha Aceptación de la OC";
                errorFechas(msg, error_msg);
                return false;
            }
            else if(fef < fc)
            {
                error_msg = "Fecha Contrato";
                errorFechas(msg, error_msg);
                return false;
            }else if(fef < fda)
            {
                error_msg = "Fecha D/A (Fecha del Decreto Alcaldicio)";
                errorFechas(msg, error_msg);
                return false;
            }

            if(frf < faoc)
            {
                error_msg = "Fecha Aceptación de la OC";
                errorFechas(msg_b, error_msg);
                return false;
            }
            else if(frf < fc)
            {
                error_msg = "Fecha Contrato";
                errorFechas(msg_b, error_msg);
                return false;

            }else if(frf < fda)
            {
                error_msg = "Fecha D/A (Fecha del Decreto Alcaldicio)";
                errorFechas(msg_b, error_msg);
                return false;
            }

            if(fib < faoc)
            {
                error_msg = "Fecha Aceptación de la OC";
                errorFechas(msg_c, error_msg);
                return false;
            }
            else if(fib < fc)
            {
                error_msg = "Fecha Contrato";
                errorFechas(msg_c, error_msg);
                return false;

            }else if(fib < fda)
            {
                error_msg = "Fecha D/A (Fecha del Decreto Alcaldicio)";
                errorFechas(msg_c, error_msg);
                return false;
            }

            if(fi < faoc)
            {
                error_msg = "Fecha Aceptación de la OC";
                errorFechas(msg_d, error_msg);
                return false;
            }
            else if(fi < fc)
            {
                error_msg = "Fecha Contrato";
                errorFechas(msg_d, error_msg);
                return false;

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

            return true;
        }

        function loadMask()
        {
            $('[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)
                }
            )
        }

        $(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, autoclear: true}):$(e).mask(t)
                }
            )

            $("#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,
                showRemove: false,
                showUpload: false,
                initialPreviewAsData : true,
            }).on("filebatchselected", function (event, files) {
                $("#input-b1").fileinput("upload");
            });

            $('#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());
            });

            let oc = $('#numeroOC');
            oc.select2({
                theme: "bootstrap",
                placeholder: "Seleccione un OC",
                language: {
                    noResults: function () {
                        return "No Encontrado";
                    }
                }
            });
            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").val(data.monto_interno);
                        $("#monto_interno").autoNumeric('set', 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').each(
                            function(a,e){
                                var t=$(e).data("maskFormat"),n=$(e).data("reverse");
                                null!=n?$(e).mask(t,{reverse:n,autoclear: true}):$(e).mask(t)
                            }
                        )
                    }, async: false
                });
            });

            $('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(){

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

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

                let chk = validarFechas();
                if(!chk) return false;
                let numero_factura_chk = validarNFactura();
                if(!numero_factura_chk) return false;
                let montos_chk = validarMontos();
                if(!montos_chk) return false;
                let montos_factura_chk = validarMontosFactura();
                if(!montos_factura_chk) return false;

                if( !$('#numeroOC').val() )
                {
                    Swal.fire({
                        title: 'Atención',
                        text: "Debe seleccionar un Número de OC antes de continuar.",
                        icon: 'warning'
                    })

                    return false;
                }

                if( !$('#tipo_compra').val() )
                {
                    $('#tipo_compra').focus();
                    Swal.fire({
                        title: 'Atención',
                        text: "Debe seleccionar el Tipo de Compra antes de continuar.",
                        icon: 'warning'
                    })
                    return false;
                }

                $("#rp_s").val(2);

                if(!$('#informe_firmado_director_unidad').prop('checked')) {

                    Swal.fire({
                        title: 'Atención',
                        text: "El informe no fue firmado por el Director de la Unidad",
                        icon: 'warning'
                    })

                    return false;
                }

                if(!$('#documentacion_envio_finanzas_gen_fisica').prop('checked')) {

                    Swal.fire({
                        title: 'Atención',
                        text: "La documentación no se encuentra generada físicamente",
                        icon: 'warning'
                    })

                    return false;
                }

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

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

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

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

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

                let tipo_compra = $('#tipo_compra').val();
                let fecha_aceptacion = $('#fecha_aceptacion').val();
                form.push({name: 'tipo_compra', value: tipo_compra});
                form.push({name: 'fecha_aceptacion', value: fecha_aceptacion});

                Swal.fire({
                title: 'Envio de RP',
                html: "<b>Atención</b></br>Esta a punto de enviar el Requerimiento de Pago a:</br><p class='mt-1 mb-1'><b>Dirección de Administración y Finanzas</b></p>Si desea continuar, presione el botón &quot;Enviar RP&quot;",
                icon: 'warning',
                showCancelButton: true,
                confirmButtonColor: '#3085d6',
                cancelButtonColor: '#d33',
                confirmButtonText: 'Enviar RP',
                cancelButtonText: `Cancelar`,
                }).then((result) => {
                    if (result.value) {

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

                            $("#conclusion_m").addClass("mb-5");
                            $("#class_direccion").addClass("margin-direccion");

                            $("#doc_req_pago").remove()
                            $("#btn_enviar_borrador").remove()
                            $("#btn_enviar_RP").remove()

                            //let pdf_ = gen_doc(data.rp_inserted);
                            Swal.fire({
                                title: 'Envio de RP',
                                html: "El RP fue enviado a la <b>Dirección de Administración y Finanzas</b> correctamente.",
                                icon: 'success',
                                }).then((result) => {
                                if (result.value) {
                                    swal.close();
                                    window.location.href="{{ url('/pproveedores/solicitudes') }}";
                                }
                            })

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

                    }
                })

                return false;

            });

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

                /*intranetplc.validacionGeneral('form-req-nuevo-pago');

                let form = $('#form-req-nuevo-pago')[0];

                if(!$(form).valid())
                    return false;*/
                let numero_factura_chk = validarNFactura();
                if(!numero_factura_chk) return false;

                if( !$('#numeroOC').val() )
                {
                    $('#numeroOC').focus();
                    Swal.fire({
                        title: 'Atención',
                        text: "Debe seleccionar un Número de OC antes de continuar.",
                        icon: 'warning'
                    })
                    return false;
                }

                let direccion = $('#direccion_').val();
                if (direccion === ''){
                    $('#direccion_').focus();
                    Swal.fire({
                        title: 'Atención',
                        text: "Debe seleccionar una Dirección.",
                        icon: 'warning'
                    })
                    return false;
                }
                //return false;

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

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

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

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

                let tipo_compra = $('#tipo_compra').val();
                let fecha_aceptacion = $('#fecha_aceptacion').val();

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

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

                $.ajax({
                    url: "{{ route('pproveedores.guardar_borrador_oc') }}", data: form, type: "POST", beforeSend: function () {
                        msgGuardando();
                    }, headers: {
                        'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
                    }
                }).done(function (data, textStatus, jqXHR) {
                    Swal.fire({
                        title: 'Nuevo requerimiento guardado',
                        text: "Se guardo el borrador correctamente.",
                        icon: 'success',
                        }).then((result) => {
                        if (result.value) {
                            window.location.href="{{ url('/pproveedores/solicitudes') }}";
                        }
                    })

                }).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);
            });

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

                let numero_factura_chk = validarNFactura();
                if(!numero_factura_chk) return false;

                if( !$('#numeroOC').val() )
                {
                    $('#numeroOC').focus();
                    Swal.fire({
                        title: 'Atención',
                        text: "Debe seleccionar un Número de OC antes de continuar.",
                        icon: 'warning'
                    })
                    return false;
                }

                intranetplc.validacionGeneral('form-req-nuevo-pago');

                let form = $('#form-req-nuevo-pago')[0];

                if(!$(form).valid())
                    return false;

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

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

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

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

                let tipo_compra = $('#tipo_compra').val();
                let fecha_aceptacion = $('#fecha_aceptacion').val();

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

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

                $.ajax({
                    url: "{{ route('pproveedores.guardar_borrador_oc') }}", data: form, type: "POST", beforeSend: function () {
                        msgGuardando();
                    }, headers: {
                        'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
                    }
                }).done(function (data, textStatus, jqXHR) {
                    let rp_target = data.rp_inserted;
                    let url_pdf = "{{ url('pproveedores/obtener-pdf') }}";

                    Swal.fire({
                        title: 'PDF Generado',
                        text: "Se generó el PDF del RP correctamente.",
                        icon: 'success'
                    })

                    window.open(url_pdf+'/'+rp_target, "_blank");

                    Swal.fire({
                        title: 'PDF Generado',
                        text: "Se generó el PDF del RP correctamente.",
                        icon: 'success',
                        }).then((result) => {
                        if (result.value) {
                            let refr = "{{ url('/pproveedores/editar-rp') }}";
                            window.location.href=refr+'/'+data.rp_inserted;
                        }
                    })

                }).fail(function (jqXHR, textStatus, errorThrown) {
                    console.log(jqXHR.responseText)
                });
                return false;
            });
        });
    </script>
@endpush