@extends('layouts.app')
@section('content')

<style>
.swal2-container {
  z-index: 20000 !important;
}
</style>

<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"><b>Cobros Contrato #{{ $contrato->contrato_codigo }}</b> - {{ $contrato->cliente->cliente_nombres  ?? null }} {{ $contrato->cliente->cliente_apellido1  ?? null}} {{ $contrato->cliente->cliente_apellido2  ?? null }}</div>
                    <!--<p>Cliente:  {{ $contrato->cliente->cliente_documento ?? null}} {{ $contrato->cliente->cliente_nombres  ?? null }} {{ $contrato->cliente->cliente_apellido1  ?? null}} {{ $contrato->cliente->cliente_apellido2  ?? null }}</p>-->
                </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-users"></i>&nbsp;<a class="parent-item" href="{{ url('/contratos/lista') }}">Cobros Contratos # {{ $contrato->contrato_codigo }}</a>&nbsp;</li>
                    <!--<li class="active">Contrato - ver</li>-->
                </ol>
            </div>
        </div>

        <div class="row">
            <div class="col-12">
                {{-- {!! Form::open(['url' => 'cobros/contratos-clientes/' ,'method'=>'get','id'=>'frmFiltros']) !!}--}}

                <div class="row mb-3">
                    <div class="col-6">

                        <!--<h3 class="badge badge-primary"> Cobros Hasta: </h3>-->
                        <label for="simpleFormPassword"><b>Cobros Hasta:</b></label>
                        {!!Form::date('fecha_corte',date('Y-m-d'),['id'=>'fecha_corte','class'=>'form-control','style'=>'width: 60%;','placeholder'=>'Valor' ]) !!}

                    </div>
                    <div class="col-6">
                        <label for="simpleFormPassword" style="color: transparent;display: block;">.</label>
                        <!--<a onclick=" history.go(-1) " class="btn btn-warning pull-right mb-3">< Volver</a>-->
                     {{--    <a href="{{ url('contratos/'. $contrato->contrato_id . '/ver') }}" class="btn btn-warning pull-right mb-3">Volver</a> --}}
                        @php
                            $previus = url()->previous();
                        @endphp
                        <a href="{{ url('contratos/'. $contrato->contrato_id . '/ver') }}" class="btn btn-warning pull-right mb-3">Volver</a>

                        <!--<a href={{$previus}} class="btn btn-warning pull-right mb-3">Volver</a>-->
                        {{-- exportar-cobros-contratoCobro --}}
                        @if (auth()->user()->hasPermissionTo('exportar-cobros-contratoCobro'))
                            
                        {!! Form::open(['url' => ['cobros/debito/automatico/exportar/cobros/' . $contrato->contrato_id] ,'method'=>'get', 'class' =>'form-group pull-right mb-3']) !!}
                        <button class="btn btn-success " type="submit"><i class="fa fa-print"></i>Imprimir</button>
                        {!! Form::close() !!}
                        @endif
                        
                        {{-- anular-cobros-masivo-ajaxCobro --}}
                        @if (auth()->user()->hasPermissionTo('anular-cobros-masivo-ajaxCobro'))
                           
                            <button class="btn btn-danger pull-right mb-3 " onclick="anular_todos()">
                                <i class="fa fa-ban"></i>
                                Anular Cobros Seleccionados
                            </button>
                            
                        @endif

                        <button class="btn btn-primary pull-right mb-3" onclick="generar_todos()">
                            <i class="fa fa-cogs"></i>
                            Generar Cobros
                        </button>
                    </div>
                </div>

            </div>
        </div>

        <div class="row ">
            {{-- listarCobro --}}
            @if (auth()->user()->hasPermissionTo('listarCobro') || auth()->user()->hasPermissionTo('view-cobros-contratoContrato'))
                
            
                <div class="col-md-12">

                    <input type="hidden" name="" id="servicio_id" value="{{ $servicio_id }}">

                    <div class="card card-box">
                        <div class="card-body">
                            <table class="table">

                                <thead>
                                    <tr>
                                        <th style="width: 5%;">#</th>
                                        <th style="width: 10%;">Forma De Pago</th>
                                        <th style="width: 25%;">Concepto</th>
                                        <th style="width: 10%;">Fecha de Aplicación</th>
                                        <th style="width: 10%;">Próxima Fecha Cobro</th>
                                        <th style="width: 10%;">Valor + Iva</th>
                                        <th>Observacion</th>
                                        <th style="width: 10%;">Recibo Cobro</th>
                                        <th style="width: 10%;">Cobro Estado</th>
                                        <th><input type="checkbox" name="" id="marcarTodo" onclick="marcar(this);"></th>
                                        <th>Acciones</th>
                                    </tr>
                                </thead>

                                <tbody>
                                    <!-- cabezera cobros -->
                                    @foreach ($cobro as $key => $item)
                                    <tr>
                                        {{-- indexCobro-detalle --}}
                                    
                                        <td>
                                            {{ $contador++ }}
                                            @php $idRandom = (rand(1,9999)*rand(99,9999));@endphp
                                            @if (auth()->user()->hasPermissionTo('indexCobro-detalle'))                                        
                                                <input type="hidden" id="accionExpa_{{($idRandom)}}" value="1">
                                                <a class="btn btn-default" data-toggle="collapse" href="#detalle_{{$idRandom}}" role="button" aria-expanded="false" aria-controls="detalle_{{$idRandom}}"><span id="accion_{{($idRandom)}}" data-bs-toggle="tooltip" data-bs-placement="top" title="Expandir"><i class="fa fa-arrows"></i></span></a>
                                                <input type="hidden" id="h_id_{{$key}}" value="{{$item->cobro_id}}">
                                                <input type="hidden" id="h_valor_{{$key}}" value="{{'₡ '.number_format($item->servicio_valor,2,',','.')}}">
                                                <input type="hidden" id="h_obs_{{$key}}" value="{{$item->contrato_observacion}}">
                                            @endif
                                        </td>
                                        <td>{{ $item->forma_pago_nombre }}</td>
                                        <td>{{ $item->cobro_concepto }}</td>
                                        <td>{{ $item->cobro_fecha_aplicacion }}</td>
                                        <td>{{ $item->cobro_fechalimite }}</td>
                                        <td>₡ {{ number_format(($item->cobro_valor ),2,'.',',')}}</td>
                                        <td><span id="data_obs_{{$key}}"> {{ $item->cobro_observacion }} </span></td>
                                        <td>
                                            @php
                                                $data_cobroTemp = $controlador->getLastPagoTemp($item->contrato_cliente_id);

                                                $num_pago = '<span class="text-danger">(no definido)</span>';

                                                $ReciboAsociado = $controlador->getReciboAsociado($item->cobro_id);
                                                $ReciboPagadoAsociado = $controlador->getReciboPagadoAsociado(false,true,$item->cobro_id);
                                                $recibo = null;
                                                if (!is_null($ReciboPagadoAsociado) && is_null($ReciboAsociado)) {
                                                        $recibo = $ReciboPagadoAsociado;
                                                        
                                                } elseif (is_null($ReciboPagadoAsociado) && !is_null($ReciboAsociado)) {
                                                    $recibo = $ReciboAsociado;
                                                    
                                                } elseif (!is_null($ReciboPagadoAsociado) && !is_null($ReciboAsociado)) {
                                                    $recibo = implode(', ', [$ReciboPagadoAsociado, $ReciboAsociado]);
                                                   
                                                }
                                                $data_pago =  $controlador->obtenerPagodelCobro($item->cobro_id);
                                                $pagoModel = new \App\Models\Pago();

                                                $origen_pago= $controlador->origenPago($item->cobro_id);
                                            @endphp
                                            @if (!is_null($recibo))
                                                {{ $recibo }}
                                            @else
                                                <span class="text-danger">{{ $ReciboPagadoAsociado }} (no definido)</span>
                                            @endif
                                        </td>

                                        @if ($item->cobro_estado == '1')
                                        <td>
                                            <p class="badge badge-info">Por Cobrar</p>
                                        </td>
                                        @elseif($item->cobro_estado == '2')
                                        <td>
                                            <p class="badge badge-success">Pagado</p>
                                        </td>
                                        @elseif($item->cobro_estado == '3')
                                        <td>
                                            <p class="badge badge-warning">Pagado Parcial</p>
                                        </td>
                                        @elseif($item->cobro_estado == '4')
                                        <td>
                                            <p class="badge badge-secondary">Condonado</p>
                                        </td>
                                        @elseif($item->cobro_estado== '5')
                                        <td>
                                            <p class="badge badge-danger">Anulado</p>
                                        </td>
                                        @elseif($item->cobro_estado == '6')
                                            <td>
                                            <p class="badge badge-danger">Eliminado</p>
                                            </td>
                                        @elseif($item->cobro_estado == '7')
                                            <td>
                                            <p class="badge badge-info">Por Cobrar (Asociado)</p>
                                            </td>
                                        @else
                                            <td>
                                            <p class="badge badge-success">Pagado (Asociado)</p>
                                            </td>
                                        @endif
                                            <td>
                                                <!-- Cobro estado=1 es Por cobrar-->
                                                @if ($item->cobro_estado == 1)
                                                
                                                    <input type="checkbox" name="cobro_id[]" value="{{ $item->cobro_id }}" id="servicios" >
                                                @else
                                                    <input type="checkbox" name="cobro_id[]" value="{{ $item->cobro_id }}" id="servicios" disabled>
                                                @endif
                                            </td>

                                        <td class="center">
                                            <div class="btn-group">



                                                @if ($item->cobro_estado == 5)
                                                    {{-- activarCobro --}}
                                                    @if (auth()->user()->hasPermissionTo('activarCobro'))
                                                        
                                                        <a onclick="activar('{{$item->cobro_id}}')" class="btn btn-tbl-update btn-info btn-xs text-white" data-bs-toggle="tooltip" data-bs-placement="top" title="Activar Cobro">
                                                            <i class="fa fa-check"></i>
                                                        </a>
                                                    @endif
                                                    <!--<button data-toggle="button" class="btn btn-circle btn-primary"><i class="fa fa-home "></i></button>-->


                                                @elseif ($item->cobro_estado == '1' || $item->cobro_estado == '7')

                                                        {{-- editar-cobroCobro --}}
                                                    @if (auth()->user()->hasPermissionTo('editar-cobroCobro'))
                                                        <a onclick="actualizar('{{$item->cobro_id}}')"                                                            
                                                            class="btn btn-tbl-update btn-xs text-white"
                                                            data-bs-toggle="tooltip"
                                                            data-bs-placement="top"
                                                            title="Editar Cobro">
                                                            <i class="fa fa-pencil"></i>
                                                        </a>
                                                    @endif
                                        
                                                    {{-- anularCobro --}}
                                                    @if (auth()->user()->hasPermissionTo('anularCobro'))
                                                        <a onclick="anular_cobro('{{$item->cobro_id}}')"
                                                            class="btn btn-tbl-update btn-xs text-white"
                                                            data-bs-toggle="tooltip"
                                                            data-bs-placement="top" title="Anular Cobro">
                                                            <i class="fa fa-ban"></i>
                                                        </a>
                                                    @endif


                                                    

                                                @endif
                                                {{-- Para ser usado con precaucion: Hecho por cesar y edinson --}}
                                                @if (auth()->user()->hasPermissionTo('anularCobro'))
                                                    <a onclick="anular_fisico('{{$item->cobro_id}}')"
                                                        class="btn btn-danger btn-xs text-white"
                                                        data-bs-toggle="tooltip"
                                                        style="display: none;"
                                                        data-bs-placement="top" 
                                                        title="Eliminar Totalmente el Cobro: {{$item->cobro_id}}" >
                                                        <i class="fa fa-trash"></i>
                                                    </a>

                                                    
                                                    <a onclick="generar_detalle('{{$item->cobro_id}}')"
                                                        class="btn btn-danger btn-xs text-white"
                                                        data-bs-toggle="tooltip"
                                                        style="display: none;"
                                                        data-bs-placement="top" 
                                                        title="Generar detalle el Cobro: {{$item->cobro_id}}" >
                                                        <i class="fa fa-cogs"></i>
                                                    </a>
                                                @endif

                                                @if (auth()->user()->hasPermissionTo('ver_auditoria_cobros'))
                                                <a onclick="javascript:void(0)"
                                                        class="btn btn-tbl-update btn-xs text-white"
                                                        data-bs-toggle="tooltip" 
                                                        data-bs-html="true"
                                                        data-bs-placement="top" 
                                                        style="background-color: #212f39 !important;"
                                                      
                                                        title="<div class='container'>
                                                                <tabla class='table'>
                                                                    <tr>
                                                                        <td> Cobro_creacion: {{ $item->tbl_cobro_created_at}} </td></br>
                                                                    </tr>
                                                                    <tr>
                                                                        <td> Cobro_creado:  {{ $item->username}} </td></br>
                                                                    </tr>
                                                                    <tr>
                                                                        <td> Pago_creacion: {{  $data_pago ? $data_pago->pago_fecha_creacion : ' - '}} </td></br>
                                                                    </tr>
                                                                    <tr>
                                                                        <td> Pago_creador: {{  $data_pago ? $data_pago->username : ' - '}} </td></br>
                                                                    </tr>
                                                                     <tr>
                                                                        <td> Pago_fecha: {{  $data_pago ? $data_pago->pago_fecha : ' - '}} </td></br>
                                                                    </tr>
                                                                     <tr>
                                                                        <td> Pago_estado: {{  $data_pago ?  $pagoModel->const_pago('estado_texto')[$data_pago->pago_estado] : ' - '}} </td></br>
                                                                    </tr>
                                                                     <tr>
                                                                        <td> Pago_monto: {{  $data_pago ? $data_pago->pago_valor : ' - '}} </td></br>
                                                                    </tr>
                                                                        <tr>
                                                                            <td> Pago_origen: {{  $data_pago ? $origen_pago : ' - '}} </td></br>
                                                                        </tr>
                                                                </tabla>
                                                                </div>  ">
                                                        
                                                        <i class="fa fa-info"></i>
                                                </a>
                                                @endif
                                            </div>
                                        </td>

                                    <tr style="background-color:#00cdcd;">
                                        <td colspan="10" class="collapse multi-collapse" id="detalle_{{($idRandom)}}">
                                            <div class="row col-12">

                                                @php
                                                    $data_contratos = $controlador->deatailCobro($item->cobro_id,$item->contrato_servicio_id);
                                                    $data_contratos_padre = $controlador->getContratoservicioHijo($item->cobro_id , $item->contrato_servicio_id);


                                                    if ($item->cobro_estado == '1')
                                                        $estado='Por Cobrar';

                                                    elseif($item->cobro_estado == '2')
                                                        $estado='Pagado';

                                                    elseif($item->cobro_estado == '3')
                                                        $estado='Pagado Parcial';

                                                    elseif($item->cobro_estado == '4')
                                                        $estado='Condonado';

                                                    elseif($item->cobro_estado== '5')
                                                        $estado='Anulado';

                                                    elseif($item->cobro_estado == '6')
                                                        $estado='Eliminado';

                                                    elseif($item->cobro_estado == '7')
                                                        $estado='Por Cobrar(Asociado)';

                                                    elseif($item->cobro_estado == '8')
                                                        $estado='Pagado(Asociado)';

                                                    else
                                                        $estado='Activo Padre';

                                                @endphp

                                                <div class="table-responsive" id="detalle_{{$idRandom}}">
                                                    <h3> {{ $item->servicio_nombre }}<strong> ({{ $estado }} - Cobro Principal)</strong></h3>
                                                    <table class="table table-wrap">
                                                        <thead>
                                                            <tr>
                                                                <th>#</th>
                                                                <th>Concepto </th>
                                                                <th>Producto o Servicio Cobrado</th>
                                                                <th>Valor Cobrado</th>
                                                                <th>Valor Pagado</th>
                                                                <th></th>

                                                            </tr>
                                                        </thead>
                                                        <tbody>
                                                            <!-- detalle cobros -->
                                                            @foreach ($data_contratos as $item)
                                                                @if (!empty($item->cobro_detalle_concepto_id))
                                                                <tr>
                                                                <td></td>
                                                                <td>
                                                                    @switch( $item->cobro_detalle_concepto_id)
                                                                        @case(1)
                                                                            Abono Capital
                                                                        @break
                                                                        @case(2)
                                                                            Interes Corriente
                                                                        @break
                                                                        @case(3)
                                                                        Mantenimiento
                                                                        @break
                                                                        @case(4)
                                                                        Valor Coyugue

                                                                        @break
                                                                        @case(5)
                                                                        Valor Hijos
                                                                        @break
                                                                        @case(6)
                                                                        Valor Padres
                                                                        @break
                                                                        @case(7)
                                                                        Valor Hermanos
                                                                        @break
                                                                        @case(8)
                                                                        Valor Otras Personas
                                                                        @break

                                                                        @case(9)
                                                                        Valor Poliza
                                                                        @break

                                                                        @case(10)
                                                                        Valor Mora
                                                                        @break
                                                                        @case(11)
                                                                        Valor Adicional
                                                                        @break
                                                                        @case(12)
                                                                        Servicio/Producto
                                                                        @break
                                                                        @case(13)
                                                                        Abono Extra
                                                                        @break
                                                                        @case(14)
                                                                        Impuesto
                                                                        @break
                                                                        @default
                                                                        -
                                                                        @break

                                                                    @endswitch
                                                                </td>
                                                                <td>{{ $item->servicio_nombre }}</td>
                                                                <td>₡{{number_format( ( ( $item->cobro_detalle_valor_cobrado)),2,'.',',')}}</td>
                                                                <td>₡{{number_format( ( ( $item->cobro_detalle_valor_pagado)),2,'.',',')}}</td>
                                                                @else
                                                                <tr><td colspan="6">No se encontraron resultados.</td></tr>
                                                                @endif
                                                            @endforeach

                                                        </tbody>
                                                    </table>

                                        @php
                                            $cobrosHijos = $controlador->cobrosHijos($item->cobro_id);

                                        @endphp

                                        @if (count($cobrosHijos) >= 1)

                                        @foreach ($cobrosHijos->groupBy('cobro_contrato_servicio_id') as $grupo)
                                                    @php
                                                    if ( $grupo->first()->cobro_estado == '1')
                                                        $estado2='Por Cobrar';

                                                    elseif( $grupo->first()->cobro_estado == '2')
                                                        $estado2='Pagado';

                                                    elseif( $grupo->first()->cobro_estado == '3')
                                                        $estado2='Pagado Parcial';

                                                    elseif( $grupo->first()->cobro_estado == '4')
                                                        $estado2='Condonado';

                                                    elseif( $grupo->first()->cobro_estado== '5')
                                                        $estado2='Anulado';

                                                    elseif( $grupo->first()->cobro_estado == '6')
                                                        $estado2='Eliminado';

                                                    elseif($grupo->first()->cobro_estado == '7')
                                                        $estado2='Por Cobrar - Asociado';
                                                    
                                                

                                                    elseif($grupo->first()->cobro_estado == '8')
                                                        $estado2='Pagado Asociado';

                                                    else
                                                        $estado2='Activo Padre';
                                                    @endphp

                                        <div class="table-responsive" >
                                            <h3>{{ $grupo->first()->servicio_nombre }} ({{ $estado2 }})</h3>
                                            <table class="table table-wrap">
                                                <thead>
                                                    <tr>
                                                        <th>#</th>
                                                        <th>Concepto </th>
                                                        <th>Producto o Servicio Cobrado</th>
                                                        <th>Valor Cobrado</th>
                                                        <th>Valor Pagado</th>
                                                        <th></th>
                                                    </tr>
                                                </thead>
                                                <tbody>
                                                    @foreach ($grupo as $item2)


                                                        <tr>
                                                            <td></td>
                                                            <td>
                                                            @switch( $item2->cobro_detalle_concepto_id)
                                                                        @case(1)
                                                                            Abono Capital
                                                                        @break
                                                                        @case(2)
                                                                            Interes Corriente
                                                                        @break
                                                                        @case(3)
                                                                        Mantenimiento
                                                                        @break
                                                                        @case(4)
                                                                        Valor Coyugue

                                                                        @break
                                                                        @case(5)
                                                                        Valor Hijos
                                                                        @break
                                                                        @case(6)
                                                                        Valor Padres
                                                                        @break
                                                                        @case(7)
                                                                        Valor Hermanos
                                                                        @break
                                                                        @case(8)
                                                                        Valor Otras Personas
                                                                        @break

                                                                        @case(9)
                                                                        Valor Poliza
                                                                        @break

                                                                        @case(10)
                                                                        Valor Mora
                                                                        @break
                                                                        @case(11)
                                                                        Valor Adicional
                                                                        @break
                                                                        @case(12)
                                                                        Servicio/Producto
                                                                        @break
                                                                        @case(13)
                                                                        Abono Extra
                                                                        @break
                                                                        @case(14)
                                                                        Impuesto
                                                                        @break
                                                                        @default

                                                                        @endswitch
                                                            </td>
                                                            <td>{{ $item2->servicio_nombre }}</td>
                                                            <td>₡{{ number_format($item2->cobro_detalle_valor_cobrado, 2, '.', ',') }}</td>
                                                            <td>₡{{ number_format($item2->cobro_detalle_valor_pagado, 2, '.', ',') }}</td>
                                                        </tr>
                                                    @endforeach
                                                </tbody>
                                            </table>
                                        </div>
                                        @endforeach


                                                <!--<div class="table-responsive" >
                                                <h2>Cobros Hijos:  {{ $item->servicio_nombre }}</h2>

                                                    <table class="table table-wrap">
                                                        <thead>
                                                            <tr>
                                                                <th>#</th>
                                                                <th>Concepto </th>
                                                                <th>Producto o Servicio Cobrado</th>
                                                                <th>Valor Cobrado</th>
                                                                <th>Valor Pagado</th>
                                                                <th></th>

                                                            </tr>
                                                        </thead>
                                                        <tbody>

                                                            @foreach ($cobrosHijos as $item2)


                                                                <tr>
                                                                    <td></td>
                                                                    <td>
                                                                        @switch( $item2->cobro_detalle_concepto_id)
                                                                        @case(1)
                                                                            Abono Capital
                                                                        @break
                                                                        @case(2)
                                                                            Interes Corriente
                                                                        @break
                                                                        @case(3)
                                                                        Mantenimiento
                                                                        @break
                                                                        @case(4)
                                                                        Valor Coyugue

                                                                        @break
                                                                        @case(5)
                                                                        Valor Hijos
                                                                        @break
                                                                        @case(6)
                                                                        Valor Padres
                                                                        @break
                                                                        @case(7)
                                                                        Valor Hermanos
                                                                        @break
                                                                        @case(8)
                                                                        Valor Otras Personas
                                                                        @break

                                                                        @case(9)
                                                                        Valor Poliza
                                                                        @break

                                                                        @case(10)
                                                                        Valor Mora
                                                                        @break
                                                                        @case(11)
                                                                        Valor Adicional
                                                                        @break
                                                                        @case(12)
                                                                        Servicio/Producto
                                                                        @break
                                                                        @case(13)
                                                                        Abono Extra
                                                                        @break
                                                                        @case(14)
                                                                        Impuesto
                                                                        @break
                                                                        @default

                                                                        @endswitch
                                                                    </td>
                                                                    <td>{{ $item2->servicio_nombre }}</td>

                                                                    <td>₡{{number_format( ( ( $item2->cobro_detalle_valor_cobrado  )),2,'.',',')}}</td>

                                                                    <td>₡{{number_format( ( ( $item2->cobro_detalle_valor_pagado  )),2,'.',',')}}</td>
                                                                </tr>
                                                            @endforeach

                                                        </tbody>
                                                    </table>-->

                                                </div>
                                        @endif
                                    @endforeach


                                        </div>
                                    </div>
                                    </td>
                                    </tr>

                                    </tr>

                                </tbody>
                            </table>
                        </div>


                    </div>
                    <div class="row pull-right">
                        <div class="col">
                            {{ $cobro->appends(['contrato_servicio' => $servicio_id,])->links() }}
                        </div>
                    </div>

                </div>
            @endif

        </div>
