@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-primary">Listado a Conciliar - {{$data->cobro_planilla_nombre}}</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><a class="parent-item" href="{{ url('pagos/depositos/tranferencias/historico') }}">Listado</a>
                        </li>
                    </ol>
                    
                </div>
                
            </div>
            <div class="row">
              <div class="col-md-12 mb-3">
                <div class="float-right">
                  <a href="{{url('pagos/depositos/tranferencias/historico')}}" class="btn btn-warning"><i class="fa fa-chevron-left"></i>Volver a Lista</a>
                </div>
              </div>
            </div>
            <!-- start widget -->
            <!-- start admited patient list -->
            <div class="row">
               <div class="col-md-12">
                 <div class="card">
                   <div class="card-body">

                    <div class="row">
                      <div class="col-3">
                        <ul class="list-group list-group-unbordered mb-3">
                          <li class="list-group-item">
                             <b>Código</b><br>
                              <a>
                                {{ $data->cobro_planilla_codigo}}
                              </a>
                          </li>
                           <li class="list-group-item">
                             <b>Valor Cargado</b><br>
                              <a>
                                {{ $simbolo_moneda.number_format($data->cobro_planilla_valor,2,'.',',')}}
                              </a>
                          </li>        
                        </ul>
                      </div>
                      <div class="col-3">
                        <ul class="list-group list-group-unbordered mb-3">
                          <li class="list-group-item">
                               <b>Fecha Creacion</b><br>
                              <a>{{$data->cobro_planilla_fechacreacion}}</a><br>
                          </li>
                          <li class="list-group-item">
                             <b>Valor a Conciliar</b><br>
                             <a>
                              @php
                                $valor_conciliar = $controller->getValorPagado($data->cobro_planilla_id);
                              @endphp
                              <span class="text-danger">₡ {{ number_format($valor_conciliar,2,',','.') }}</span>
                            </a>
                          </li>
                        </ul>                       
                      </div>
                      <div class="col-3">
                        <ul class="list-group list-group-unbordered mb-3">
                          <li class="list-group-item">
                             <b>Fecha Conciliación</b><br>
                              <a>{{$data->cobro_planilla_fechamodificacion}}</a>
                          </li>
                          <li class="list-group-item">
                            <b>Valor Impuesto</b><br>
                            @php
                              $valor_impuesto = $controller->getValorImpuestoConciliacion($data->cobro_planilla_id);
                            @endphp
                            <a>₡ {{ number_format($valor_impuesto,2,',','.') }}</a><br>
                          </li>
                        </ul>
                      </div>
                      <div class="col-3">
                        <ul class="list-group list-group-unbordered mb-3">
                          <li class="list-group-item">
                            <b>Estado</b><br>
                            <a>
                              {{$model->estados($data->cobro_planilla_estado)}}
                            </a>
                          </li>
                        </ul>
                      </div>
                    </div>                     
                   </div>
                 </div>
               </div>

               <div class="col-md-12">
                    <div class="card">
                      <div class="card-header p-2">
                        <ul class="nav nav-pills">
                          <li class="nav-item"><a class="nav-link active" href="#conciliados" data-toggle="tab"><i class="fa fa-handshake-o"></i> Conciliados</a></li>
                          <li class="nav-item"><a class="nav-link" href="#transacciones_fallidas_as" data-toggle="tab"><i class="fa fa-building"></i> Transacciones fallidas</a></li>
                          <li class="nav-item"><a class="nav-link" href="#registros_no_identificados" data-toggle="tab"><i class="fa fa-times"></i> Registros No Identificados</a></li>
                          <li class="nav-item"><a class="nav-link" href="#transacciones_fallidas" data-toggle="tab"><i class="fa fa-ban"></i> Transacciones fallidas</a></li>
                          <li class="nav-item"><a class="nav-link" href="#pagos_duplicados" data-toggle="tab"><i class="fa fa-ban"></i> Pagos Duplicados</a></li>
                        </ul>
                      </div><!-- /.card-header -->
                      <div class="card-body">
                        <div class="tab-content">
                          <div class="active tab-pane" id="conciliados">
                            
                            <div class="row">
                              <div class="col-md-12">
                                <div class="table-responsive">
                                  <table class="table table-wrap">
                                    <thead>
                                      <tr>
                                        <th>Cliente</th>
                                        <th>Consecutivo</th>
                                        <th>Pago Referencia</th>
                                        <th>Observaciones</th>
                                        <th>Fecha de Pago</th>
                                        <th>Valor</th>
                                        <th>Estado</th>
                                        <th>Acciones</th>
                                      </tr>
                                      {!! Form::open(['url' => 'pagos/depositos/tranferencias/historico/ver_detalle/'.$data->cobro_planilla_id,'method'=>'get','id'=>'frmFiltros']) !!} 
                                      <tr>
                                        <th>
                                          {!! Form::select('cliente', [], null, ['id'=>'cliente','placeholder' => '-Seleccionar-','class'=>'form-control select2','style'=>'width: 80%;','onchange'=>"buscar(event,'cliente')"])  !!}
                                        </th><!--Cliente-->
                                        <th>
                                           {!! Form::text('consecutivo',$consecutivo,['placeholder'=>'Consecutivo','id'=>'consecutivo','class'=>'form-control','onkeyup'=>"buscar(event,'consecutivo')"]) !!}
                                        </th><!--Consecutivo<-->
                                        <th>
                                           {!! Form::text('pago_referecnia',$pago_referecnia,['placeholder'=>'Pago Referencia','id'=>'pago_referecnia','class'=>'form-control','onkeyup'=>"buscar(event,'pago_referecnia')"]) !!}
                                        </th><!--Pago Referencia-->
                                        <th>
                                           {!! Form::text('observaciones',$observaciones,['placeholder'=>'Observaciones','id'=>'observaciones','class'=>'form-control','onkeyup'=>"buscar(event,'observaciones')"]) !!}
                                        </th><!--Observaciones-->
                                        <th>
                                          {!! Form::date('fecha_contrato',null,['id'=>'fecha_contrato','class'=>'form-control','onchange'=>"buscar(event,'fecha_contrato')",'placeholder'=>'']) !!}
                                        </th><!--Fecha de Pago-->
                                        <th></th><!--Valor-->
                                        <th>
                                          {!! Form::select('estado',$model_pago->const_pago('estado_texto'),$estado, ['id'=>'estado','placeholder' => '-Seleccionar-','class'=>'form-control select2','style'=>'width: 80%;','onchange'=>"buscar(event,'estado')"])  !!}
                                        </th><!--Estado-->
                                        <th></th><!--Acciones-->
                                      </tr>
                                      {!! Form::close() !!}
                                    </thead>
                                    <tbody>
                                      @if(count($data_conciliados)>0)
                                        @foreach($data_conciliados as $item)
                                          <tr>
                                            <td>{{$item->cliente_documento.' '.$item->cliente_nombres.' '.$item->cliente_apellido1.' '.$item->cliente_apellido2}}</td>
                                            <td>{{$item->pago_consecutivo}}</td>
                                            <td>{{$item->pago_referencia}}</td>
                                            <td>{{$item->pago_observaciones}}</td>
                                            <td>{{$item->pago_fecha}}</td>
                                            <td>{{$simbolo_moneda.number_format($item->pago_valor,2,'.',',')}}</td>
                                            <td>{{$model_pago->const_pago('estado_texto')[$item->pago_estado]}}</td>
                                            <td>
                                              <div class="btn-group">
                                                <a target="_blank" href="{{url('pagos/depositos/tranferencias/historico/factura/'.$item->pago_id.'/ver')}}" class="btn btn-tbl-update btn-xs" data-bs-toggle="tooltip" data-bs-placement="top" title="Imprimir">
                                                  <i class="fa fa-print"></i>
                                                </a>
                                              </div>
                                            </td>
                                          </tr>
                                        @endforeach
                                      @else
                                      <tr>
                                        <td colspan="8" class="text-center">No se encontraron resultados.</td>
                                      </tr>
                                      @endif
                                    </tbody>
                                    <tfooter>
                                     
                                    </tfooter>
                                  </table>
                                </div>
                                <div class="card-footer">
                                 {{--   <div class="float-right">
                                       {{ $data_conciliados->appends([
                                          'consecutivo' => $consecutivo,
                                          'pago_referecnia' => $pago_referecnia,
                                          'observaciones' => $observaciones,
                                          'estado' => $estado,
                                        ])->links() }}
                                      </div> --}}
                              </div>
                              </div>
                            </div>
                          </div>
                           <!-- /.tab-pane -->
                          <div class="tab-pane" id="transacciones_fallidas_as">
                            <div class="row">
                              <div class="col-md-12">
                                <div class="table-responsive">
                                  <table class="table table-wrap">
                                    <thead>
                                      {!! Form::open(['url' => 'pagos/depositos/tranferencias/historico/ver_detalle/'.$data->cobro_planilla_id,'method'=>'get','id'=>'frmFiltros']) !!} 
                                      <tr>
                                        <th>Fecha de Pago</th>
                                        <th># Contrato Cargado</th>
                                        <th>Referencia</th>
                                        <th>Nombre Cargado</th>
                                        <th># Factura Cargada</th>
                                        <th>Transacción</th>
                                        <th>Valor Pagado</th>
                                        <th>Valor Comisión</th>
                                        <th>Concepto</th>
                                        <th>Observaciones</th>
                                        <th>Es de Asociación</th>
                                        <th>Acciones</th>
                                      </tr>
                                       <tr>
                                        <th></th><!--Fecha de Pago-->
                                        <th></th><!--# Contrato Cargado-->
                                        <th>
                                          {!! Form::text('dos_Referencia',$dos_Referencia,['placeholder'=>'Referencia','id'=>'dos_Referencia','class'=>'form-control','onkeyup'=>"buscar(event,'dos_Referencia')"]) !!}
                                        </th><!--Referencia-->
                                        <th></th><!--Nombre Cargado-->
                                        <th></th><!--# Factura Cargada-->
                                        <th>
                                          {!! Form::text('dos_transaccion',$dos_transaccion,['placeholder'=>'Transacción','id'=>'dos_transaccion','class'=>'form-control','onkeyup'=>"buscar(event,'dos_transaccion')"]) !!}
                                        </th><!--Transacción-->
                                        <th>
                                          {!! Form::text('dos_valor_pagado',$dos_valor_pagado,['placeholder'=>'Valor Pagado','id'=>'dos_valor_pagado','class'=>'form-control','onkeyup'=>"buscar(event,'dos_valor_pagado')"]) !!}
                                        </th><!--Valor Pagado-->
                                        <th></th><!--Valor Comisión-->
                                        <th>
                                          {!! Form::text('dos_concepto',$dos_concepto,['placeholder'=>'Concepto','id'=>'dos_concepto','class'=>'form-control','onkeyup'=>"buscar(event,'dos_concepto')"]) !!}
                                        </th><!--Concepto-->
                                        <th>
                                          {!! Form::text('dos_observaciones',$dos_observaciones,['placeholder'=>'Observaciones','id'=>'Observaciones','class'=>'form-control','onkeyup'=>"buscar(event,'dos_observaciones')"]) !!}
                                        </th><!--Observaciones-->
                                        <th>
                                          {!! Form::select('dos_es_asociacion',[0=>'No',1=>'Si'],null, ['id'=>'dos_es_asociacion','placeholder' => '-Seleccionar-','class'=>'form-control select2','style'=>'width: 80%;','onchange'=>"buscar(event,'dos_es_asociacion')"])  !!}
                                        </th><!--Es de Asociación-->
                                        <th></th><!--Acciones-->
                                      </tr>
                                      {!! Form::close() !!}
                                    </thead>
                                    <tbody>
                                      @if(count($data_asociaciones)>0)
                                        @foreach($data_asociaciones as $item)
                                          <tr>
                                            <td>{{$item->con_pen_fecha}}</td>
                                            <td>
                                              @if($item->con_pen_numero_contrato != '')
                                                {{$item->con_pen_numero_contrato}}
                                              @else
                                                <span class="text-danger">(no definido)</span>
                                              @endif
                                            </td>
                                            <td>
                                              @if($item->con_pen_referencia != '')
                                                {{$item->con_pen_referencia}}
                                              @else
                                                <span class="text-danger">(no definido)</span>
                                              @endif
                                            </td>
                                            <td>
                                              @if($item->con_pen_nombre_cliente != '')
                                                {{$item->con_pen_nombre_cliente}}
                                              @else
                                                <span class="text-danger">(no definido)</span>
                                              @endif
                                            </td>
                                            <td>
                                              @if($item->con_pen_numero_recibo != '')
                                                {{$item->con_pen_numero_recibo}}
                                              @else
                                                <span class="text-danger">(no definido)</span>
                                              @endif
                                            </td>
                                            <td>{{$item->con_pen_transaccion}}</td>
                                            <td>{{$item->con_pen_valor}}</td>
                                            <td>
                                              @if($item->con_pen_valor_comision != '')
                                                {{$item->con_pen_valor_comision}}
                                              @else
                                                <span class="text-danger">(no definido)</span>
                                              @endif
                                            </td>
                                            <td>{{$item->con_pen_concepto}}</td>
                                            <td>{{$item->con_pen_observaciones}}</td>
                                             <td>
                                               <input onchange="cambio_asociacion('{{$item->con_pen_id}}','{{!$item->con_pen_es_asociacion}}')" class="filtroClientes" type="checkbox" id="todos_clientes" name="todos_clientes" data-off="No" data-on="Si"  data-toggle="toggle" data-onstyle="primary" data-offstyle="danger" {{$item->con_pen_es_asociacion ? 'checked' : ''}}>
                                            </td>
                                            <td>
                                               <div class="btn-group">
                                                  <a  data-toggle="modal" onclick="buscar_datos({{$item->con_pen_id}})" data-target="#modal_enlazar_pago"class="btn btn-tbl-update btn-xs text-white" data-bs-toggle="tooltip" data-bs-placement="top" title="Enlazar Pago con Cobro">
                                                    <i class="fa fa-link"></i>
                                                  </a>
                                                </div>
                                            </td>
                                          </tr>
                                        @endforeach
                                      @else
                                      <tr>
                                        <td colspan="12" class="text-center">No se encontraron resultados.</td>
                                      </tr>
                                      @endif                                      
                                    </tbody>
                                  </table>
                                </div>
                                <div class="card-footer">
                                   <div class="float-right">
                                      {{ $data_asociaciones->appends([
                                          'dos_Referencia' => $dos_Referencia,
                                          'dos_transaccion' => $dos_transaccion,
                                          'dos_valor_pagado' => $dos_valor_pagado,
                                          'dos_concepto' => $dos_concepto,
                                          'dos_observaciones' => $dos_observaciones,
                                          'dos_es_asociacion' => $dos_es_asociacion,
                                        ])->links() }}
                                      </div>
                              </div>
                              </div>
                            </div>
                          </div>
                          <!-- /.tab-pane -->
                          <div class="tab-pane" id="registros_no_identificados">
                            <div class="row">
                              <div class="col-md-12">
                                dsds
                                <div class="table-responsive">
                                  <table class="table table-wrap">
                                    <thead>
                                      {!! Form::open(['url' => 'pagos/depositos/tranferencias/historico/ver_detalle/'.$data->cobro_planilla_id,'method'=>'get','id'=>'frmFiltros']) !!} 
                                      <tr>
                                        <th>Fecha de Pago</th>
                                        <th># Contrato Cargado</th>
                                        <th>Referencia</th>
                                        <th>Nombre Cargado</th>
                                        <th># Factura Cargada</th>
                                        <th>Transacción</th>
                                        <th>Valor Pagado</th>
                                        <th>Valor Comisión</th>
                                        <th>Concepto</th>
                                        <th>Observaciones</th>
                                        <th>Es de Asociación</th>
                                        <th>Acciones</th>
                                      </tr>
                                       <tr>
                                        <th></th><!--Fecha de Pago-->
                                        <th></th><!--# Contrato Cargado-->
                                        <th>
                                          {!! Form::text('tres_Referencia',$tres_Referencia,['placeholder'=>'Referencia','id'=>'tres_Referencia','class'=>'form-control','onkeyup'=>"buscar(event,'tres_Referencia')"]) !!}
                                        </th><!--Referencia-->
                                        <th></th><!--Nombre Cargado-->
                                        <th></th><!--# Factura Cargada-->
                                        <th>
                                          {!! Form::text('tres_transaccion',$tres_transaccion,['placeholder'=>'Transacción','id'=>'tres_transaccion','class'=>'form-control','onkeyup'=>"buscar(event,'tres_transaccion')"]) !!}
                                        </th><!--Transacción-->
                                        <th>
                                          {!! Form::text('tres_valor_pagado',$tres_valor_pagado,['placeholder'=>'Valor Pagado','id'=>'tres_valor_pagado','class'=>'form-control','onkeyup'=>"buscar(event,'tres_valor_pagado')"]) !!}
                                        </th><!--Valor Pagado-->
                                        <th></th><!--Valor Comisión-->
                                        <th>
                                          {!! Form::text('tres_concepto',$tres_concepto,['placeholder'=>'Concepto','id'=>'tres_concepto','class'=>'form-control','onkeyup'=>"buscar(event,'tres_concepto')"]) !!}
                                        </th><!--Concepto-->
                                        <th>
                                          {!! Form::text('tres_observaciones',$tres_observaciones,['placeholder'=>'Observaciones','id'=>'tres_observaciones','class'=>'form-control','onkeyup'=>"buscar(event,'tres_observaciones')"]) !!}
                                        </th><!--Observaciones-->
                                        <th>
                                          {!! Form::select('tres_es_asociacion',[0=>'No',1=>'Si'],$tres_es_asociacion, ['id'=>'tres_es_asociacion','placeholder' => '-Seleccionar-','class'=>'form-control select2','style'=>'width: 80%;','onchange'=>"buscar(event,'tres_es_asociacion')"])  !!}
                                        </th><!--Es de Asociación-->
                                        <th></th><!--Acciones-->
                                      </tr>
                                      {!! Form::close() !!}
                                    </thead>
                                    <tbody>
                                      @if(count($data_reg_no_identificados)>0)
                                        @foreach($data_reg_no_identificados as $item)
                                          <tr>
                                            <td>{{$item->con_pen_fecha}}</td>
                                            <td>
                                              @if($item->con_pen_numero_contrato != '')
                                                {{$item->con_pen_numero_contrato}}
                                              @else
                                                <span class="text-danger">(no definido)</span>
                                              @endif
                                            </td>
                                            <td>
                                              @if($item->con_pen_referencia != '')
                                                {{$item->con_pen_referencia}}
                                              @else
                                                <span class="text-danger">(no definido)</span>
                                              @endif
                                            </td>
                                            <td>
                                              @if($item->con_pen_nombre_cliente != '')
                                                {{$item->con_pen_nombre_cliente}}
                                              @else
                                                <span class="text-danger">(no definido)</span>
                                              @endif
                                            </td>
                                            <td>
                                              @if($item->con_pen_numero_recibo != '')
                                                {{$item->con_pen_numero_recibo}}
                                              @else
                                                <span class="text-danger">(no definido)</span>
                                              @endif
                                            </td>
                                            <td>{{$item->con_pen_transaccion}}</td>
                                            <td>{{$item->con_pen_valor}}</td>
                                            <td>
                                              @if($item->con_pen_valor_comision != '')
                                                {{$item->con_pen_valor_comision}}
                                              @else
                                                <span class="text-danger">(no definido)</span>
                                              @endif
                                            </td>
                                            <td>{{$item->con_pen_concepto}}</td>
                                            <td>{{$item->con_pen_observaciones}}</td>
                                             <td>
                                               <input onchange="cambio_asociacion('{{$item->con_pen_id}}','{{!$item->con_pen_es_asociacion}}')" class="filtroClientes" type="checkbox" id="todos_clientes" name="todos_clientes" data-off="No" data-on="Si"  data-toggle="toggle" data-onstyle="primary" data-offstyle="danger" {{$item->con_pen_es_asociacion ? 'checked' : ''}}>
                                            </td>
                                            <td>
                                               <div class="btn-group">
                                                  <a  data-toggle="modal" onclick="buscar_datos({{$item->con_pen_id}})" data-target="#modal_enlazar_pago"class="btn btn-tbl-update btn-xs text-white" data-bs-toggle="tooltip" data-bs-placement="top" title="Enlazar Pago con Cobro">
                                                    <i class="fa fa-link"></i>
                                                  </a>
                                                </div>
                                            </td>
                                          </tr>
                                        @endforeach
                                      @else
                                      <tr>
                                        <td colspan="12" class="text-center">No se encontraron resultados.</td>
                                      </tr>
                                      @endif                                      
                                    </tbody>
                                  </table>
                                </div>
                                <div class="card-footer">
                                   <div class="float-right">
                                       {{ $data_reg_no_identificados->appends([
                                        ])->links() }}
                                      </div>
                              </div>
                              </div>
                            </div>
                          </div>
                          <!-- /.tab-pane -->
                          <div class="tab-pane" id="transacciones_fallidas">
                            <div class="row">
                              <div class="col-md-12">
                                <div class="table-responsive">
                                  <table class="table table-wrap">
                                    <thead>
                                      <tr>
                                        <th>Forma de Pago</th>
                                        <th>Fecha</th>
                                        <th>Referencia</th>
                                        <th>Valor</th>
                                        <th>Concepto</th>
                                        <th>Observaciones</th>
                                      </tr>
                                       <tr>
                                        <th></th><!--Forma de Pago-->
                                        <th></th><!--Fecha-->
                                        <th>
                                           {!! Form::text('cuatro_refrerencia',$cuatro_refrerencia,['placeholder'=>'Referencia','id'=>'cuatro_refrerencia','class'=>'form-control','onkeyup'=>"buscar(event,'cuatro_refrerencia')"]) !!}
                                        </th><!--Referencia-->
                                        <th></th><!--Valor-->
                                        <th>
                                          {!! Form::text('cuatro_concepto',$cuatro_refrerencia,['placeholder'=>'Concepto','id'=>'cuatro_concepto','class'=>'form-control','onkeyup'=>"buscar(event,'cuatro_concepto')"]) !!}
                                        </th><!--Concepto-->
                                        <th>
                                          {!! Form::text('cuatro_observaciones',$cuatro_observaciones,['placeholder'=>'Observaciones','id'=>'cuatro_observaciones','class'=>'form-control','onkeyup'=>"buscar(event,'cuatro_observaciones')"]) !!}
                                        </th><!--Observaciones-->
                                      </tr>
                                    </thead>
                                    <tbody>
                                      @if(count($data_trans_fallidas) > 0)
                                        @foreach($data_trans_fallidas as $item)
                                          <tr>
                                            <td>{{$item->forma_pago_nombre}}</td>
                                            <td>
                                              {{-- {{date_format(date_create($item->tra_fal_fecha),'d/m/Y')}} --}}
                                              {{$item->tra_fal_fecha}}
                                            </td>
                                            <td>
                                              @if($item->tra_fal_referencia != '')
                                                {{$item->tra_fal_referencia}}
                                              @else
                                                <span class="text-danger">(no definido)</span>
                                              @endif
                                            </td>
                                            <td>{{$simbolo_moneda.number_format($item->tra_fal_valor,2,',','.')}}</td>
                                            <td>
                                              @if($item->tra_fal_concepto != '')
                                                {{$item->tra_fal_concepto}}
                                              @else
                                                <span class="text-danger">(no definido)</span>
                                              @endif
                                            </td>
                                            <td>{{$item->tra_fal_observaciones}}</td>
                                          </tr>
                                        @endforeach
                                      @else
                                      <tr>
                                        <td colspan="6" class="text-center">No se encontraron resultados.</td>
                                      </tr>
                                      @endif
                                    </tbody>
                                  </table>
                                </div>
                                 <div class="card-footer">
                                   <div class="float-right">
                                       {{ $data_trans_fallidas->appends([
                                          'cuatro_refrerencia' => $cuatro_refrerencia,
                                          'cuatro_concepto' => $cuatro_concepto,
                                          'cuatro_observaciones' => $cuatro_observaciones,
                                        ])->links() }}
                                      </div>
                              </div>
                              </div>
                            </div>
                          </div>
                          <!-- /.tab-pane -->

                           <!-- /.tab-pane -->
                           <div class="tab-pane" id="pagos_duplicados">
                            <div class="row">
                              <div class="col-md-12">
                                <div class="table-responsive">
                                 <table class="table table-wrap">
                                    <thead>
                                      <tr>
                                        <td>Fecha de Pago</td>
                                        <td># Contrato Cargado</td>
                                        <td>Referencia</td>
                                        <td>Nombre Cargado</td>
                                        <td># Factura Cargada</td>
                                        <td>Transacción</td>
                                        <td>Valor Pagado</td>
                                        <td>Valor Comisión</td>
                                        <td>Concepto</td>
                                        <td>Observaciones</td>
                                        <td>Es de Asociación</td>
                                        <td>Acciones</td>
                                      </tr>
                                       <tr>
                                        <td></td><!--Fecha de Pago-->
                                        <td></td><!--# Contrato Cargado-->
                                        <td>
                                          {!! Form::text('dos_referencia',null,['placeholder'=>'Referencia','id'=>'dos_referencia','class'=>'form-control','onkeyup'=>"buscar(event,'dos_referencia')"]) !!}
                                        </td><!--Referencia-->
                                        <td></td><!--Nombre Cargado-->
                                        <td></td><!--# Factura Cargada-->
                                        <td>
                                           {!! Form::text('dos_transaccion',null,['placeholder'=>'Transacción','id'=>'dos_transaccion','class'=>'form-control','onkeyup'=>"buscar(event,'dos_transaccion')"]) !!}
                                        </td><!--Transacción-->
                                        <td>
                                          {!! Form::text('dos_valor_pagado',null,['placeholder'=>'Valor Pagado','id'=>'dos_valor_pagado','class'=>'form-control','onkeyup'=>"buscar(event,'dos_valor_pagado')"]) !!}
                                        </td><!--Valor Pagado-->
                                        <td></td><!--Valor Comisión-->
                                        <td>
                                          {!! Form::text('dos_concepto',null,['placeholder'=>'Concepto','id'=>'dos_concepto','class'=>'form-control','onkeyup'=>"buscar(event,'dos_concepto')"]) !!}
                                        </td><!--Concepto-->
                                        <td>
                                          {!! Form::text('dos_observaciones',null,['placeholder'=>'Observaciones','id'=>'dos_observaciones','class'=>'form-control','onkeyup'=>"buscar(event,'dos_observaciones')"]) !!}
                                        </td><!--Observaciones-->
                                        <td></td><!--Es de Asociación-->
                                        <td></td><!--Acciones-->
                                      </tr>
                                    </thead>
                                    <tbody>
                                      @if(count($data_no_conciliar) > 0)
                                        @foreach($data_no_conciliar as $item)
                                          <tr>
                                            <td>
                                              @php
                                                  $fecha = $controller->transformPagoFecha($item->con_pen_fecha)
                                              @endphp
                                              {{$fecha}}
                                            </td>
                                            <td>
                                              @if($item->con_pen_numero_contrato != '')
                                                {{$item->con_pen_numero_contrato}}
                                              @else
                                                <span class="text-danger">(no definido)</span>
                                              @endif
                                            </td>
                                            <td>
                                              @if($item->con_pen_referencia != '')
                                                {{$item->con_pen_referencia}}
                                              @else
                                                <span class="text-danger">(no definido)</span>
                                              @endif
                                            </td>
                                            <td>
                                              @if($item->con_pen_nombre_cliente != '')
                                                {{$item->con_pen_nombre_cliente}}
                                              @else
                                                <span class="text-danger">(no definido)</span>
                                              @endif
                                            </td>
                                            <td>
                                              @if($item->con_pen_numero_recibo != '')
                                                {{$item->con_pen_numero_recibo}}
                                              @else
                                                <span class="text-danger">(no definido)</span>
                                              @endif
                                            </td>
                                            <td>{{$item->con_pen_transaccion}}</td>
                                            <td>{{$simbolo_moneda.number_format($item->con_pen_valor,2,',','.')}}</td>
                                            <td>
                                              @if($item->con_pen_valor_comision != '')
                                                {{$item->con_pen_valor_comision}}
                                              @else
                                                <span class="text-danger">(no definido)</span>
                                              @endif
                                            </td>
                                            <td>{{$item->con_pen_concepto}}</td>
                                            <td>{{$item->con_pen_observaciones}}</td>
                                            <td>
                                              @if($item->con_pen_estado == 1 || $item->con_pen_estado == 5)
                                                 <input onchange="cambio_asociacion('{{$item->con_pen_id}}','{{!$item->con_pen_es_asociacion}}')" class="filtroClientes" type="checkbox" id="todos_clientes" name="todos_clientes" data-off="No" data-on="Si"  data-toggle="toggle" data-onstyle="primary" data-offstyle="danger" {{$item->con_pen_es_asociacion ? 'checked' : ''}}>
                                              @else
                                                {{$item->con_pen_es_asociacion == 0 ? 'NO' : 'SI'}}
                                              @endif
                                            </td>
                                            <td>
                                              @if($item->con_pen_estado == 1 || $item->con_pen_estado == 5)
                                              <div class="btn-group">
                                                  <a  data-toggle="modal" onclick="buscar_datos({{$item->con_pen_id}})" data-target="#modal_enlazar_pago"class="btn btn-tbl-update btn-xs text-white" data-bs-toggle="tooltip" data-bs-placement="top" title="Enlazar Pago con Cobro No">
                                                    <i class="fa fa-link"></i>
                                                  </a>
                                                  <button data-toggle="modal" data-target="#modal_adelantar_cobros" class="btn btn-info btn btn-tbl-update btn-xs text-white"><i class="fa fa-random" title="Adelantar Cobros"></i></button>
                                              </div>
                                              @endif
                                            </td>
                                          </tr>
                                        @endforeach
                                      @else
                                      <tr>
                                        <td colspan="12" class="text-center">No se encontraron resultados.</td>
                                      </tr>
                                      @endif
                                    </tbody>
                                  </table>
                                  
                                </div>
                                  <div class="card-footer">
                                    <div class="float-right">
                                          {{ $data_no_conciliar->appends([
                                            ])->links() }}
                                    </div>
                                </div>
                              </div>
                            </div>
                          </div>
                          <!-- /.tab-pane -->

                        </div>
                        <!-- /.tab-content -->
                      </div><!-- /.card-body -->
                    </div>
                    <!-- /.nav-tabs-custom -->
                </div>
                <!-- /.col -->  
            </div>
        </div>
    </div>
  <!----Enlazar pagos------>
