@extends('layouts.app')

@section('content')
    <!-- end sidebar menu -->
    <!-- start page content -->
    <div class="page-content-wrapper">
        <div class="page-content">
            <div class="page-bar">
                <div class="page-title-breadcrumb">
                    <div class="pull-left">
                        <div class="page-title text-info">Orden #{{$data->orden_producto_numero}}</div>
                    </div>
                    <ol class="breadcrumb page-breadcrumb pull-right">
                        <li><i class="fa fa-home"></i>&nbsp;<a class="parent-item" href="{{ url('/dashboard') }}">Inicio</a>&nbsp;<i class="fa fa-angle-right"></i>
                        </li>
                        <li><i class="fa fa-shopping-cart"></i>&nbsp;<a class="parent-item" href="{{ url('/dashboard') }}">Pago en Oficina</a>&nbsp;<i class="fa fa-angle-right"></i>
                        </li>
                        <li class="active">Orden #{{$data->orden_producto_numero}}</li>
                    </ol>
                </div>
            </div>
            <!-- start widget -->
            <!-- start admited patient list -->
            {!! Form::open(['url' => 'pagos/oficina/caja/activa','method'=>'get','id'=>'frmFiltros']) !!} 
            <div class="row">
                <div class="col-md-3">
                    <!-- Profile Image -->
                    <div class="card card-primary card-outline">
                      <div class="card-body box-profile">

                        <h4 class="profile-username text-center"><strong>{{$data->orden_producto_numero}}</strong></h4>

                        <ul class="list-group list-group-unbordered mb-3">
                          <li class="list-group-item">
                            <b>Cliente</b><a class="float-right text-info">{{$data->cliente_nombres.' '.$data->cliente_apellido1.' '.$data->cliente_apellido2}}</a>
                          </li>
                          <li class="list-group-item">
                            <b>Documento Cliente</b><a class="float-right text-info">{{$data->cliente_documento}}</a>
                          </li>
                          <li class="list-group-item">
                            <b>Incluye Letra Cambio?</b> 
                            <a class="float-right text-info">
                              @if($data->orden_producto_letra_cambio == 1)
                                Si
                              @else
                                No
                              @endif  
                            </a>
                          </li>
                          <li class="list-group-item">
                            <input type="hidden" id="orden_id" value="{{ $data->orden_producto_id }}">
                            <b>Letra de cambio #</b> <a class="float-right text-info">{{$data->orden_producto_letra_cambio_numero}}</a>
                          </li>
                          <li class="list-group-item">
                            <b>Cantidad de Cuotas</b> <a class="float-right text-info">{{$data->orden_producto_letra_cambio_cuotas}}</a>
                          </li>
                          <li class="list-group-item">
                            <b>Valor Letra De Cambio</b> 
                              @if($data->orden_producto_letra_cambio == 1)
                                <a class="float-right">{{ $simbolo_moneda.number_format(($data->orden_producto_letra_cambio_valor),2,'.',',') }}</a>
                              @else
                                No Aplica
                              @endif 
                            
                          </li>
                          <li class="list-group-item">
                            <b>Valor Primer Pago en Caja</b> 
                            <a class="float-right">
                              <input type="hidden" name="" id="orden_producto_valor_a_pagar" value="{{ $data->orden_producto_valor_a_pagar }}">
                              {{$simbolo_moneda.number_format(($data->orden_producto_valor_a_pagar),2,'.',',')}}
                            </a>
                          </li>
                          <li class="list-group-item">
                            <b>Valor Total</b> 
                            <a class="float-right">
                              {{$simbolo_moneda.number_format(($data->orden_producto_valor_a_pagar + $data->orden_producto_letra_cambio_valor),2,'.',',')}}
                            </a>
                          </li>
                          <li class="list-group-item">
                            @php
                                $valor = $controller->getValorTotalPagado($data->orden_producto_id);
                            @endphp
                            <b>Valor Pagado</b> <a class="float-right">{{$simbolo_moneda.number_format($valor,2,'.',',')}}</a>
                          </li>
                          <li class="list-group-item">
                            @php
                              $saldo = $controller->getSaldoPendiente($data->orden_producto_id);
                            @endphp
                          <b>Saldo Pendiente</b> 
                            <a class="float-right">
                              {{ $simbolo_moneda.number_format($saldo,2,'.',',')}}
                            </a>
                          </li>
                          <li class="list-group-item">
                            <b>Observacion</b> <a class="float-right">{{$data->orden_producto_observacion}}</a>
                          </li>
                          <li class="list-group-item">
                            <b>Estado</b> <a class="float-right">{{$data->orden_producto_estado}}</a>
                          </li>
                        </ul>
                      
                          <a onclick="recargar()" class="btn bg-info text-white btn-block"><b><i class="fa fa-refresh"></i> Recargar</b></a>
                      
                          <a href="{{url('pagos/oficina/caja/activa')}}" class="btn bg-warning text-white btn-block"><b><i class="fa fa-ban"></i> Cancelar</b></a>
                      
                      </div>
                      <!-- /.card-body -->
                    </div>
                    <!-- /.card -->
                </div>
                


                <div class="col-md-9">
                    <div class="card">
                      <div class="card-header p-2">
                        <ul class="nav nav-pills">
                          <li class="nav-item"><a class="nav-link active" href="#pagos_pendietes" data-toggle="tab"><i class="fa fa-money"></i> Pagos Pendientes</a></li>
                            <li class="nav-item"><a class="nav-link" href="#pagos_realizados" data-toggle="tab"><i class="fa fa-thumbs-up"></i> Pagos Realizados</a></li>
                        </ul>
                      </div><!-- /.card-header -->
                      <div class="card-body">
                        <div class="tab-content">
                          <div class="active tab-pane" id="pagos_pendietes">
                            <div class="row">
                              @php
                                $subtotal = 0;
                              @endphp
                              <div class="col-md-12">
                                <div class="page-title">
                                  Cobros
                                </div>
                                <div class="table-responsive">
                                  <table class="table table-wrap">
                                    <thead>
                                      <tr>
                                        <th>#</th>
                                        <th>Concepto</th>
                                        <th>Fecha Pago</th>
                                        <th>Valor</th>
                                        <th></th>
                                      </tr>
                                    </thead>
                                    <tbody id="rowCobros">
                                      
                                    </tbody>
                                    <tfooter>
                                      <tr>
                                          <td colspan="3" class="text-right"><strong>TOTAL COBROS</strong></td>
                                          <input type="hidden" name="total_cobros" id="total_cobros" value="0">
                                          <td><span id="total_cobro">0.00</span></td>
                                      </tr>
                                  </tfooter>
                                  </table>
                                </div>
                              </div>
                              <div class="col-md-12">
                                <div class="page-title">
                                  Medios de Pago
                                </div>
                                <div class="col-md-12">
                                  <div class="table-responsive">
                                    <table class="table">
                                    <thead>
                                      <tr>
                                        <th>
                                          {!! Form::mselect('medio_pago',$medios_pagos,null,'Seleccionar',$errors,12,false,false,false,'requerir_comprobante()') !!}
                                        </th>
                                        <th>
                                          {!! Form::mtext('comprobante',null,'',$errors,12,false,false,[['disabled'=>'disabled ']]) !!}
                                        </th>
                                        <th>
                                          {!! Form::mMonedaFormato('valor_cobrar',$simbolo_moneda.' '.number_format($subtotal,2,'.',','),'Valor',$errors,12,false,false) !!}
                                        </th>
                                        <th>
                                          <a onclick="agrega_medio()" class="btn btn-primary"><i class="fa fa-plus"></i>Agregar Medio</a>
                                        </th>
                                      </tr>
                                      <tr>
                                        <th>Medio de Pago</th>
                                        <th>Comprobante</th>
                                        <th>Valor</th>
                                        <th>Acciones</th>
                                      </tr>
                                    </thead>
                                    <tbody id="rowMedios">
                                      
                                    </tbody>
                                    <tfooter>
                                    {{--   <input type="hidden" name="" id="caja_ingresos_id" value="{{$data->caja_ingresos_id}}"> --}}
                                            <tr>
                                                <td colspan="3" class="text-right">TOTAL PAGADO</td>
                                                <input type="hidden" name="total_pagado" id="total_pagado" value="0">
                                                <td>₡<span id="s_total_pagado">0.00</span></td>
                                            </tr>
                                            <tr>
                                                <td colspan="3" class="text-right">DIFERENCIA</td>
                                                <input type="hidden" name="diferencia" id="diferencia" value="0">
                                                <td><span id="s_diferencia">0.00</span></td>
                                            </tr>
                                    </tfooter>
                                  </table>
                                  </div>
                                </div>
                                <div class="row col-md-12">
                                    {!! Form::mtextAr('descripcion',isset($edit) ? $edit->puesto_descripcion : null,'Descripción',$errors,5,false,false,'onkeyup="javascript:this.value=this.value.toUpperCase()"') !!}

                                    {!! Form::mDate('inicio',date('Y-m-d'),'Fecha de Pago',$errors,4) !!}

                                    <div class="col-md-2 col-sm-12">
                                      <a onclick="registrar_pago()" class="btn bg-success text-white btn-lg"><i class="fa fa-save"></i>Registrar Pago</a>
                                    </div>
                                </div>
                              </div>
                            </div>
                          </div>
                          <!-- /.tab-pane -->
                          <div class="tab-pane" id="pagos_realizados">
                            <div class="row">
                              <div class="col-md-12">
                                <div class="table-responsive">
                                  <table class="table table-wrap">
                                    <thead>
                                      <tr>
                                        <th>Cliente</th>
                                        <th>Consecutivo</th>
                                        <th>Observaciones</th>
                                        <th>Fecha de Pago</th>
                                        <th>Valor</th>
                                        <th>Estado</th>
                                        <th></th>
                                      </tr>
                                    </thead>
                                    <tbody>
                                      @if(count($pagos) > 0)
                                        @foreach($pagos as $item)
                                          <tr>
                                            <td>{{$item->cliente_apellido1.' '.$item->cliente_apellido2.' '.$item->cliente_nombres}}</td>
                                            <td>{{$item->pago_consecutivo}}</td>
                                            <td>{{$item->pago_observaciones}}</td>
                                            <td>{{date_format(date_create($item->pago_fecha),'d/m/Y')}}</td>
                                            <td>{{$simbolo_moneda.number_format($item->pago_valor,2,',',',')}}</td>
                                            <td>{{$model_pago->const_pago('estado_texto')[$item->pago_estado]}}</td>
                                            <td>
                                              <div class="btn-group">
                                                <a href="{{url('pagos/oficina/caja/activa/factura/').'/'.$item->pago_id}}" target="_blank" class="btn btn-tbl-update btn-xs text-white" data-bs-toggle="tooltip" data-bs-placement="top" title="Imprimir">
                                                  <i class="fa fa-print"></i>
                                                </a>
                                              </div>
                                            </td>
                                          </tr>
                                        @endforeach
                                      @else
                                      <tr>
                                        <td  colspan="7" class="text-center">Sin registros.</td>
                                      </tr>
                                      @endif
                                    </tbody>
                                  </table>
                                </div>
                              </div>
                            </div>
                          </div>
                        </div>
                        <!-- /.tab-content -->
                      </div><!-- /.card-body -->
                    </div>
                    <!-- /.nav-tabs-custom -->
                </div>
              
                <!-- /.col -->
            </div>
            {!! Form::close() !!}
        </div>
    </div>