<!----Modal editar------>
<div class="modal fade" id="modal_servicio_2" tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel"  aria-hidden="true">
    <div class="modal-dialog modal-lg  modal-dialog-centered" role="document">
        <div class="modal-content">
            <div class="modal-header">
                <h4 class="modal-title" id="exampleModalLabel">Actualizar Valor Cobro</h4>
                <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                    <span aria-hidden="true">×</span>
                </button>
            </div>
            <div class="modal-body">
                <input type="hidden" id="cobro_id" value="0">
                <div class="row col-md-12">
                    <div class="col-6">
                        <div class="form-group">
                            <label class="form-control-label text-color-dark" for="valor_serv">Valor Servicio/Cuota<span class="text-danger">*</span></label>
                            <input class="form-control maskMoney" placeholder="Valor Servicio/Cuota" id="valor_serv" autocomplete="off" required="" data-thousands="." data-decimal="," data-prefix="₡ " name="valor_serv" type="text">
                        </div>
                    </div>

                    <div class="col-sm-6">
                        <div class="form-group">
                            <label class="form-label text-color-dark" for="observaciones">Observaciones</label>
                            <textarea name="observaciones" class="form-control" placeholder="Observaciones" id="observaciones"></textarea>
                        </div>
                    </div>
                </div>
            </div>
            <div class="modal-footer text-center">
                <button onclick="actualizarValor()" type="button" class="btn btn-primary"><i class="fa fa-save"></i> Guardar</button>
                <button type="button" class="btn btn-warning" data-dismiss="modal"><i class="fa fa-times"></i>
                    Cerrar</button>
            </div>
        </div>
    </div>