<div class="modal fade" id="modal_enlazar_pago" tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel" style="display: none;" aria-hidden="true">
  <div class="modal-dialog modal-lg" role="document">
    <div class="modal-content">
      <div class="modal-header">
        <h4 class="modal-title" id="exampleModalLabel">Enlazar Pago</h4>
        <button type="button" class="close" data-dismiss="modal" aria-label="Close">
            <span aria-hidden="true">×</span>
        </button>
      </div>
      <div class="modal-body">
        <div class="row col-md-12">
          <div class="col-sm-12">
            <label class="form-label text-color-dark text-3" for="m_cliente">Cliente</label>
            {!! Form::select('m_cliente',[],null,['class'=>'form-control','id'=>'m_cliente','placeholder'=>'Seleccionar','onchange'=>'buscar_contratos()']) !!}  
          </div>
        </div>
        <div class="row col-md-12">
          <div class="col-sm-12">
            <label class="form-label text-color-dark text-3" for="m_contrato">Contrato</label>
            {!! Form::select('m_contrato',[],null,['class'=>'form-control','id'=>'m_contrato','placeholder'=>'Seleccionar','onchange'=>'buscar_servicio()']) !!}  
          </div>
        </div>
        <div class="row col-md-12">
          <div class="col-sm-12">
            <label class="form-label text-color-dark text-3" for="m_servicio">Servicio</label>
            {!! Form::select('m_servicio',[],null,['class'=>'form-control','id'=>'m_servicio','placeholder'=>'Seleccionar','onchange'=>'buscar_cobros()']) !!}  
          </div>
        </div>
        <div class="row col-md-12">
          <div class="col-sm-12">
            <label class="form-label text-color-dark text-3" for="m_cobro">Cobro</label>
            {!! Form::select('m_cobro',[],null,['class'=>'form-control','id'=>'m_cobro','placeholder'=>'Seleccionar']) !!}  
            <input type="hidden" id="con_pend_id" value="0">
          </div>
        </div>
         <div class="row col-md-12">
            {!! Form::mtextAr('motivo',null,'Observaciones',$errors,12,false) !!}
        </div>
      </div>
      <div class="modal-footer text-center">
        <input type="hidden" name="id_registro" id="id_registro" value="0">
        <button onclick="generar_cobros()" type="button" class="btn bg-success text-white"><i class="fa fa-save"></i> Guardar</button>
        <button type="button" class="btn btn-warning" data-dismiss="modal"><i class="fa fa-ban"></i> Cancelar</button>
      </div>
    </div>
  </div>