<!----Ver detalle cobros------>
<div class="modal fade" id="modal_detalle_cobros" tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel" style="display: none;" aria-hidden="true">
  <div class="modal-dialog modal-lg" role="document">
    <div class="modal-content">
      <div class="modal-header">
        <h4 class="modal-title" id="exampleModalLabel">Ver Detalle Cobro</h4>
        <button type="button" class="close" data-dismiss="modal" aria-label="Close">
            <span aria-hidden="true">×</span>
        </button>
      </div>
      <div class="modal-body">
       <div class="row col-md-12">
            <div class="tools">
              <strong>Concepto: </strong><span id="cobro_concepto"></span><br>
              <strong>Fecha aplicación: </strong><span id="cobro_fecha_aplicacion"></span>
            </div>
        </div>
        <div class="row col-md-12">
            <div class="text-center">
                <strong><h4><span id="servicio_nombre"></span> (Por Cobrar - Cobro Principal)</h4></strong>
            </div>
        </div>
        <div class="row col-md-12">
            <div class="table-responsive">
                <table class="table table-hover">
                    <thead>
                        <tr>
                            <th>#</th>
                            <th>Concepto</th>
                            <th>Producto o Servicio Cobrado</th>
                            <th>Valor Cobrado</th>
                            <th>Valor Pagado</th>
                        </tr>
                    </thead>
                    <tbody id="rows_detalle_cobro">
                      
                    </tbody>
                </table>
            </div>
        </div>
      </div>
      <div class="modal-footer text-center">
        <input type="hidden" name="id_registro" id="id_registro" value="">
        <button type="button" class="btn btn-warning" data-dismiss="modal"><i class="fa fa-times"></i> Cerrar</button>
      </div>
    </div>
  </div>
