@extends('layouts.app2')

@section('content')
    <div class="bgc-white p-20 bd">
        <h2>Ver Requerimiento de Pago</h2>
        <a href="{{ URL::previous() }}" class="btn btn-primary mb-1">Salir</a>
        <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" 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" 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">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">Nº Decreto de Pago (Adquisiciones)</label>
                    <input type="text" class="form-control" id="n_decreto_pago_ad" value="{{ $data_req->n_decreto_pago_ad }}" 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" value="{{ $data_req->fecha_dp_ad }}" placeholder="" readonly>
                    </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 readonly>
                            <input type="hidden" 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>

        @if($rol_loaded == "tesoreria")
        <div class="card" style="margin-bottom: 5px">
            <div class="card-header bg-success text-white text-center">
                <b>Opciones de Envío (en Tesorería)</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" disabled>
                                <option value="">Seleccionar</option>
                                <option value="1" @if($data_req->resultado_rev_req_pago_t == 1) selected @endif>Requerimiento de Pago Cumple con lo requerido</option>
                                <option value="0" @if($data_req->resultado_rev_req_pago_t == 0) selected @endif>Requerimiento de Pago No Cumple con lo requerido</option>
                            </select>
                        </div>

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

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

                        <div class="form-check">
                            <input type="checkbox" class="form-check-input" id="ver_datos_cheque_trans" name="ver_datos_cheque_trans" @if ($data_req->ver_datos_cheque_trans == 1) checked @endif disabled>
                            <label class="form-check-label" for="Check22"> <span class="text-danger">*</span> Se verificaron datos para generar cheque o transferencia
                            </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_tesoreria" name="observaciones_tesoreria" rows="3" disabled></textarea>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col align-self-end mt-3">
                    <button type="submit" class="btn btn-danger" style="float:right;"  id="btn_enviar_RP" disabled><i class="fab fa-google-play"></i> Enviar RP</button>
                </div>
            </div>
        </div>
        @endif

        @if($rol_loaded == "control")
        <div class="card" style="margin-bottom: 5px">
            <div class="card-header bg-info text-white text-center">
                <b>Opciones de Envío (en Control)</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>
                        NULL
                            <select class="form-control" id="resultado_rev_req_pago_c" name="resultado_rev_req_pago_c" disabled>
                                <option value="" @if(is_null($data_req->resultado_rev_req_pago_c)) selected @endif>Seleccionar</option>
                                <option value="1" @if($data_req->resultado_rev_req_pago_c === 1) selected @endif>Requerimiento de Pago Cumple con lo requerido</option>
                                <option value="0" @if($data_req->resultado_rev_req_pago_c === 0) selected @endif>Requerimiento de Pago No Cumple con lo requerido</option>
                            </select>
                        </div>

                        <div class="form-check">
                            <input type="checkbox" class="form-check-input" id="decreto_firmado_director_control" name="decreto_firmado_director_control" @if ($data_req->decreto_firmado_director_control == 1) checked @endif disabled>
                            <label class="form-check-label" for="Check22"> <span class="text-danger">*</span> Decreto de Pago fue firmado por Director de Control
                            </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_tesoreria" name="observaciones_tesoreria" rows="3" disabled></textarea>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="row justify-content-between mt-3">
                    <div class="col-4">
                        <button type="submit" class="btn btn-primary" id="btn_enviar_borrador" disabled><i class="fas fa-save"></i> Guardar Borrador</button>
                    </div>
                    <div class="col-4">
                        <button type="button" class="btn btn-danger" style="float:right;"  id="btn_enviar_RP" disabled><i class="fab fa-google-play"></i> Enviar RP</button>
                    </div>
                </div>
            </div>
        </div>
        @endif

        @if($rol_loaded == "solicitudes")
        <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="form-check row col-md-6" style="margin: 0 auto;">
                    <input type="checkbox" class="form-check-input" id="informe_firmado_director_unidad" @if ($data_req->informe_firmado_director_unidad == 1) checked @endif disabled>
                    <label class="form-check-label" for="exampleCheck1"> <span class="text-danger">*</span> Informe ha sido firmado por el Director de la Unidad
                    </label>
                </div>
                <div class="form-check row col-md-6" style="margin: 0 auto;">
                    <input type="checkbox" class="form-check-input" id="documentacion_envio_finanzas_gen_fisica" @if ($data_req->documentacion_envio_finanzas_gen_fisica == 1) checked @endif disabled>
                    <label class="form-check-label" for="exampleCheck1"> <span class="text-danger">*</span> Toda la documentación para envío a Finanzas se encuentra generada físicamente
                    </label>
                </div>
                <div class="row justify-content-between mt-3">

                </div>
            </div>
        </div>
        @endif

        @if($rol_loaded == "finanzas")
        <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" disabled>
                                <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" disabled>
                                <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" @if ($data_req->decreto_firmado_director_finanzas == 1) checked @endif disabled>
                            <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" disabled></textarea>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        @endif

        </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/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');
                    }
                },
            });
        }

        $(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",
                disabled: true,
                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").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);
                }
                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);
                }
            });

            $('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 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: false,
                    overwriteInitial: false,
                    initialPreviewAsData : true,
                }).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,
                }).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);
                console.log($("#archivos_adjuntos").val())
            });


            $('#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 selected_oc = "{{ $oc_select }}";
            $('#numeroOC').val(selected_oc).trigger('change');

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

            changeNombreDirector(selected_director, selected_supervisor);

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

                bitacora_Obs_Modal(url);
                console.log("clieck");
            });

        });
    </script>
@endpush