</div>
@endsection
@section('script')
    <script type="text/javascript">
     function buscar(e,tipo){
            $('#accion').val(1);
            var textoSelect = $('#'+tipo).val();
            if (e.keyCode === 13 && !e.shiftKey){
                document.getElementById("frmFiltros").submit();
            }else if(tipo == 'cliente'){
                if(textoSelect =! '')
                    document.getElementById("frmFiltros").submit();
            }else if(tipo == 'estado'){
                if(textoSelect =! '')
                    document.getElementById("frmFiltros").submit();
            }
        }
         function cambio_asociacion(id,valor){
        console.log('valor'+valor);
        $.ajax({
            type: "POST",
            url: "{{asset('').'pagos/depositos/tranferencias/listados_no_conciliados/ver_detalle/ajax'}}",
            data: { "_token": "{{ csrf_token() }}", op: 'es_asociacion', id : id, val: valor },
            success: function (res) {
              if(res.status){
                 Swal.fire({
                  icon: 'success',
                  title: 'Alerta',
                  text: 'Cambio realizado con éxito.',
                });
                 window.location.reload();
              }
            },
            dataType: "json"
        });
      }
      function buscar_datos(id){
        var url= "{{ URL::asset('pagos/asociacion/planilla_no_conciliada/') }}"+"/"+id+"/ajax/cliente";
        $.get(url, function(res) {
          var obj = $.parseJSON(res);
          $('#id_registro').val(id);
          $('#m_cliente').val(obj.cliente).change();
          //$('#motivo').val('No se logro identificar el pago en la planilla para su conciliación. Recibo aplicado manualmente.');
          $('#motivo').val('');
        });
      }
    </script>
@endsection