</div>
@endsection
@section('script')
    
    <script type="text/javascript">
      function recargar(){
        window.location.reload();
      }
      function eliminar(id, cobro_valor){

          $('#fila_'+id).remove();
          let total_cobros = $('#total_cobros').val();
          let total_pagado = $('#total_pagado').val();
          let diferencia = $('#diferencia').val();
          let valor_cobrar = $('#valor_cobrar').val();
          let formatter = new Intl.NumberFormat('es-CR', {
              style: 'currency',
              currency: 'CRC',
              useGrouping: true,
              minimumFractionDigits: 2,
              maximumFractionDigits: 2
            });

          total_cobros = Number(total_cobros) - Number(cobro_valor);
          $("#total_cobro").html(formatter.format(total_cobros,2,'.',','));
          $('#total_cobros').val(total_cobros);

          total_pagado = Number(total_pagado) - Number(cobro_valor);
          console.log({total_cobros, total_pagado})
         
          $('#valor_cobrar').val(formatter.format(total_cobros,2,'.',','));  
         
          diferencia = total_cobros - total_pagado;
          diferencia = formatter.format(diferencia,2,'.',',');
          console.log(Number(total_cobros));
        
     
        $("#valor_cobrar").focus();
      }

      $(document).ready(function (){

        /* get cobros */

       /*  $("#valor_cobrar").focus(); */

        let formatter = new Intl.NumberFormat('es-CR', {
              style: 'currency',
              currency: 'CRC',
              useGrouping: true,
              minimumFractionDigits: 2,
              maximumFractionDigits: 2
            });

        let total_cobros = 0;
        let total_pagado = 0;
        let diferencia = 0;
        let valor_cobrar = 0;
        $.ajax({
          type: "POST",
          url: "{{asset('').'pagos/oficina/caja/activa/ajax'}}",
          data: { "_token": "{{ csrf_token() }}", op: 'get_cobros', id : '{{$data->orden_producto_id}}' },
          success: function (res) {
            /* parse to json */
            let data = JSON.parse(res);
          /*  console.log(data); */
            let html = '';
            for(var i = 0 ; i < data.length ; i++){
              html += `<tr id="fila_${i}">
                          <input 
                            type="hidden" name="Cobros[${i}]['cobro_concepto']" value="${data[i].cobro_concepto}">
                          <input type="hidden" name="Cobros[${i}]['cobro_fecha_aplicacion']" value="${data[i].cobro_fecha_aplicacion}">
                          <input type="hidden" name="Cobros[${i}]['cobro_valor']" value="${data[i].cobro_valor}">
                          <input type="hidden" name="Cobros[${i}]['cobro_id']" value="${data[i].cobro_id}">
                          <input type="hidden" id="cobro_id" value="${data[i].cobro_id}" name="cobro_id">
                          <td>${data[i].cobro_id}</td>
                          <td>${data[i].cobro_concepto}</td>
                          <td>${data[i].cobro_fecha_aplicacion}</td>
                          <td>
                            ${ formatter.format(data[i].cobro_valor,2,'.',',') }
                          </td>
                          <td>
                            <div class="btn-group">
                              <a data-toggle="modal" data-target="#modal_detalle_cobros" onclick="detalle_cobro('${data[i].cobro_id}')" class="btn btn-tbl-update btn-xs text-white" data-bs-toggle="tooltip" data-bs-placement="top" title="Ver detalle">
                                <i class="fa fa-eye"></i>
                              </a>
                              <a onclick="eliminar(${i},${data[i].cobro_valor})" class="btn btn-tbl-update btn-xs text-white" data-bs-toggle="tooltip" data-bs-placement="top" title="Eliminar">
                                <i class="fa fa-trash"></i>
                              </a>
                            </div>
                          </td>
                      </tr>
                       
                      `;
              total_cobros += Number(data[i].cobro_valor);
            }
            let cobrar = $("#orden_producto_valor_a_pagar").val();
            document.getElementById('rowCobros').innerHTML = html;
            document.getElementById('total_cobros').value = total_cobros.toFixed(2);
            document.getElementById('total_cobro').innerHTML = formatter.format(total_cobros,2,'.',',');
          /*   document.getElementById('valor_cobrar').value = cobrar.toFixed(2); */
          document.getElementById('valor_cobrar').value = total_cobros.toFixed(2);
            /* 
            $("#valor_cobrar").val(cobrar); */
            $("#valor_cobrar").focus();
          }
      })
    })


      function detalle_cobro(id){
        console.log('detalle_cobro'+id);
        $.ajax({
          type: "POST",
          url: "{{asset('').'pagos/oficina/caja/activa/ajax'}}",
          data: { "_token": "{{ csrf_token() }}", op: 'detalle_cobro', id : id },
          success: function (res) {
            var html = '';
            console.log(res);
            document.getElementById('cobro_concepto').innerHTML = res.data_cobro.cobro_concepto;
            document.getElementById('cobro_fecha_aplicacion').innerHTML = res.data_cobro.cobro_fecha_aplicacion;
            document.getElementById('servicio_nombre').innerHTML = res.data_cobro.servicio_nombre;

            for(var i = 0 ; i < res.detalle_cobro.length ; i++){
              html += `<tr>
                          <td>${i+1}</td>
                          <td>${res.detalle_cobro[i].cobro_detalle_concepto}</td>
                          <td>${res.detalle_cobro[i].servicio_nombre}</td>
                          <td>${res.detalle_cobro[i].cobro_detalle_valor_cobrado}</td>
                          <td>${res.detalle_cobro[i].cobro_detalle_valor_pagado}</td>
                      </tr>`;
            }
            document.getElementById('rows_detalle_cobro').innerHTML = html;
            /*if(res){
               Swal.fire({
                icon: 'success',
                title: 'Alerta',
                text: 'Servicio actualizado con éxito.',
              });
            }*/
          },
          dataType: "json"
        });
      }
      function generar(id){
        $('#accion').val(id);
        document.getElementById("frmFiltros").submit();
      }
     
        /* function requerir_comprobante(){
           console.log('requerir_comprobante');
            var id_medio_pago = document.getElementById('medio_pago');
            var text_medio_pago = id_medio_pago.options[id_medio_pago.selectedIndex].text;
            var r_prompro = document.getElementById('comprobante');
            var data_medio = id_medio_pago.value.split('_');
            console.log(data_medio)
            if(data_medio[1] == '1'){
                r_prompro.disabled  = false;
                r_prompro.value = '';
            }
            else{
                r_prompro.disabled  = true;
                r_prompro.value = '';
            }
        } */

        $("#medio_pago").change(function(){
            var id_medio_pago = document.getElementById('medio_pago');
            var text_medio_pago = id_medio_pago.options[id_medio_pago.selectedIndex].text;
            var r_prompro = document.getElementById('comprobante');
            var data_medio = id_medio_pago.value.split('_');
            console.log(data_medio)
            if(data_medio[1] == '1'){
                r_prompro.disabled  = false;
                r_prompro.value = '';
            }
            else{
                r_prompro.disabled  = true;
                r_prompro.value = '';
            }
        })

        function remover_row_comprobante(row){

          var total_compro = $('#total_pagado').val();
          console.log({total_compro})
            var valor_row = $('#valor_comprobante_'+row).val();
            var res = Number(total_compro) - Number(valor_row);
            $('#total_pagado').val(res);
            document.getElementById('s_total_pagado').innerHTML = res.toFixed(2);
           /*  calcular(); */
            $('#m_fila_'+row).remove();
            /* $("#total_pagado").focus() */
        }

        function limpiar_moneda(moneda_string){
        var limpieza =  moneda_string.replaceAll('₡', '').replaceAll('.', '');

        limpieza = (limpieza.replaceAll(',', '.'));
        return limpieza;
    }

        function agrega_medio(){

            if($("#medio_pago").val() == ''){
                return Swal.fire({
                    title: 'Error!',
                    text: 'Debe seleccionar un medio de pago.',
                    icon: 'error',
                    confirmButtonText: 'Aceptar'
                })
            }


            let formatter = new Intl.NumberFormat('es-CR', {
              style: 'currency',
              currency: 'CRC',
              useGrouping: true,
              minimumFractionDigits: 2,
              maximumFractionDigits: 2
            });

            var valor_pagar = $('#total_pagado').val();
            let valorAPagar = $('#valor_cobrar').val();

            if(valorAPagar.search('₡') == 0)
                valorAPagar = Number(valorAPagar.replaceAll('₡ ','').replaceAll('.','').replaceAll(',','.'));
            else
                valorAPagar = Number(valorAPagar);

            let valorACobrar = limpiar_moneda($('#valor_cobrar').val());
                       
            valor_pagar = valorAPagar;

            var id_medio_pago = document.getElementById('medio_pago');
            let alert_cobro = document.getElementById('alerta_cobro');
                
          
            let valor_pagos1 = $("#total_cobros").val()
            let valor_comprobante = $('#valor_cobrar').val();
            
            var text_medio_pago = id_medio_pago.options[id_medio_pago.selectedIndex].text;
            var text_comprobante = $('#comprobante').val();
           
           
            if( valorAPagar > valorACobrar ){
                return Swal.fire({
                    title: 'Error!',
                    text: 'El valor a pagar no puede ser mayor al valor del cobro.',
                    icon: 'error',
                    confirmButtonText: 'Aceptar'
                })
            }
            var error = '';
            if(id_medio_pago.value != ''){
                var requerido = id_medio_pago.value.split('_')[0];
                console.log({requerido});
                if(valor_comprobante == '')
                    error = 'Por favor ingrese un valor de pago mayor de "0" para agregar.';

                if(requerido != 1 && text_comprobante == '')
                    error = 'Se requiere un número de comprobante para el medio de pago seleccionado.';

                if(error == ''){
                    /* console.log(valor_comprobante.search('₡')); */
                    if(valor_comprobante.search('₡') == 0){

                      valor_comprobante = valor_comprobante.replaceAll('₡ ','').replaceAll('.','').replaceAll(',','.');
                      valor_comprobante = Number(valor_comprobante);
                     // console.log({valor_comprobante,valorACobrar,valorAPagar})/* 1 700 000 */
                     // let valor_pagos1 = $("#total_cobros").val()
                     /*  console.log(valor_pagos1) */
                    }
                    else
                        //let valor_pagos1 = $("#total_cobros").val()
                        valor_comprobante = Number(valor_comprobante);
                    //console.log(valor_comprobante);
                    var idFila = Math.floor(Math.random() * 99999);

                    var html = `<tr id="m_fila_${idFila}">
                                    <td>${text_medio_pago}</td>
                                    <td>${text_comprobante}</td>
                                    <td>₡${valor_comprobante.toFixed(2)}
                                        <input type="hidden" id="valor_comprobante_${idFila}" value="${valor_comprobante}">
                                        
                                    </td>
                                    <td>
                                        <a onclick="remover_row_comprobante(${idFila})" class="btn btn-danger"><i class="fa fa-trash"></i>Remover</a>
                                    </td>
                                </tr>`;

                    $('#rowMedios').append(html);

                                

                    let price = 0;
                    let valor_pagare = $('#total_pagado').val();
                  
                    valor_pagare = Number(valor_pagare) + (valor_comprobante);
                  /*   console.log({valor_pagare, valorACobrar}); */
                    $('#total_pagado').val(valor_comprobante);
                    document.getElementById('s_total_pagado').innerHTML = Number(valor_pagare).toFixed(2);
                    
                   /*  $("#s_diferencia").html((valor_pagare - valorAPagar).toFixed(2)); */
                   price = valor_pagos1 - valor_comprobante ;
                   price = formatter.format(price)
                  
                    $("#s_diferencia").html(( price ));

                    /* number_format #s_diferencia */
                    

                }else{
                     Swal.fire({
                      icon: 'warning',
                      title: 'Advertencia.',
                      text: error,
                    });
                }
            }
        }

       


      function registrar_pago() {
        let orden_id = document.getElementById('orden_id').value;
        
        let prm_servicio_id = $('#servicio_nombre').val();
        let tiene_mora = $('#tiene_mora').val();
        let valor_comprobante = $('#valor_cobrar').val();
        let medio_pago = $('#medio_pago').val();
        let cobro_id = document.getElementById('cobro_id')?.value;
        let caja_id = document.getElementById('caja_ingresos_id')?.value;
        let inicio = document.getElementById('inicio').value;
        let observacion = document.getElementById('descripcion').value;
      
        let cobros = $('#rowCobros').find("input[name^='cobro_id']").serializeArray();
        let total_cobros = $('#valor_cobrar').val();
        
        let comprobante = $("#comprobante").val();
        //var url = "{{ URL::asset('action_pago_manual') }}" + "/" + id_contrato
        Swal.fire({
            title: 'Confirmar',
            text: '¿Éstas seguro de que desea registrar el pago?',
            icon: 'question',
            showLoaderOnConfirm: true,
            showCancelButton: true,
            confirmButtonText: `<i class="fa fa-check"></i> De Acuerdo`,
            cancelButtonText: '<i class="fa fa-ban"></i> Cancelar',
            confirmButtonColor: '#3085d6'
        }).then((result) => {
            /* Read more about isConfirmed, isDenied below */
            if (result.isConfirmed) {

                $.ajax({
                    type: "POST",
                    url: "{{asset('').'orden-pago-letra-ajax/'}}" + orden_id,
                    data: {
                        "_token": "{{ csrf_token() }}",
                        
                       
                        servicio_id: prm_servicio_id,
                        tiene_mora,
                        caja_ingreso_id : caja_id,
                        total_valor_pagado: valor_comprobante,
                        cobro_id,
                        inicio,
                        observacion,
                        total_cobros,
                        caja_id,
                        medio_pago,
                        comprobante,
                        cobros
                    },
                    success: function(res) {
                        console.log(res)
                        if (res.ok) {
                            Swal.fire({
                                title: 'Exito',
                                text: "Pago registrado",
                                icon: 'success',
                                showCancelButton: false,
                                confirmButtonColor: '#3085d6'
                            }).then((result) => {
                                // Reload the Page
                               // location.reload();
                               window.location.href = "{{asset('').'pagos/oficina/caja/activa'}}";
                            });
                        }
                    },
                    dataType: "json"
                });

            }
        });
      }


    </script>
@endsection