@extends('layouts.app')

@section('content')
    <!-- end sidebar menu -->
    <!-- start page content -->
    <div class="page-content-wrapper">
        <div class="page-content">
            <div class="page-bar">
                <div class="page-title-breadcrumb">
                    <div class="pull-left">
                        <div class="page-title text-danger">{{($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 class="active">Listados Cobros Automático</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-body ">
                            <div class="row">
                                <div class="col-9">
                                    <a onclick="limpiar()" class="btn btn-info mb-3"><i class="fa fa-filter"></i>Limpiar Filtro</a>&nbsp;&nbsp;
                                    <a href="{{ url('cobros/debito/automatico/'.$data->cobro_planilla_id.'/ver') }}" class="btn btn-warning mb-3"><i class="fa fa-chevron-left"></i>Volver</a>
                                </div>
                                 <div class="tools float-right">
                                     {!! Form::open(['url' => 'cobros/debito/automatico/'.$data->cobro_planilla_id.'/filtro','method'=>'get','id'=>'frmFiltros']) !!} 
                                    <input type="hidden" id="accion" name="accion" value="1">
                                    <!-- Example split danger button -->
                                    <div class="btn-group">
                                      <button class="btn btn-default dropdown-toggle" type="button" data-toggle="dropdown" aria-expanded="false">
                                        <i class="fa fa-list"></i>
                                      </button>
                                      <div class="dropdown-menu">
                                        <a class="dropdown-item">
                                            <div class="icheck-primary d-inline">
                                                <input type="checkbox" name="filtro_todos" onclick="chkMarcados()" id="chkTodos" checked="">
                                                <label for="chkTodos">
                                                  <span class="text-primary">Mostrar Todos</span>
                                                </label>
                                            </div><br>
                                        </a>
                                        <a class="dropdown-item">
                                            <div class="icheck-primary d-inline">
                                                <input type="checkbox" name="filtro_numero" onclick="chkMarcados()" id="chkNumero" checked="">
                                                <label for="chkNumero">
                                                  #
                                                </label>
                                            </div><br>
                                        </a>
                                        <a class="dropdown-item">
                                            <div class="icheck-primary d-inline">
                                                <input type="checkbox" name="filtro_nombre" onclick="chkMarcados()" id="chkNombre" checked>
                                                <label for="chkNombre">
                                                  Nombre
                                                </label>
                                            </div><br>
                                        </a>
                                        <a class="dropdown-item">
                                            <div class="icheck-primary d-inline">
                                                <input type="checkbox" name="filtro_sede" onclick="chkMarcados()" id="chkSede" checked="">
                                                <label for="chkSede">
                                                  Sede
                                                </label>
                                            </div><br>
                                        </a>
                                        <a class="dropdown-item">
                                            <div class="icheck-primary d-inline">
                                                <input type="checkbox" name="filtro_valor" onclick="chkMarcados()" id="chkValor" checked>
                                                <label for="chkValor">
                                                  Valor Autorizado
                                                </label>
                                            </div><br>
                                        </a>
                                        <a class="dropdown-item">
                                            <div class="icheck-primary d-inline">
                                                <input type="checkbox" name="filtro_porcentaje" onclick="chkMarcados()" id="chkPorcentaje" checked>
                                                <label for="chkPorcentaje">
                                                  Porcentaje de Reintegro   
                                                </label>
                                            </div><br>
                                        </a>
                                        <a class="dropdown-item">
                                            <div class="icheck-primary d-inline">
                                                <input type="checkbox" name="filtro_estados" onclick="chkMarcados()" id="chkEstados" checked="">
                                                <label for="chkEstados">
                                                  Estado
                                                </label>
                                            </div><br>
                                        </a>
                                      </div>
                                    </div>

                                    <div class="btn-group">
                                      <button class="btn btn-default dropdown-toggle" type="button" data-toggle="dropdown" aria-expanded="false">
                                        Exportar Todos
                                      </button>
                                      <div class="dropdown-menu">
                                        <a class="dropdown-item">
                                            <i class="fa fa-file"></i> CSV
                                        </a>
                                        <a class="dropdown-item">
                                            <i class="fa fa-file-pdf"></i> PDF
                                        </a>
                                         <a class="dropdown-item">
                                            <i class="fa fa-file-excel"></i> Excel
                                        </a>
                                      </div>
                                    </div>

                                    <!--<a class="btn btn-primary" onclick="generar()"><i class="fa fa-download"></i></a>-->
                                </div>
                               
                            </div>
                            <div class="table-wrap">
                                <div class="table-responsive">
                                    <table class="table display product-overview mb-30">
                                        <thead>
                                        <tr>
                                            <th><b>#</b></th>
                                            <th><b>Contrato # / id FM</b></th>
                                            <th><b>Mes Inicio Contrato</b></th>
                                            <th><b>Shortcode</b></th>
                                            <th><b>Fecha Inicio Contrato</b></th>
                                            <th><b>Documento Cliente</b></th>
                                            <th><b>Cliente</b></th>
                                            <th><b>Email Cliente</b></th>
                                            <th><b>Servicio</b></th>
                                            <th><b>Servicio Asociado</b></th>
                                            <th><b>Cuota</b></th>
                                            <th><b>Valor a Cobrar</b></th>
                                            <th><b>Valor Impuesto</b></th>
                                            <th><b>Valor a Cobrar + Impuesto</b></th>
                                            <th><b>Observación Cobro</b></th>
                                            <th><b>Número Tarjeta</b></th>
                                            <th><b>Vencimiento</b></th>
                                            <th><b>Fecha Ultimo Pago</b></th>
                                            <th><b>Fecha de aplicación de cobro</b></th>
                                            <th><b>Cliente Nuevo</b></th>
                                            <th><b>Modalidad de Cobro Actual</b></th>
                                            <th><b>Novedad Contrato</b></th>
                                            <th><b>Estado</b></th>
                                            <th><b></b></th>
                                        </tr>
                                        <tr>
                                            <th></th><!--#-->
                                            <th><b>
                                                {!! Form::text('cod_contrato',$cod_contrato,['id'=>'cod_contrato','class'=>'form-control','placeholder'=>'Contrato # / id FM','onkeypress'=>"buscar(event,'cod_contrato')"]) !!}
                                            </b></th><!--Contrato # / id FM-->
                                            <th><b>
                                                {!! Form::select('meses', $cont_debito->meses(), $meses, ['id'=>'meses','placeholder' => '-Seleccionar-','class'=>'form-control select2','style'=>'width: 80%;','onchange'=>"buscar(event,'meses')"])  !!}
                                            </b></th><!--Mes Inicio Contrato-->
                                            <th><b></b></th><!--Shortcode-->
                                            <th><b>
                                                {!! Form::text('fecha',$fecha,['id'=>'fecha','class'=>'form-control range_date','placeholder'=>'Fecha Inicio Contrato','onkeypress'=>"buscar(event,'fecha')"]) !!}
                                            </b></th><!--Fecha Inicio Contrato-->
                                            <th><b></b></th><!--Documento Cliente-->
                                            <th><b>
                                                {!! Form::select('clientes', [], null, ['id'=>'clientes','placeholder' => '-Seleccionar-','class'=>'form-control','style'=>'width: 80%;','onchange'=>"buscar(event,'clientes')"])  !!}
                                            </b></th><!--Cliente-->
                                            <th><b></b></th><!--Email Cliente-->
                                            <th><b>
                                                {!! Form::select('servicios', [], null, ['id'=>'servicios','placeholder' => '-Seleccionar-','class'=>'form-control','style'=>'width: 80%;','onchange'=>"buscar(event,'servicios')"])  !!}
                                            </b></th><!--Servicio-->
                                            <th><b></b></th><!--Servicio Asociado-->
                                            <th><b></b></th><!--Cuota-->
                                            <th><b></b></th><!--Valor a Cobrar-->
                                            <th><b></b></th><!--Valor Impuesto-->
                                            <th><b>
                                                {!! Form::text('valor_impuesto',$valor_impuesto,['id'=>'valor_impuesto','class'=>'form-control','placeholder'=>'Valor a Cobrar + Impuesto','onkeypress'=>"buscar(event,'valor_impuesto')"]) !!}
                                            </b></th><!--Valor a Cobrar + Impuesto-->
                                            <th><b></b></th><!--Observación Cobro-->
                                            <th><b>
                                                 {!! Form::text('numero_tarjeta',$numero_tarjeta,['id'=>'numero_tarjeta','class'=>'form-control','placeholder'=>'Número Tarjeta','onkeypress'=>"buscar(event,'numero_tarjeta')"]) !!}
                                            </b></th><!--Número Tarjeta-->
                                            <th><b></b></th><!--Vencimiento-->
                                            <th><b>
                                                {!! Form::text('fecha_ultimo',$fecha_ultimo,['id'=>'fecha_ultimo','class'=>'form-control','placeholder'=>'Fecha Ultimo Pago','onkeypress'=>"buscar(event,'fecha_ultimo')"]) !!}
                                            </b></th><!--Fecha Ultimo Pago-->
                                            <th><b></b></th><!--Fecha de aplicación de cobro-->
                                            <th><b>
                                                {!! Form::select('nuevo_cliente',$cont_debito->getDataNewClient() , $nuevo_cliente, ['id'=>'nuevo_cliente','placeholder' => '-Seleccionar-','class'=>'form-control select2','style'=>'width: 80%;','onchange'=>"buscar(event,'nuevo_cliente')"])  !!}
                                            </b></th><!--Cliente Nuevo-->
                                            <th><b>
                                                {!! Form::select('modalidad_cobro', $cont_debito->getDataModalidadCobro(), $modalidad_cobro, ['id'=>'modalidad_cobro','placeholder' => '-Seleccionar-','class'=>'form-control select2','style'=>'width: 80%;','onchange'=>"buscar(event,'modalidad_cobro')"])  !!}
                                            </b></th><!--Modalidad de Cobro Actual-->
                                            <th><b>
                                                {!! Form::select('novedada', $model_c->cons_contrato('novedad_contrato'), $novedada, ['id'=>'novedada','placeholder' => '-Seleccionar-','class'=>'form-control select2','style'=>'width: 80%;','onchange'=>"buscar(event,'novedada')"])  !!}
                                            </b></th><!--Novedad Contrato-->
                                            <th><b>
                                                {!! Form::select('estado', $model_c->cons_contrato('estatus_text'), $estado, ['id'=>'estado','placeholder' => '-Seleccionar-','class'=>'form-control select2','style'=>'width: 80%;','onchange'=>"buscar(event,'estado')"])  !!}
                                            </b></th><!--Estado-->
                                            <th><b></b></th>

                                        </tr>
                                        </thead>
                                        <tbody>
                                            @if(count($rows) > 0)
                                                @foreach($rows as $key => $item)
                                                @php
                                                    
                                                     $cobro_shortcode = explode('/',str_replace('\\','/',$item->cobro_shortcode));      
                                                                     
                                                     $shortcode = implode("/", [$cobro_shortcode[1], $cobro_shortcode[2]]);
                                                     //$shortcode = $item->cobro_shortcode;
                                                @endphp
                                                <tr>
                                                    <td>{{ $contador++ }}</td>
                                                    <td>{{ $item->contrato_codigo_fm != '' ? $item->contrato_codigo_fm : $item->contrato_codigo }}</td>
                                                    <td>{{ $cont_debito->meses(date_format(date_create($item->contrato_fecha_inicial),'m')*1) }}</td>
                                                    <td>{{ $shortcode }}</td>
                                                    <td>{{ $item->contrato_fecha_inicial }}</td>
                                                    <td>{{ $item->cliente_documento }}</td>
                                                 
                                                    <td>{{ $item->cliente_apellido1.' '.$item->cliente_apellido2.' '.$item->cliente_nombres }}</td>
                                                    <td>
                                                        
                                                        @if($item->cliente_email != null)
                                                            {{ $item->cliente_email }}
                                                        @else
                                                            <span class="text-danger">(no definido)</span>
                                                        @endif
                                                    </td>
                                                    <td>{{ $item->servicio_nombre }}</td>
                                                    <td>
                                                        @if($cont_debito->getTieneHijos($item->contrato_servicio_id))
                                                            Si
                                                        @else
                                                            No
                                                        @endif
                                                    </td>
                                                    <td>{{ $item->cobro_cuota }}</td>
                                                    <td>{{ $cont_debito->getValorCapitalCobros($data->cobro_planilla_id,$item->cobro_id)}}</td>
                                                    <td>{{ $item->cobro_valor-$cont_debito->getValorCapitalCobros($data->cobro_planilla_id,$item->cobro_id)}}</td>
                                                    <td>{{ number_format($item->cobro_valor,2,',','.')}}</td>
                                                    <td>{{ $item->cobro_observacion != null ? $item->cobro_observacion : '--' }}</td>
                                                    <td>
                                                        @if (auth()->user()->hasPermissionTo('verInfoCliente-tarjeta'))
                                                        {{ $item->cliente_tarjeta_numero }}
                                                        @else
                                                        {{ '******' }}
                                                        @endif
                                                    </td>
                                                    <td></td>
                                                    <td>{{ $item->cliente_fecha_ultimo_pago }}</td>
                                                    <td>{{ $item->cobro_fecha_aplicacion }}</td>
                                                    <td>{{ $item->cliente_esnuevo != 1 ? 'No' : 'Si' }}</td>
                                                    <td>{{ $item->modalidad_cobro_nombre }}</td>
                                                    <td>
                                                        @if($item->contrato_novedad != null)
                                                            {{ $model_c->cons_contrato('novedad_contrato')[$item->contrato_novedad] }}
                                                        @else
                                                            <span class="text-danger">(no definido)</span>
                                                        @endif
                                                    </td>
                                                    <td>
                                                        {{ $model_c->cons_contrato('estatus_text')[$item->contrato_estado] }}
                                                    </td>
                                                    <td></td>
                                                </tr>

                                                @endforeach
                                            @else
                                            <tr>
                                                <td colspan="23" class="text-center">Sin registros</td>
                                            </tr>
                                            @endif
                                        </tbody>
                                    </table>                                   
                                </div>
                            </div>
                            
                        </div>
                        <div class="card-footer">
                            <div class="float-right">
                             {{$rows->appends([
                                'cod_contrato' => $cod_contrato,
                                'meses' => $meses,
                                'fecha' => $fecha,
                                'clientes' => $clientes,
                                'servicios' => $servicios,
                                'valor_impuesto' => $valor_impuesto,
                                'numero_tarjeta' => $numero_tarjeta,
                                'fecha_ultimo' => $fecha_ultimo,
                                'nuevo_cliente' => $nuevo_cliente,
                                'modalidad_cobro' => $modalidad_cobro,
                                'novedada' => $novedada,
                                'estado' => $estado
                            ])->links() }}
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
@endsection
@section('script')
    <script type="text/javascript">
        
        function generar(){
            $('#accion').val(2);
            document.getElementById("frmFiltros").submit();
        }

        function limpiar(){
            $('#cod_contrato').val('');
            $('#fecha').val('');
            $('#valor_impuesto').val('');
            $('#numero_tarjeta').val('');
            $('#fecha_ultimo').val('');

            $('#meses').val('').change();
            $('#clientes').val('').change();
            $('#servicios').val('').change();
            $('#nuevo_cliente').val('').change();
            $('#modalidad_cobro').val('').change();
            $('#novedada').val('').change();
            $('#estado').val('').change();

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

        function pulsar(e) {
            if (e.keyCode === 13 && !e.shiftKey) {
                console.log('enter');
                /*e.preventDefault();
                var boton = document.getElementById("boton");
                angular.element(boton).triggerHandler('click');*/
            }
        }

        function buscar(e,tipo){
            $('#accion').val(1);
            if (e.keyCode == 13){// && !e.shiftKey

                var textoSelect = $('#'+tipo).val();
            
                switch(tipo){
                    case 'nombre':
                        if(textoSelect.length > 3){
                            document.getElementById("frmFiltros").submit();
                        }
                    break;
                    case 'descripcion':
                        if(textoSelect.length > 3){
                            document.getElementById("frmFiltros").submit();
                        }
                    break;
                    default:
                        document.getElementById("frmFiltros").submit();
                    break;
                }
            }else{
                document.getElementById("frmFiltros").submit();
            }
        }


        $(document).ready(function () {          
         
          
                $('#clientes').select2({
                ajax: {
                    dataType: 'json',
                    url: '{{ url("cliente/data/ajax") }}',
                    delay: 250,
                    data: function(param) {
                            let q = param.term.toLowerCase()
                            var query = {
                                search: q
                            }
    
                        console.log('query :', query)
                        return query;
                    },
                    processResults: function (data, page) {
                    return {
                        results: data
                    };
                    },
                    theme: "classic"
                }
                });

                $('#servicios').select2({
                    ajax: {
                        dataType: 'json',
                        url: '{{ url("cobros/debito/automatico/filtro/services") }}',
                        delay: 250,
                        data: function(param) {
                                let q = param.term.toLowerCase()
                                var query = {
                                    search: q
                                }
        
                            console.log('query :', query)
                            return query;
                        },
                        processResults: function (data, page) {
                        return {
                            results: data
                        };
                        },
                        theme: "classic"
                    }
                });
            
           
        });
    </script>
@endsection