@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">Pagos en Bancos</div>
                    </div>
                    <ol class="breadcrumb page-breadcrumb pull-right">
                        <li><i class="fa fa-home"></i>&nbsp;<a class="parent-item" href="{{ url('/dashboard') }}">Inicio</a>&nbsp;<i class="fa fa-angle-right"></i>
                        </li>
                        <li class="active">Pagos en Bancos</li>
                    </ol>
                </div>
            </div>
            <!-- start widget -->
            <!-- start admited patient list -->
            <div class="row">
                <div class="col-md-12 col-sm-12">
                    <div class="card  card-box">
                        <div class="card-head">
                            <header>Listado</header>
                        </div>
                        <div class="card-body ">
                            <div class="row">
                                {!! Form::open(['url' => 'pagos/debito_automatico/registros_conciliados','method'=>'get','id'=>'frmFiltros']) !!} 
                                <div class="col-11">
                                    <a href="{{ url('pagos/debito_automatico/registros_conciliados') }}" class="btn btn-warning mb-3">Limpiar Filtro</a>
                                </div>
                            </div>
                            <div class="table-wrap">
                                <div class="table-responsive">
                                    <table class="table display product-overview mb-30">
                                        <thead>
                                        <tr>
                                            <th><b>Cédula Cliente</b></th>
                                            <th><b>Cliente</b></th>
                                            <th><b>Contrato</b></th>
                                            <th><b>Forma Pago</b></th>
                                            <th><b>Consecutivo</b></th>
                                            <th><b>Consecutivo T (Cobrador)</b></th>
                                            <th><b>Consecutivo Manual</b></th>
                                            <th><b>Pago Referencia</b></th>
                                            <th><b>Fecha de Pago</b></th>
                                            <th><b>Concepto</b></th>
                                            <th><b>Valor</b></th>
                                            <th><b>Saldo a Favor</b></th>
                                            <th><b>Pago Total</b></th>
                                            <th><b>Observaciones</b></th>
                                            <th><b>Modulo Forma Pago</b></th>
                                            <th><b>Estado</b></th>
                                            <th><b>Acciones</b></th>
                                        </tr>
                                        <tr>
                                            <th></th><!--Cédula Cliente-->
                                            <th>
                                                {!! Form::select('cliente',[], $cliente, ['id'=>'cliente','placeholder' => '-Seleccionar-','class'=>'form-control select2','style'=>'width: 80%;','onchange'=>"buscar(event,'cliente')"])  !!}
                                            </th><!--Cliente-->
                                            <th>
                                                {!! Form::text('contrato',$contrato,['id'=>'contrato','class'=>'form-control','onkeyup'=>"buscar(event,'contrato')"]) !!}
                                            </th><!--Contrato-->
                                            <th>
                                                {!! Form::select('forma_pago',$formas_pago, $forma_pago, ['id'=>'forma_pago','placeholder' => '-Seleccionar-','class'=>'form-control select2','style'=>'width: 80%;','onchange'=>"buscar(event,'forma_pago')"])  !!}
                                            </th><!--Forma Pago-->
                                            <th>
                                                {!! Form::text('consecutivo',$forma_pago,['id'=>'consecutivo','class'=>'form-control','onkeyup'=>"buscar(event,'consecutivo')"]) !!}
                                            </th><!--Consecutivo-->
                                            <th>
                                                {!! Form::text('consecutivo_t',$consecutivo_t,['id'=>'consecutivo_t','class'=>'form-control','onkeyup'=>"buscar(event,'consecutivo_t')"]) !!}
                                            </th><!--Consecutivo T (Cobrador)-->
                                            <th>
                                                {!! Form::text('consecutivo_m',$consecutivo_m,['id'=>'consecutivo_m','class'=>'form-control','onkeyup'=>"buscar(event,'consecutivo_m')"]) !!}
                                            </th><!--Consecutivo Manual-->
                                            <th>
                                                {!! Form::text('pago_referencia',$pago_referencia,['id'=>'pago_referencia','class'=>'form-control','onkeyup'=>"buscar(event,'pago_referencia')"]) !!}
                                            </th><!--Pago Referencia-->
                                            <th>
                                                {!! Form::text('fecha_pago',(date_format(date_create(),'m/d/Y').' - '.date_format(date_create(),'m/d/Y')),['id'=>'fecha_pago','class'=>'form-control range_date','style'=>'width: 100%;','onchange'=>"buscar(event,'fecha_pago')"]) !!}
                                            </th><!--Fecha de Pago-->
                                            <th></th><!--Concepto-->
                                            <th></th><!--Valor-->
                                            <th></th><!--Saldo a Favor-->
                                            <th></th><!--Pago Total-->
                                            <th>
                                                {!! Form::text('observaciones',$observaciones,['id'=>'observaciones','class'=>'form-control','onkeyup'=>"buscar(event,'observaciones')"]) !!}
                                            </th><!--Observaciones-->
                                            <th>
                                                {!! Form::select('modulo_forma_pago',$formas_pago, $modulo_forma_pago, ['id'=>'modulo_forma_pago','placeholder' => '-Seleccionar-','class'=>'form-control select2','style'=>'width: 80%;','onchange'=>"buscar(event,'modulo_forma_pago')"])  !!}
                                            </th><!--Modulo Forma Pago-->
                                            <th>
                                                {!! Form::select('estado',$modelo->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-->
                                            {!! Form::close() !!}
                                        </tr>
                                        </thead>
                                        <tbody>
                                            @if(count($data)>0)
                                                @foreach($data as $item)
                                                    <tr>
                                                        <td>{{$item->cliente_documento}}</td>
                                                        <td>{{$item->cliente_nombres.' '.$item->cliente_apellido1.' '.$item->cliente_apellido2}}</td>
                                                        <td>{{$item->contrato_codigo}}</td>
                                                        <td>{{$item->forma_pago_nombre}}</td>
                                                        <td>{{$item->pago_consecutivo}}</td>
                                                        <td>
                                                            @if($item->pago_consecutivoT != '')
                                                                {{$item->pago_consecutivoT}}
                                                            @else
                                                                <span class="text-danger text-center">(no definido)</span>
                                                            @endif
                                                        </td>
                                                        <td>
                                                            @if($item->pago_consecutivo_manual != '')
                                                                {{$item->pago_consecutivo_manual}}
                                                            @else
                                                                <span class="text-danger text-center">(no definido)</span>
                                                            @endif
                                                        </td>
                                                        <td>
                                                            @if($item->pago_referencia != '')
                                                                {{$item->pago_referencia}}
                                                            @else
                                                                <span class="text-danger text-center">(no definido)</span>
                                                            @endif
                                                        </td>
                                                        <td>{{date_format(date_create($item->pago_fecha),'d/m/Y')}}</td>
                                                        <td></td>
                                                        <td>{{$simbolo_moneda.number_format($item->pago_valor,2,',',',')}}</td>
                                                        <td>{{$simbolo_moneda.number_format(($contralador->getSaldoFavorPago($item->pago_cliente_id,$item->pago_id)),2,',',',')}}</td>
                                                        <td>{{$simbolo_moneda.number_format(($item->pago_valor+$contralador->getSaldoFavorPago($item->pago_cliente_id,$item->pago_id)),2,',',',')}}</td>
                                                        <td>{{$item->pago_observaciones}}</td>
                                                        <td>{{$item->nombres_forma_pag_manual}}</td>
                                                        <td>
                                                            @if($item->pago_estado == 1)
                                                                <span class="text-success">Activo</span>
                                                            @else
                                                                <span class="text-danger">Anulado</span>
                                                            @endif
                                                        </td>
                                                        <td>
                                                         <div class="btn-group">
                                                                  <a 
                                                                    href="{{url('pagos/debito_automatico/registros_conciliados/factura/'.$item->pago_id)}}" 
                                                                    class="btn btn-tbl-update btn-xs" 
                                                                    data-bs-toggle="tooltip" 
                                                                    data-bs-placement="top" 
                                                                    title="Imprimir"
                                                                    target="_blank"
                                                                    >
                                                                    <i class="fa fa-print"></i>
                                                                  </a>
                                                                  <a 
                                                                    onclick="anular_pago('{{$item->pago_id}}')" 
                                                                    class="btn btn-tbl-update btn-xs text-white" 
                                                                    data-bs-toggle="tooltip" 
                                                                    data-bs-placement="top" 
                                                                    title="Anular">
                                                                    <i class="fa fa-ban"></i>
                                                                  </a>
                                                                  {{-- <a onclick="eliminar_pago('{{$item->pago_id}}')" class="btn btn-tbl-update btn-xs" data-bs-toggle="tooltip" data-bs-placement="top" title="Anular">
                                                                    <i class="fa fa-delete"></i>
                                                                  </a> --}}
                                                            </div>
                                                        </td>
                                                    </tr>
                                                @endforeach
                                            @else
                                            <tr>
                                                <td colspan="17" class="text-center">Sin registros.</td>
                                            </tr>
                                            @endif
                                        </tbody>
                                    </table>                                   
                                </div>
                            </div>
                            
                        </div>
                        <div class="card-footer">
                            <div class="float-right">
                                {{ $data->appends([
                                    'contrato'=>$contrato,
                                    'forma_pago'=>$forma_pago,
                                    'consecutivo'=>$consecutivo,
                                    'consecutivo_t'=>$consecutivo_t,
                                    'consecutivo_m'=>$consecutivo_m,
                                    'pago_referencia'=>$pago_referencia,                                    
                                    'observaciones'=>$observaciones,
                                    'modulo_forma_pago'=>$modulo_forma_pago,
                                    'estado'=>$estado,
                                    'cliente'=>$cliente,
                                ])->links() }}
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
@endsection
@section('script')
    <script type="text/javascript">


        $(document).ready(function() {
            $('.select2').select2();
            $('#cliente').select2({
               ajax: {
                   dataType: 'json',
                   url: "{{asset('').'cliente/data/ajax'}}",
                   delay: 250,
                   minimumInputLength: 3,
                   data: function(params) {       
                           var query = {
                               search: params.term.toLowerCase(),
                               page: params.page || 1
                           }
                           console.log(query);
                           return query;
                   },
                   processResults: function (data, page) {
                       console.log(data);
                     return {
                       results: data
                     };
                   },
                   theme: "classic"
               }
           });
        })

         function eliminar_pago(id){
            Swal.fire({
              title: 'Confirmar',
              text: '¿Está seguro de que desea eliminar este pago?',
              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('').'pagos/debito_automatico/registros_conciliados/ajax'}}",
                        data: { "_token": "{{ csrf_token() }}", opcion: 'eliminar_cobro', id : id },
                        success: function (res) {
                            console.log(res);
                          if(res){
                             Swal.fire({
                              icon: 'success',
                              title: 'Éxito.',
                              text: 'Pago actualizado correctamente.',
                            });
                          }
                        },
                        dataType: "json"
                      });
                }
            });
            
        }
        function anular_pago(id){
            Swal.fire({
              title: 'Confirmar',
              text: '¿Está seguro de que desea anular este pago?',
              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('').'pagos/debito_automatico/registros_conciliados/ajax'}}",
                        data: { "_token": "{{ csrf_token() }}", opcion: 'anular_pago_banco', id : id },
                        success: function (res) {
                          if(res){
                             Swal.fire({
                              icon: 'success',
                              title: 'Éxito.',
                              text: 'Pago actualizado correctamente.',
                            }).then((result) => {
                                location.reload();
                            })
                          }
                        },
                        dataType: "json"
                      });
                }
            });
            
        }
        function generar(){
            $('#accion').val(2);
            //document.getElementById("frmFiltros").submit();
        }

        function limpiar(){
            $('.#cliente').val('');
            $('.#contrato').val('');
            $('.#consecutivo').val('');
            $('.#consecutivo_t').val('');
            $('.#consecutivo_m').val('');
            $('.#pago_referencia').val('');
            $('.#fecha_pago').val('');
            $('.#observaciones').val('');

            $('#forma_pago').val('').change();
            $('#modulo_forma_pago').val('').change();
            $('#estado').val('').change();

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

        function buscar(e,tipo){
            $('#accion').val(1);
            var textoSelect = $('#'+tipo).val();
            
            if (e.keyCode === 13 && !e.shiftKey){
                console.log('dentro');
                document.getElementById("frmFiltros").submit();
            }else if(tipo == 'forma_pago'){
                if(textoSelect != '')
                    document.getElementById("frmFiltros").submit();
            }
            else if(tipo == 'modulo_forma_pago'){
                if(textoSelect != '')
                    document.getElementById("frmFiltros").submit();
            }
             else if(tipo == 'estado'){
                if(textoSelect != '')
                    document.getElementById("frmFiltros").submit();
            }
            else if(tipo == 'cliente'){
                if(textoSelect != '')
                    document.getElementById("frmFiltros").submit();
            }
             else if(tipo == 'fecha_pago'){
                console.log(textoSelect);
                console.log("{{date_format(date_create(),'m/d/Y')}} - {{date_format(date_create(),'m/d/Y')}}");
                //if(textoSelect != "{{date_format(date_create(),'m/d/Y')}} - {{date_format(date_create(),'m/d/Y')}}")
                    //document.getElementById("frmFiltros").submit();
            }
        }
    </script>
@endsection