@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-danger">Sin Sucursal</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 class="active">Confirmar Pago</li>
                    </ol>
                </div>
            </div>
            <!-- start widget -->
            <!-- start admited patient list -->
            <div class="row">
                <div class="col-md-12 col-sm-12">
                    <div class="card  card-box">
                        <div class="card-head">
                            <header>Confirmar Pago</header>
                            {!! Form::open(['url' => 'pagos/confirmar','method'=>'get','id'=>'frmFiltros']) !!} 
                        </div>
                        <div class="card-body ">
                            <div class="row">
                                <div class="col-12">
                                    <h4>Consultar Pagos Temporales.</h4>
                                    <div class="input-group mb-3">
                                        <div class="input-group-prepend">
                                            <span class="input-group-text" id="basic-addon1">T-</span>
                                        </div>
                                        <input value="{{$consecutivo_t}}" name="consecutivo_t" id="consecutivo_t" type="text" class="form-control" placeholder="Ingrese el consecutivo del pago..." aria-label="Username" aria-describedby="basic-addon1">
                                        <div class="input-group-append">
                                            <button {{$consecutivo_t ? "disabled" : ""}}class="btn btn-primary" type="submit"><i class="fa fa-search"></i> Búscar Cobros</button>
                                        </div>
                                        <input type="hidden" id="pago_id" name="pago_id" value="{{$pago_id}}">

                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                    @if($data_pagos)
                    <div class="card  card-box">
                        <div class="card-head">
                            <h4 style="margin-left: 2rem">Cobros</h4>
                        </div>
                        <div class="card-body ">
                            <div class="table-wrap">
                                <div class="table-responsive">
                                    <table class="table table-striped table-sm display product-overview mb-30">
                                        <thead>
                                        <tr>
                                            <th><b>#</b></th>
                                            <th><b>Contrato</b></th>
                                            <th><b>Cuota</b></th>
                                            <th><b>Concepto</b></th>
                                            <th><b>Valor</b></th>
                                            <th><b></b></th>
                                        </tr>
                                        </thead>
                                        <tbody >
                                            @php
                                                $contador = 0;
                                                $total_cobros = '0.00';
                                            @endphp
                                            @if(count($cobros)>0)
                                            @foreach($cobros as $item)
                                            @php
                                                $total_cobros = bcadd($total_cobros, $item->cobro_valor,2);
                                            @endphp
                                            <tr>
                                                <td>{{$contador++}}</td>
                                                <td>
                                                    {{$item->cobro_contrato_id}}
                                                    <input type="hidden" id="cobro_contrato_id" value={{$item->cobro_contrato_id}}>
                                                </td>
                                                <td>
                                                    {{$item->cobro_cuota}}
                                                </td>
                                                <td>{{$item->cobro_concepto}}</td>
                                                <td>{{$simbolo_moneda.number_format($item->cobro_valor,2,',',',')}}</td>
                                                <input type="hidden" id="cliente_id" value={{ $cliente }}>
                                                <input type="hidden" id="cobro_contrato_servicio_id" value={{ $cobro_contrato_servicio_id }} />
                                            </tr>
                                            @endforeach
                                            @else
                                            <tr>
                                                <td colspan="8" class="text-center">No se encontraron resultados.</td>
                                            </tr>
                                            @endif
                                            <tr>
                                                <td colspan="3"></td>
                                                <td style="text-align: center;">
                                                    <b>TOTAL COBROS</b>
                                                </td>
                                                <td>
                                                  <input type="hidden" name="total_cobros" id="total_cobros" value="{{$total_cobros}}">
                                                   <span id="pagoT"> {{$simbolo_moneda.number_format($total_cobros,2,',',',')}}</span>
                                                </td>
                                            </tr>
                                        </tbody>
                                    </table>                                   
                                </div>
                            </div>
                            
                        </div>
                        <div class="card-head">
                            <header>Medios de Pago</header>
                        </div>
                        <div class="card-body ">
                            <div class="row">
                                <div class="col-3">
                                    {!! Form::select('medio_pago', $medios_pago, [], ['id'=>'medio_pago','class'=>'form-control select2','style'=>'width: 80%;','onchange'=>"medioPagoHandler(event)"])  !!}
                                </div>
                                <div class="col-3">
                                    <div class="form-group">
                                        <input disabled class="form-control" type="text" value="" name="comprobante" id="comprobante" placeholder="Comprobante..."/>
                                    </div>
                                </div>
                                <div class="col-3">
                                    <div class="form-group">
                                        <input placeholder="{{$simbolo_moneda.' 0.00'}}" class="form-control" type="text" value="0.00" name="servicio_valor" id="servicio_valor" data-thousands="." data-decimal="," data-prefix="₡ " />
                                    </div>
                                </div>
                                <div class="col-3">
                                    <button onClick="agregarMedioPagoHandler()" class="btn btn-primary" type="button"><i class="fa fa-plus"></i> Agregar Medio</button>
                                </div>
                            </div>

                            <div class="table-wrap">
                                <div class="table-responsive">
                                    <table id="tabla_medio_pago" class="table table-striped table-sm display product-overview mb-30">
                                        <thead class='bg-primary'>
                                        <tr>
                                            <th><b>Medio de Pago</b></th>
                                            <th><b>Comprobante</b></th>
                                            <th><b>Valor</b></th>
                                            <th><b>Acciones</b></th>
                                        </tr>
                                        </thead>
                                        <tbody id="rowMedios">
                                        </tbody>
                                        <tfooter>
                                            <tr>
                                                <td colspan="1"></td>
                                                <td>
                                                    <b>TOTAL PAGADO</b>
                                                </td>
                                                <td>
                                                    {{$simbolo_moneda}}<span id="total_pagado">0.00</span>
                                                    <input type="hidden" name="s_total_pagado" id="s_total_pagado" value="">
                                                   
                                                </td>
                                            </tr>
                                            <tr>
                                                <td colspan="1"></td>
                                                <td>
                                                    <b>DIFERENCIA</b>
                                                </td>
                                                <td>
                                                    <span id="diferencia">{{$simbolo_moneda}}0.00</span>
                                                </td>
                                                <td>
                                                </td>
                                            </tr>
                                        </tfooter>
                                    </table>                                   
                                </div>
                            </div>
                        </div>
                        <div class="row">
                            <div class="col-4">
                                {!! Form::mtextAr('observacion', null,'Observaciones',$errors,12,false,false) !!}
                            </div>
                            <div class="col-4">
                                Fecha de Pago <span style="color:red">*</span>
                                {!! Form::date('fecha', 'Fecha de Pago',['id'=>'fecha','class'=>'form-control']) !!}
                            </div>
                            <div class="col-4">
                                <br>
                                <button onclick="confirmarPago()" class="btn btn-success" type="button"><i class="fa fa-save"></i> Confirmar Pago</button>
                            </div>
                        </div>
                    </div>
                    @endif
                </div>
            </div>
        </div>
    </div>