</div>

    </div>
</div>

<style> 
.tooltip-inner {
    max-width: none;
    white-space: normal;
}
</style>
@endsection





@section('script')
<script type="text/javascript">

document.addEventListener('DOMContentLoaded', function() {
  var tooltipTriggerList = [].slice.call(document.querySelectorAll('[data-bs-toggle="tooltip"]'));
  var tooltipList = tooltipTriggerList.map(function (tooltipTriggerEl) {
    return new bootstrap.Tooltip(tooltipTriggerEl, {
      html: true // Esto asegura que Bootstrap interprete HTML en el tooltip
    });
  });
});


    function editar_datos(row) {

        var h_id = $('#h_id_' + row).val();
        var h_valor = $('#h_valor_' + row).val();
        var h_obs = $('#h_obs_' + row).val();
        $("#valor_serv").maskMoney().maskMoney('mask');
        $("#valor_serv").on('blur', function() {
            $(this).maskMoney('mask');
        });

        $('#observaciones').val("");
        console.log(h_id);
        console.log(h_valor);
        console.log(h_obs);
        $('#row').val(row);
        $('#id_registro').val(h_id);
    }

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

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

    function actualizar_registro() {


        //var data_row = $('#row').val();

        //data_row
        //document.getElementById('data_valor_' + data_row).innerHTML = $('#valor_serv').val();
        //document.getElementById('data_obs_' + data_row).innerHTML = $('#observaciones').val();
        //var cobro_id=$("#id_registro").val();
        var observacion=$("#observaciones").val();
        var valor=limpiar_moneda($("#valor_serv").val());
        //alert(1);

        /*if(valor==0 || valor==""){
            //warning('El valor en la cuota debe ser mayor a cero.');
            Swal.fire({
                                title: 'Advertencia',
                                text: "El valor en la cuota debe ser mayor a cero.",
                                icon: 'warning',
                                showCancelButton: false,
                                confirmButtonColor: '#3085d6'
                            });
            return;
        }*/
        if(observacion==""){
            //warning('Debe indicar el motivo en la observacion para el cambio de valor en la cuota.');
            Swal.fire({
                                title: 'Advertencia',
                                text: "Debe indicar el motivo en la observacion para el cambio de valor en la cuota.",
                                icon: 'warning',
                                showCancelButton: false,
                                confirmButtonColor: '#3085d6'
                            });
            return;
        }

        //let id = $('#servicios_activar').val();
        Swal.fire({
            title: 'Confirmar',
            text: '¿ Estás seguro de que desea modificar el valor del cobro?',
            icon: 'question',
            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('').'cobros/actulizar/ajax'}}`,
                    data: {
                        "_token": "{{ csrf_token() }}",
                        cobro_id,
                        observacion,
                        valor
                    },
                    success: function(res) {
                        console.log(res);
                        /*if (res) {
                            Swal.fire({

                                text: "Se activo el cobro satisfactoriamente.",
                                icon: 'success',
                                showCancelButton: false,
                                confirmButtonColor: '#3085d6'
                            });
                        }*/
                    },
                    dataType: "json"
                });

               // window.location.reload()
            }
        });

        /*
        if($('#form-cobro-cobro_observacion').val() == ''){
            warning('Debe indicar el motivo en la observacion para el cambio de valor en la cuota.');
            return;
        }
        var id_cobro = $('#cobro_id').val();
        var valor = $('#form-cobro-cobro_valor').val();
        var observacion = $('#form-cobro-cobro_observacion').val();

        $.ajax({
            url: '/production-environment/valledepaz/backend/web/index.php?r=cobro%2Fajax',
            type: 'POST',
            dataType: "json",
            data: {
                actualizarValor:true,
                cobro_id:id_cobro,
                valor:valor,
                observacion:observacion,
            },
            success: function(data){
                if (data) {
            //                    window.location.href = '';
                    window.location.reload();
                }else{
                    closeModal('modal-cobro', 'content-form-cobro');
                    warning('Error actualizando el valor del cobro.');
                }
            }
        });*/

    }

    $('#modal_servicio').on('hidden.bs.modal', function (e) {
    // Aquí puedes poner el código que se ejecutará cuando el modal se cierre
        $("#cobro_id").val("");
        $("#observaciones").val("");
                $("#valor_serv").val(0);
                $("#valor_serv").maskMoney().maskMoney('mask');
                $("#valor_serv").on('blur', function() {
                    $(this).maskMoney('mask');
                });
    })


    function actualizarValor(){
        var observacion=$("#observaciones").val();
        var valor=limpiar_moneda($("#valor_serv").val());
        var id_cobro=$("#cobro_id").val();

        if(id_cobro==""){
            alert("No se pudo cargar el cobro_id, recarge la página o comunicarte con soporte");
            return 0;
        }
        if(observacion==""){
            
            Swal.fire({
                                title: 'Advertencia',
                                text: "Debe indicar el motivo en la observacion para el cambio de valor en la cuota.",
                                icon: 'warning',
                                showCancelButton: false,
                                confirmButtonColor: '#3085d6',
                                allowOutsideClick: false

                            }).then(() => {
            
                                $("#observaciones").val("");
                                
                            });
                        
           
            return 0;
        }

        Swal.fire({
            title: 'Confirmar',
            text: '¿Estás seguro de que desea modificar el valor del cobro?',
            icon: 'question',
            showCancelButton: true,
            confirmButtonText: `<i class="fa fa-check"></i> De Acuerdo`,
            cancelButtonText: '<i class="fa fa-ban"></i> Cancelar',
            confirmButtonColor: '#3085d6'
        }).then((result) => {
            if (result.isConfirmed) {
                $.ajax({
                    type: "POST",
                    url: `{{asset('').'cobros/actulizar/ajax'}}`,
                    beforeSend: function(xhr) {
                        showLoadingAlert();
                    },
                    data: {
                        "_token": "{{ csrf_token() }}",
                        cobro_id:id_cobro,
                        valor:valor,
                        observacion:observacion
                    },
                    success: function(res) {
                        $('#modal_servicio_2').modal('hide');

                        console.log(res);

                        if (res.error==0) {
                            $("#cobro_id").val("");
                            Swal.fire({
                                title: 'Actualizar Valor',
                                text: 'Se ha actualizado con éxito el valor del cobro.',
                                icon: 'success',
                                showCancelButton: false,
                                confirmButtonColor: '#3085d6',
                                allowOutsideClick: false,
                            }).then((result) => {
                                // Reload the Page
                                location.reload(true);

                            });
                        }else{
                            Swal.fire({
                                title: 'Actualizar Valor',
                                text: res.mensaje,
                                icon: 'error',
                                showCancelButton: false,
                                confirmButtonColor: '#3085d6',
                                allowOutsideClick: false,
                            }).then((result) => {
                                // Reload the Page
                                location.reload();
                            });

                        }
                        location.reload(true);
                        
                    },
                    dataType: "json"
                });

               // window.location.reload()
            }
        });
    }        
    function actualizar(id_cobro /*, enPlanilla, enCobrador*/){

            console.log(id_cobro);
            $('#cobro_id').val(id_cobro);
            $("#valor_serv").maskMoney().maskMoney('mask');
            $("#valor_serv").on('blur', function() {
                $(this).maskMoney('mask');
            });
               
            $('#modal_servicio_2').modal('show');
    }

    function showLoadingAlert() {
        Swal.fire({
                title: 'Cargando!',
                text: 'Espere un momento...',// add html attribute if you want or remove
                allowOutsideClick: false,
                didOpen: () => {
                     Swal.showLoading();
                },
            });
    }

    function generar_todos() {

       /* Swal.fire({
                title: 'Please Wait !',
                text: 'data uploading',// add html attribute if you want or remove
                allowOutsideClick: false,
                onBeforeOpen: () => {
                    Swal.showLoading()
                },
            });

            return 0;*/
        let fecha_inicio = document.querySelector('#fecha_corte').value;
        let prm_contrato_id = '{{ $contrato->contrato_id }}';
        let prm_servicio_id = $('#servicio_id').val();

        Swal.fire({
            title: 'Confirmar',
            text: '¿Estás seguro de que desea generar los cobros?',
            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",
                    dataType: "json",
                    url: "{{asset('').'cobros/debito/automatico/generar/cobros'}}",
                    beforeSend: function(xhr) {
                        showLoadingAlert();
                    },
                    data: {
                        "_token": "{{ csrf_token() }}",
                        inicio: fecha_inicio,
                        contrato_id: prm_contrato_id,
                        servicio_id: prm_servicio_id
                    },
                    success: function(res) {
                        console.log(res);
                        $cobro_generado=res.error_bandera;
                        $errores_all=res.errores_all;
                        /*
                        if(res.generateFirstCharges!=""){
                            $cobro_generado=true;
                            console.log(0);
                        }
                        if(res.generateNextCharges.generateCharges!=""){
                            //$cobro_generado=res.generateNextCharges.generateCharges.cobro_generado_en_generateNextCharges;
                            if(res.generateNextCharges.generateCharges.detalle_cobro_generado!=""){
                            //$cobro_generado=res.generateNextCharges.generateCharges.cobro_generado_en_generateNextCharges;
                                 $cobro_generado=true;
                                 console.log(1);
                             }

                            //$cobro_generado=true;
                        }*/

                        var erroresHtml="";

                        if ($errores_all.length > 0) {
                             //erroresHtml = '<p style="color: red;">Lista de errores:</p><ul class="list-group list-group-light" style="color: red;">';

                            $errores_all.forEach(function(error) {
                                erroresHtml += '<li style="font-size: 14px;" class="">' + error + '</li>';
                            });

                            erroresHtml += '</ul>';
                        }
                        $mensaje= $cobro_generado==false?"<p>!!!Se ha generado con éxito el cobro.</p>":"<p style='color: red;'>Sin cobros generados.</p>";
                        if (res) {

                            Swal.fire({
                                title: 'Generar Cobro',
                                html: $mensaje+'<br>'+erroresHtml,
                                //html: '<p>Se aplico la funcilon</p>',
                                icon: 'success',
                                showCancelButton: false,
                                showLoaderOnConfirm: true,
                                confirmButtonColor: '#3085d6',
                                allowOutsideClick: false,


                            }).then((result) => {
                                // Reload the Page
                                //location.reload();
                                if (result.isConfirmed) {
                                    // Reload the Page
                                    location.reload();
                                }
                            });
                        }
                    },
                    complete: function() {
                        //Swal.hideLoading();
                        //swal.close();
                    },
                    dataType: "json"
                });

            }
        });
    }

    function marcar(source) {
        //checkboxes = document.getElementsByTagName('input'); //obtenemos todos los controles del tipo Input

        checkboxes = document.querySelectorAll('input[type="checkbox"][id="servicios"]:not([disabled])'); // obtenemos solo los checkboxes con id "servicios" y que no estén deshabilitados

       /* for (i = 0; i < checkboxes.length; i++) //recoremos todos los controles
        {
            if (checkboxes[i].type == "checkbox") //solo si es un checkbox entramos
            {
                checkboxes[i].checked = source.checked; //si es un checkbox le damos el valor del checkbox que lo llamó (Marcar/Desmarcar Todos)
            }
        }*/

        for (i = 0; i < checkboxes.length; i++) {
            checkboxes[i].checked = source.checked; // si es un checkbox le damos el valor del checkbox que lo llamó (Marcar/Desmarcar Todos)
        }

    }

    function activar(source) {

        //console.log(source);
        //return 0;
        let id = $('#servicios_activar').val();

        Swal.fire({
            title: 'Confirmar',
            text: '¿ Estás seguro de que desea activar este cobro?',
            icon: 'question',
            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: "PUT",
                    url: `{{asset('').'cobros/debito/automatico/activar/cobro/${source}'}}`,
                    data: {
                        "_token": "{{ csrf_token() }}"
                    },
                    success: function(res) {
                        if (res) {
                            Swal.fire({
                                title: 'Éxito',
                                text: "Se activo el cobro satisfactoriamente.",
                                icon: 'success',
                                showCancelButton: false,
                                confirmButtonColor: '#3085d6'
                            });
                        }
                    },
                    dataType: "json"
                });

                window.location.reload()
            }
        });
    }

    function exportar_todos() {
        let contrato_id = $('#contrato_id').val();

        $.ajax({
            type: "POST",
            url: `{{asset('').'cobros/debito/automatico/exportar/cobros/${contrato_id}'}}`,
            data: {
                "_token": "{{ csrf_token() }}"
            },
            success: function(res) {

            },
            dataType: "json"
        });

    }

    function anular_cobro(id) {
        Swal.fire({
            title: 'Confirmar',
            text: '¿Está que desea anular el cobro?',
            icon: 'question',
            showCancelButton: true,
            confirmButtonText: `<i class="fa fa-check"></i> Aceptar`,
            cancelButtonText: '<i class="fa fa-ban"></i> Cancelar',
            confirmButtonColor: '#3085d6'
        }).then((result) => {
            /* Read more about isConfirmed, isDenied below */
            if (result.isConfirmed) {
                $.ajax({
                    type: "PUT",
                    url: "{{asset('').'cobros/debito/automatico/anular/cobros'}}",
                    data: {
                        "_token": "{{ csrf_token() }}",
                        idServicio: id
                    },
                    success: function(res) {
                        if (res) {
                           /*  Swal.fire({
                                title: 'Anular Cobro',
                                text: "Se anulo el cobro satisfactoriamente.",
                                icon: 'success',
                                showCancelButton: false,
                                confirmButtonColor: '#3085d6'
                            }); */
                            window.location.reload();
                        }
                    },
                    dataType: "json"
                });
            }
        });
    }

    function anular_fisico(id) {
        Swal.fire({
            title: 'Confirmar',
            text: '¿Está que desea eliminar el cobro?',
            icon: 'question',
            showCancelButton: true,
            confirmButtonText: `<i class="fa fa-check"></i> Aceptar`,
            cancelButtonText: '<i class="fa fa-ban"></i> Cancelar',
            confirmButtonColor: '#3085d6'
        }).then((result) => {
            /* Read more about isConfirmed, isDenied below */
            if (result.isConfirmed) {
                $.ajax({
                    type: "DELETE",
                    url: "{{asset('').'cobros/debito/automatico/eliminar/cobro'}}",
                    data: {
                        "_token": "{{ csrf_token() }}",
                        idServicio: id
                    },
                    success: function(res) {
                        if (res) {
                            Swal.fire({
                                title: 'Anular Cobro',
                                text: "Se anulo el cobro satisfactoriamente.",
                                icon: 'success',
                                showCancelButton: false,
                                confirmButtonColor: '#3085d6'
                            }).then((result) => {
                                // Reload the Page
                                location.reload();
                            });
                           
                        }
                    },
                    dataType: "json"
                });
            }
        });
    }



    function generar_detalle(id) {
        Swal.fire({
            title: 'Confirmar',
            text: '¿Está que desea gener el detalle del cobro?',
            icon: 'question',
            showCancelButton: true,
            confirmButtonText: `<i class="fa fa-check"></i> Aceptar`,
            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('').'cobros/debito/automatico/generar_detalle/cobro'}}",
                    data: {
                        "_token": "{{ csrf_token() }}",
                        idServicio: id
                    },
                    success: function(res) {
                        if (res) {
                            Swal.fire({
                                title: 'Anular Cobro',
                                text: "Se anulo el cobro satisfactoriamente.",
                                icon: 'success',
                                showCancelButton: false,
                                confirmButtonColor: '#3085d6'
                            }).then((result) => {
                                // Reload the Page
                                location.reload();
                            });
                           
                        }
                    },
                    dataType: "json"
                });
            }
        });
    }


    function anular_todos() {

        var ids = document.querySelectorAll("input[name='cobro_id[]']:checked");
        if(ids.length > 0) {
            // Existe al menos un input obtenido
           // console.log("Hay al menos un input obtenido");

        } else {
            // No existe ningún input obtenido
            //console.log("No hay ningún input obtenido");
            Swal.fire({
                                title: 'Advertencia',
                                text: "Debe seleccionar almenos un registro.",
                                icon: 'warning',
                                showCancelButton: false,
                                confirmButtonColor: '#3085d6'
                            });
                            return 0;
        }


        var a = [];
        for (var i = 0; i < ids.length; i++) {
            a[i] = ids[i].value;
        }

        Swal.fire({
            title: 'Confirmar',
            text: 'Èsta seguro de que desea anular los cobros?',
            icon: 'question',
            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: "PUT",
                    url: "{{asset('').'cobros/debito/automatico/anular/cobros'}}",
                    data: {
                        "_token": "{{ csrf_token() }}",
                        idServicio: a
                    },
                    success: function(res) {
                        if (res) {
                            Swal.fire({
                                title: 'Anular Cobro',
                                text: "Se anulo el cobro satisfactoriamente.",
                                icon: 'success',
                                showCancelButton: false,
                                confirmButtonColor: '#3085d6'
                            });
                        }
                    },
                    dataType: "json"
                });

             window.location.reload()
            }
        });
    }

    function cobrar(index) {
        var contrato_id = $('#contrato_id_' + index).val();
        var fecha_inicio = $('#inicio').val();
        var fecha_fin = $('#fin').val();
        Swal.fire({
            title: 'Generar Cobro',
            html: 'Procesando...',
            timer: 4000,
            didOpen: () => {
                Swal.showLoading();
                $.ajax({
                    type: "POST",
                    url: "{{asset('').'cobros/debito/automatico/generar'}}",
                    data: {
                        "_token": "{{ csrf_token() }}",
                        inicio: fecha_inicio,
                        fin: fecha_fin,
                        contrato: contrato_id
                    },
                    success: function(res) {
                        if (res) {
                            Swal.fire({
                                title: 'Generar Cobro',
                                text: "Se genero el cobro satisfactoriamente.",
                                icon: 'success',
                                showCancelButton: false,
                                confirmButtonColor: '#3085d6'
                            });
                        }
                    },
                    dataType: "json"
                });
            }
        });
    }

    function buscar(control) {
        if (control == 'cliente') {
            if ($('#' + control).val() != '') {
                document.getElementById("frmCobros").submit();
            }
        } else {
            if ($('#´' + control).val() != '') {
                document.getElementById("frmCobros").submit();
            }
        }
    }

    function limpiar() {
        $('#cliente').val('');
        $('#codigo').val('').change();
        document.getElementById("frmCobros").submit();
    }

    $(document).ready(function() {
        //Initialize Select2 Elements
        $('.select2').select2();
    });
</script>
@endsection