@endsection
@section('script')
<script type="text/javascript">
        var medios_pago_seleccionados = []
        var total_pagado_aux = '0.00'
        $(document).ready(function () {
            let pagoT = $('#pagoT').html();
            $("#servicio_valor").maskMoney().maskMoney('mask');            
            /* $("#total_pagado").html('0,00'); */
            
            
            
            $("#servicio_valor").val(pagoT)
            $("#fecha").val('{{date('Y-m-d')}}')
            $("#servicio_valor").focus();
        })

        function medioPagoHandler ()
        {
            let medio_pago = $('#medio_pago').val();
           // console.log('medio_pago :>> ', medio_pago);

            if (medio_pago == 1) {
                $( "#comprobante" ).val('');
                $( "#comprobante" ).attr('disabled','disabled');
            } else {
                $( "#comprobante" ).prop( "disabled", false );
            }
        }

        function agregarMedioPagoHandler()
        {
            var valor_pagar = $('#total_pagado').val();
            let valorAPagar = limpiar_moneda2($('#servicio_valor').val());

            console.log("servicio_valor: "+limpiar_moneda2($('#servicio_valor').val()));
            
            if (valorAPagar < 0) {
                Swal.fire(
                    'Error!',
                    'Por favor ingrese un valor de pago mayor de "0" para agregar.',
                    'error'
                )
                return
            }
           
            let valorACobrar = limpiar_moneda2($('#pagoT').text());

            //medio_pago: $('#medio_pago').val(),
              //  comprobante: $('#comprobante').val(),

            var id_medio_pago = document.getElementById('medio_pago');
            console.log("medio_pago: " + id_medio_pago.value);
            if (id_medio_pago.value == "") {
                return Swal.fire({
                    title: 'Error!',
                    text: 'Por favor seleccione un medio de pago.',
                    icon: 'error',
                    confirmButtonText: 'Aceptar'
                });
            }

            var text_comprobante = $('#comprobante').val();
            var requerido = id_medio_pago.value.split('_')[0];

            console.log({
                valorAPagar,
                valorACobrar
            });

            let valor_comprobante = limpiar_moneda2($('#servicio_valor').val());

            var text_medio_pago = id_medio_pago.options[id_medio_pago.selectedIndex].text;
            //var text_comprobante = $('#comprobante').val();


            /*if( (valorAPagar > valorACobrar) && cobro_padre === '1'){
                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 valor de comprobante para el medio de pago seleccionado..';

                if (error == '') {
                    
                    valor_comprobante = Number(valor_comprobante);
                   
                    var idFila = Math.floor(Math.random() * 99999);

                    var html = `<tr id="m_fila_${idFila}" style="background-color: rgba(0,0,0,.05);">
                                    <td>${text_medio_pago}</td>
                                    <td>${text_comprobante}</td>
                                    <td>₡${valor_comprobante.toFixed(2)}
                                        <input type="hidden" id="valor_comprobante_${idFila}" value="${idFila}">
                                        <input type="hidden" id="medio_pago_id_${idFila}" value="${requerido}">
                                        <input type="hidden" id="pago_por_medio_de_pago_comprobante_${idFila}" value="${text_comprobante}">
                                        <input type="hidden" id="pago_por_medio_de_pago_valor_${idFila}" value="${valor_comprobante}">
                                    </td>
                                    <td>
                                        <a onclick="remover_row_comprobante(${idFila})" class="btn btn-danger"><i class="fa fa-trash"></i>Eliminar</a>
                                    </td>
                                </tr>`;

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


                    /*if (alert_cobro.style.display === 'none') {
                        let valor_pagare = $('#total_pagado').val();
                        let valor_saldo = $('#valor').val().replaceAll('₡', '');
                        //let valor = $('#valor_cobrar').val().replaceAll('₡', '');
                        let valor = limpiar_moneda($('#valor_cobrar').val());

                        valor_pagare = Number(valor_saldo) - valor_comprobante;
                        console.log(valor_pagare);
                        $('#total_pagado').val(valor_pagare);
                        document.getElementById('s_total_pagado').innerHTML = Number(valor_pagare).toFixed(2);
                       
                    } else {
                        let valor_pagare = $('#total_pagado').val();
                        valor_pagare = Number(valor_pagare) + valor_comprobante;
                        console.log(valor_pagare);
                        $('#total_pagado').val(valor_pagare);
                        document.getElementById('s_total_pagado').innerHTML = Number(valor_pagare).toFixed(2);
                    }*/

                    /*  $('#valor_cobrar').val(''); */

                        //let valor_pagare = $('#s_total_pagado').val();
                    // valor_pagare = Number(valor_pagare) + valor_comprobante;
                        //console.log(valor_pagare);
                        $('#s_total_pagado').val(valor_comprobante);
                        document.getElementById('total_pagado').innerHTML = Number(valor_comprobante).toFixed(2);
                    calcular();
                } else {
                    Swal.fire({
                        icon: 'warning',
                        title: 'Advertencia.',
                        text: error,
                    });
                }
            }
        }

        function calcular() {
            var total_cobrar = $('#total_cobros').val();
            var valor_pagar = $('#s_total_pagado').val();
            var resultado = Number(valor_pagar) - Number(total_cobrar);
            //$('#diferencia').val(resultado);
            document.getElementById('diferencia').innerHTML = resultado < 0 ?
                `<div class="text-danger">₡${resultado.toFixed(2)}</div>` :
                `<div class="text-success">₡${resultado.toFixed(2)}</div>`;
        }
        function remover_row_comprobante(row) {
            var total_compro = $('#total_pagado').val();
            var valor_row = $('#valor_comprobante_' + row).val();
            //var res = Number(total_compro) - Number(valor_row);
            var res = Number(0);
            $('#s_total_pagado').val(res);
            document.getElementById('total_pagado').innerHTML = res.toFixed(2);
            calcular();
            $('#m_fila_' + row).remove();
        }

        function agregarMedioPagoHandler_old()
        {
            let dollarUSLocale = Intl.NumberFormat('en-US');
            let servicio_valor = reformatNumber($('#servicio_valor').val());
            
            if (servicio_valor < '0.01') {
                Swal.fire(
                    'Error!',
                    'Por favor ingrese un valor de pago diferente de "0" para agregar.',
                    'error'
                )
                return
            }
                
            // Para remover fila 
            // $('#myTableRow').remove();
            
            let randInt = Math.floor(Date.now() / 1000)
            
            let total_pagado = $('#total_pagado').html();
            let diferencia = $('#diferencia').html();

            let nuevo_total = parseFloat(total_pagado + servicio_valor).toFixed(2)
            $("#s_total_pagado").val(nuevo_total)
          
            $("#total_pagado").html(dollarUSLocale.format(nuevo_total).replace('.',','));
            let nueva_diferencia = parseFloat({{$total_cobros ?? 0.00}} - nuevo_total).toFixed(2)
            $("#diferencia").html( dollarUSLocale.format(nueva_diferencia).replace('.',',') );

            medios_pago_seleccionados.push({
                medio_pago: $('#medio_pago').val(),
                comprobante: $('#comprobante').val(),
                valor: servicio_valor,
                randInt: randInt
            })

           

            let medios_pagos = JSON.parse(`@php echo $medios_pago @endphp`)
            // console.log('medios_agos :>> ', medios_pagos);

            let nombre_medio_pago = medios_pagos[$('#medio_pago').val()]

            let valor_comprobante = limpiar_moneda2($('#servicio_valor').val());

            valor_comprobante = Number(valor_comprobante);

            var idFila = Math.floor(Math.random() * 99999);

            //let valor_comprobante = limpiar_moneda($('#valor_cobrar').val());
            var id_medio_pago = document.getElementById('medio_pago');

            var text_medio_pago = nombre_medio_pago;
            var text_comprobante = $('#comprobante').val();
            var requerido = id_medio_pago.value.split('_')[0];

            $('#tabla_medio_pago tr:first').after(`
                <tr id="${randInt}" class="medios_pago_agregados">
                    <td>
                        ${nombre_medio_pago}
                    </td>
                    <td>
                        ${$('#comprobante').val()}
                    </td>
                    <td>
                        {{$simbolo_moneda}}${dollarUSLocale.format(servicio_valor).replace('.',',')}
                    </td>
                    <td>
                        <button onClick="removeElement('${randInt}')" class="btn btn-danger" type="button"><i class="fa fa-trash"></i> Remover</button>
                    </td>
                </tr>
            `);

           /* var html = `<tr id="m_fila_${idFila}" style="background-color: rgba(0,0,0,.05);">
                                    <td>${text_medio_pago}</td>
                                    <td>${text_comprobante}</td>
                                    <td>₡${valor_comprobante.toFixed(2)}
                                        <input type="hidden" id="valor_comprobante_${idFila}" value="${idFila}">
                                        <input type="hidden" id="medio_pago_id_${idFila}" value="${requerido}">
                                        <input type="hidden" id="pago_por_medio_de_pago_comprobante_${idFila}" value="${text_comprobante}">
                                        <input type="hidden" id="pago_por_medio_de_pago_valor_${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').html(html);*/

            $('#servicio_valor').val('')
            $('#comprobante').val('')
            /* $("total_pagado").val() */
        }

        function confirmarPago_old()
        {
            let valor_pagado = $('#s_total_pagado').val()
            //console.log('valor_pagado :>> ', valor_pagado)

            if (medios_pago_seleccionados.length <= 0) {
                Swal.fire(
                    'Error!',
                    'Debe seleccionar al menos un medio de pago.',
                    'error'
                )
                return
            }

            if (!$('#fecha').val()) {
                Swal.fire(
                    'Error!',
                    'Debe seleccionar la fecha del pago.',
                    'error'
                )
                return
            }
            
            if (!$('#fecha').val()) {
                Swal.fire(
                    'Error!',
                    'Debe seleccionar la fecha del pago.',
                    'error'
                )
                return
            }



            let prm_contrato_id = document.getElementById('cobro_contrato_id').value;
            let prm_servicio_id = $('#servicio').val();
            let tiene_mora = $('#tiene_mora').val();
            var 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')?.value;
            let inicio = document.getElementById('fecha').value;
            let cliente_id = document.getElementById('cliente_id').value;
            let contrato_servicio_id = document.getElementById('cobro_contrato_servicio_id').value;
            let total_cobros = $('#total_cobros').val();
            let formS =  $("#frmContract");
            let comprobante = $("#comprobante").val();
            let cobros = $('#rowsCobros').find("input[name^='cobro_id']").serializeArray();
            
            let servicio_saldo= $("#valor").val();
            let obs= $("#descripcion").val();

            let data = [];
            let rows = document.querySelectorAll('#rowMedios tr');
            rows.forEach((row) => {
                let id = row.id.split('_')[2]; // Obtén el id del medio de pago de la id de la fila
                let medio_pago_id_= document.getElementById(`medio_pago_id_${id}`).value;
                let comprobante = document.getElementById(`pago_por_medio_de_pago_comprobante_${id}`).value;
                let valor = document.getElementById(`pago_por_medio_de_pago_valor_${id}`).value;

                data.push({
                    "pago_por_medio_de_pago_medio_de_pago_id": medio_pago_id_,
                    "pago_por_medio_de_pago_comprobante": comprobante,
                    "pago_por_medio_de_pago_valor": valor
                });
            });



            $.ajax({
                url: "{{asset('').'action_pago_manual_oficina'}}",
                type: 'POST',
                headers:{'X-CSRF-TOKEN':'{{csrf_token()}}'},
                data: {
                    'pago_cliente_id': cliente_id,
                    'pago_contrato_id': prm_contrato_id,
                    'contrato_servicio_id': contrato_servicio_id,
                    'servicio_saldo': null,
                    'pago-servicio_saldo-disp': servicio_saldo,
                    'PagoDetalle': cobros,
                    'medio_de_pago_id': medio_pago,
                    'medio_de_pago_valor-disp': valor_comprobante,
                    'medio_de_pago_valor': valor_comprobante,
                    'PagoPorMedioDePago': data,
                    'total_valor_pagado': limpiar_moneda(valor_comprobante),
                    'observacion': obs,
                    'fecha_pago': inicio,
                    'tiene_mora': tiene_mora,
                    //'caja_ingresos_id': caja_id,
                    'forma_pago_manual_modulo': $("#forma_pago_manual_modulo").val(),
                    'pago_tipo_pago': $("#pago_tipo_pago").val(),
                    'comprobante': comprobante,
                },
                success: (res) => {
                    let mensaje = res.data

                    if (res.exito) {
                        
                        Swal.fire({
                            icon: 'success',
                            title: 'Notificación',
                            text: mensaje,
                            showCancelButton: false,
                            confirmButtonText: 'Aceptar',
                            customClass: {
                                confirmButton: 'btn btn-primary',
                            }
                        }).then((result) => {
                            if (result.isConfirmed) {
                                window.location.replace("{{url('pagos/confirmar')}}");
                            }
                        })
                      
                    } else {
                        $.toast({
                            heading: 'Error',
                            text: mensaje,
                            icon: 'warning',
                            position: 'top-right',
                        })
                    }
                },
                error: (err) => {
                    console.log(`error`, err)
                    $("#submit").prop('disabled', false)
                    $.toast({
                        heading: 'Error',
                        text: 'Algo ha ocurrido ...',
                        icon: 'error',
                        position: 'top-right',
                    })
                } 
            })
        }

        function confirmarPago() {

            let valor_pagado = $('#s_total_pagado').val()
            //console.log('valor_pagado :>> ', valor_pagado)

            /*if (medios_pago_seleccionados.length <= 0) {
                Swal.fire(
                    'Error!',
                    'Debe seleccionar al menos un medio de pago.',
                    'error'
                )
                return
            }
*/
            if (!$('#fecha').val()) {
                Swal.fire(
                    'Error!',
                    'Debe seleccionar la fecha del pago.',
                    'error'
                )
                return
            }


            let consecutivo_t= document.getElementById('consecutivo_t').value;

            let prm_contrato_id = document.getElementById('cobro_contrato_id').value;
            let prm_servicio_id = $('#servicio').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')?.value;
            let inicio = document.getElementById('fecha').value;
            let cliente_id = document.getElementById('cliente_id').value;
            let contrato_servicio_id = document.getElementById('cobro_contrato_servicio_id').value;
            let total_cobros = $('#total_cobros').val();
            let formS = $("#frmContract");
            let comprobante = $("#comprobante").val();
            let cobros = $('#rowsCobros').find("input[name^='cobro_id']").serializeArray();
            let servicio_saldo = $("#valor").val();
            console.log(servicio_saldo);
            let obs = $("#observacion").val();

            //let pagos_medio = $('#rowsCobros').find("input[name^='cobro_id']").serializeArray();
            let data = [];
            let rows = document.querySelectorAll('#rowMedios tr');

            rows.forEach((row) => {
                let id = row.id.split('_')[2]; // Obtén el id del medio de pago de la id de la fila
                let medio_pago_id_ = document.getElementById(`medio_pago_id_${id}`).value;
                let comprobante = document.getElementById(`pago_por_medio_de_pago_comprobante_${id}`).value;
                let valor = document.getElementById(`pago_por_medio_de_pago_valor_${id}`).value;

                data.push({
                    "pago_por_medio_de_pago_medio_de_pago_id": medio_pago_id_,
                    "pago_por_medio_de_pago_comprobante": comprobante,
                    "pago_por_medio_de_pago_valor": valor
                });
            });

            /* se verifica si existe un pago con esa fecha comprobante y valor para el mismo cliente  */



            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('') . 'action_pago_temporal' }}",

                        data: {
                                "_token": "{{ csrf_token() }}",
                                'consecutivo': consecutivo_t,
                                'pago_id': $('#pago_id').val(),
                                'medio_de_pago_id': medio_pago,
                                'medio_de_pago_valor-disp': 0,
                                'medio_de_pago_valor': 0,
                                'PagoPorMedioDePago': data,
                                'total_valor_pagado': $('#s_total_pagado').val(),
                                'observacion': obs,
                                'fecha_pago': inicio

                                       /* 'pago_cliente_id': cliente_id,
                                        'pago_contrato_id': prm_contrato_id,
                                        'contrato_servicio_id': prm_servicio_id,
                                        'servicio_saldo': limpiar_moneda(servicio_saldo),
                                        'pago-servicio_saldo-disp': servicio_saldo,
                                        'PagoDetalle': cobros,
                                        'observacion': obs,
                                        'fecha_pago': inicio,
                                        'tiene_mora': tiene_mora,
                                        //'caja_ingresos_id': caja_id,
                                        'forma_pago_manual_modulo': $("#forma_pago_manual_modulo").val(),
                                        'pago_tipo_pago': $("#pago_tipo_pago").val(),
                                        'comprobante': comprobante*/

                                    },
                                    success: function(res) {
                                        Swal.close(); // Close loading indicator

                                        if (res.error == false) {
                                            Swal.fire({
                                                title: 'Exito',
                                                text: res.mensaje,
                                                icon: 'success',
                                                showCancelButton: false,
                                                confirmButtonColor: '#3085d6'
                                            }).then((result) => {
                                                // Reload the Page
                                                // location.reload();
                                                let url =
                                                    '{{ asset('pagos/oficina/caja/activa/') }}' +
                                                    '/' + caja_id;
                                                //window.location.href = url;
                                                //window.location.replace("{{url('pagos/confirmar')}}");

                                            });
                                        } else {
                                            Swal.fire({
                                                title: 'Error',
                                                html: res.mensaje,
                                                icon: 'error',
                                                showCancelButton: false,
                                                confirmButtonColor: '#3085d6'
                                            }).then((result) => {
                                                // Reload the Page
                                                //location.reload();
                                            });
                                        }
                                    },
                                    dataType: "json"
                    });
                }
                        
            });

    }

        function removeElement(elementId)
        {
            total_pagado_aux = '0.00'
            $("#total_pagado").html('0,00');
            $("#diferencia").html('0,00');

            $('#'+elementId).remove();
            
            for (var i = medios_pago_seleccionados.length - 1; i >= 0; i--) {
                if (medios_pago_seleccionados[i].randInt === parseInt(elementId)) {
                    medios_pago_seleccionados.splice(i, 1);
                    console.log('medios_pago_seleccionados deleteado:>> ', medios_pago_seleccionados);
                }
            }
        }

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

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

        function limpiar_moneda(moneda_string){
            if(moneda_string == null)
                return 0;
        var limpieza =  moneda_string.replaceAll('₡', '').replaceAll('.', '');

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

        function reformatNumber(value)
        {
            return parseFloat(value.replaceAll('₡ ','').replaceAll('.','').replaceAll(',','.'))
        }

        function anularPago(id) {
            Swal.fire({
                icon: 'warning',
                title: 'Anular',
                text: '¿Está seguro que desea anular el registro?',
                showCancelButton: true,
                confirmButtonText: 'Si',
                cancelButtonText: 'No',
                customClass: {
                    confirmButton: 'btn btn-primary',
                    cancelButton: 'btn btn-danger'
                }
            }).then((result) => {
                if (result.isConfirmed) {
                    var url= "{{ URL::asset('') }}";
                    let ruta = "pagos/temporales/anular"
                    console.log(url+ruta+'/'+id);
                    
                    window.location.replace(url+ruta+'/'+id)

                    // $.ajax({
                    //     url: url+ruta+'/'+id,
                    //     headers:{'X-CSRF-TOKEN':'{{csrf_token()}}'},
                    //     type: 'GET',
                    //     success: function(e) {
                    //         console.log(e);
                    //         if(e.success == 0){
                    //             Swal.fire(
                    //                 'Notificacion!',
                    //                 e.message,
                    //                 'error'
                    //             )
                    //         }else{
                    //             if(redirigir != null)
                    //                 window.location.replace(url+redirigir);
                    //             else 
                    //                 window.location.replace(url+ruta+'s');
                    //         }
                    //     },
                    //     error:function (e) {
                    //         console.log('Error'+e);
                    //     }
                    // });
                }
            });
        }

        function limpiar(){
            $('#cliente_id').val('');
            $('#contrato_id').val('');
            $('#consecutivo_t').val('');
            $('#consecutivo_manual').val('');
            $('#observaciones').val('');
            $('#fecha').val('');

            $('#cliente_id').val('').change();
            $('#estado').val('').change();

            document.getElementById("frmFiltros").submit();
        }

        $(function(){
            //$('#asociacion').select2();
        });

        function buscar(e,tipo){
            $('#accion').val(1);
            // var textoSelect = $('#'+tipo).val();
            // if (e.keyCode === 13 && !e.shiftKey){
            //     document.getElementById("frmFiltros").submit();
            // }else if(tipo == 'asociacion'){
            //     if(textoSelect =! '')
            //         document.getElementById("frmFiltros").submit();
            // }else if(tipo == 'nombre'){
            //     if(textoSelect =! '')
            //         document.getElementById("frmFiltros").submit();
            // }else if(tipo == 'estado'){
            //     if(textoSelect =! '')
            //         document.getElementById("frmFiltros").submit();
            // }
        }
    </script>
@endsection