@extends('layouts.app')
@section('content')
    <!-- end sidebar menu -->
    <!-- start page content -->
    <div class="page-content-wrapper">
        <div class="page-content">
            <div class="page-bar">
                <div class="page-title-breadcrumb">
                    <!--<div class="pull-left">
                        <div class="page-title text-danger">Sin Sucursal</div>
                    </div>-->
                    <ol class="breadcrumb page-breadcrumb pull-right">
                        <li><i class="fa fa-home"></i>&nbsp;<a class="parent-item" href="{{ url('/dashboard') }}">Inicio</a>&nbsp;<i class="fa fa-angle-right"></i>
                        </li>
                        <li class="active">Servicios X Contrato</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>Servicios X Contrato</header>
                        </div>
                        <div class="card-body ">
                            <div class="row">
                                <div class="col-11">
                                    <!--<a href="{{ url('usuarios/nuevo-usuario') }}" class="btn btn-info mb-3">Crear Usuario</a>&nbsp;&nbsp;-->

                                </div>
                                <div class="tools float-right">
                                    {!! Form::open(['url' => 'reportes/servicios_por_contrato','method'=>'get','id'=>'frmFiltros']) !!}
                                    <input type="hidden" id="accion" name="accion" value="1">
                                    <!-- Example split danger button -->
                                    <div class="btn-group">
                                      <a class="btn btn-default dropdown-toggle" href="{{url('reportes/servicios_por_contrato')}}">
                                        <!-- <a onclick="limpiar()"> -->
                                            <i class="fa fa-repeat"></i>
                                        <!-- </a> -->
                                      </a>

                                    </div>

                                    <a class="btn btn-primary" onclick="generar()"><i class="fa fa-download"></i></a>
                                </div>
                            </div><br>
                        </div>
                        <div class="table-wrap">
                            <span class="text-muted">Mostrando </span>
                            <div class="table-responsive">
                                <table class="table display product-overview mb-30">
                                    <thead>
                                    <tr>
                                        <th><b>#</b></th>
                                        <th><b>Documento Cliente</b></th>
                                        <th><b>Cliente</b></th>
                                        <th><strong>Fecha creacion Servicio</strong></th>
                                        <th><strong>Servicio Creado Por</strong></th>
                                        <th><b>Fecha de Nacimiento</b></th>
                                        <th><b>Cliente Nacionalidad</b></th>
                                        <th><b>Cliente Telefonos</b></th>
                                        <th><b>Cliente Celular</b></th>
                                        <th><b>ClienteEmail</b></th>
                                        <th><b>Cliente Direccion</b></th>
                                        <th><b>Cantidad Contratos</b></th>
                                        <th><b>Contrato Codigo</b></th>
                                        <th><b>Contrato ID FM</b></th>
                                        <th><b>Fecha Inicio Contrato</b></th>
                                        <th><b>Fecha Primer Cobro</b></th>
                                        <th><b>Sede Contrato</b></th>
                                        <th><b>Forma de Pago</b></th>
                                        <th><b>Asociación</b></th>
                                        <th><b>Siglas Asociación</b></th>
                                        <th><b>Modalidad de Cobro</b></th>
                                        <th><b>Dia de Pago</b></th>
                                        <th><b>Cuota Contrato (Activos)</b></th>
                                        <th><b>Vendedor</b></th>
                                        <th><b>Cobrador (Ruta)</b></th>
                                        <th><b>Tarjeta No.</b></th>
                                        <th><b>Tarjeta Fecha Vencimiento</b></th>
                                        <th><b>Observaciones Fijas Contratos</b></th>
                                        <th><b>Ultima Observacion Contratos</b></th>
                                        <th><b>Fecha Registro Contrato</b></th>
                                        <th><b>Tipo Novedad Contrato (Ultima Novedad)</b></th>
                                        <th><b>Vendedor Novedad (Ultima Novedad)</b></th>
                                        <th><b>Fecha Novedad (Ultima Novedad)</b></th>
                                        <th><b>Estado Contrato</b></th>
                                        <th><b>Cantidad Servicios</b></th>
                                        <th><b>Tipo Servicio</b></th>
                                        <th><b>Servicio</b></th>
                                        <th><b>Impuesto</b></th>
                                        <th><b>Impuesto Incluido Valor</b></th>
                                        <th><b>Valor Servicio/Cuota</b></th>
                                        <th><b>Cuota Servicio</b></th>
                                        <th><b>Pago Inicial</b></th>
                                        <th><b>Saldo Inicial</b></th>
                                        <th><b>Saldo Actual</b></th>
                                        <th><b>Meses de Financiación</b></th>
                                        <th><b>Porcentaje Interes</b></th>
                                        <th><b>Valor Adicional</b></th>
                                        <th><b>Ultima Observacion Servicio</b></th>
                                        <th><b>Estado Servicio</b></th>
                                    </tr>
                                    <tr>
                                        <th></th>
                                        <th>
                                            {!! Form::select('documento',[],$documento,['id'=>'documento','class'=>'form-control w-auto','placeholder'=>'Documento','onchange '=>"buscar('documento')"]) !!}
                                            <input type="hidden" name="documento_cliente" id="documento_cliente" value="{{$documento}}">
                                        </th>
                                        <th></th>
                                        <th>

                                        </th>
                                        <th></th>
                                        <th>
                                           <div class="input-group  ">
                                            <input type="text" name ="fecha_nacimiento" id="fecha_nacimiento" class="form-control w-auto" value="{{$fecha_nacimiento}}">
                                        </div>
                                        </th>
                                        <th></th>
                                        <th></th>
                                        <th></th>
                                        <th></th>
                                        <th></th>
                                        <th></th>
                                        <th>
                                            {!! Form::text('codigo',$codigo,['id'=>'codigo','class'=>'form-control','placeholder'=>'codigo','onchange '=>"buscar('codigo')"]) !!}
                                        </th>
                                        <th>
                                            {!! Form::text('codigo_fm',$codigo_fm,['id'=>'codigo_fm','class'=>'form-control','placeholder'=>'codigo_fm','onchange '=>"buscar('codigo_fm')"]) !!}
                                        </th>
                                        <th>
                                            <div class="input-group  ">
                                                <input type="text" name ="fechacreacion_rango" id="fechacreacion_rango" class="form-control w-auto" value="{{$fechacreacion_rango}}">
                                            </div>
                                        </th>
                                        <th>
                                            <div class="input-group  ">
                                                <input type="text" name ="fecha_primer_cobro" id="fecha_primer_cobro" class="form-control w-auto" value="{{$fecha_primer_cobro}}">
                                            </div>
                                        </th>
                                        <th>
                                            {!! Form::select('sede',$sedes,$sede,['id'=>'sede','class'=>'form-control select2','placeholder'=>'dia_pago','onchange '=>"buscar('Sede')"]) !!}
                                        </th>
                                        <th>
                                            {!! Form::select('forma_pago',$formas_pago,$forma_pago,['id'=>'forma_pago','class'=>'form-control select2','placeholder'=>'forma_pago','onchange '=>"buscar('Forma de Pago')"]) !!}
                                        </th>
                                        <th>
                                            {!! Form::select('asociacion',[],$asociacion,['id'=>'asociacion','class'=>'form-control select2','placeholder'=>'Asociacion','onchange '=>"buscar('asociacion')"]) !!}
                                            <input type="hidden" name="asociacion_id" value="{{$asociacion}}" id="asociacion_id">
                                        </th>
                                        {{-- <th></th> --}}
                                        <th></th>
                                        <th>
                                            {!! Form::select('modalidad_cobro',$modalidades_cobro,$modalidad_cobro,['id'=>'modalidad_cobro','class'=>'form-control select2','placeholder'=>'modalidad_cobro','onchange '=>"buscar('modalidad_cobro')"]) !!}
                                        </th>
                                        <th></th>
                                        <th></th>
                                        <th>
                                            <input type="hidden" name="empleado_id" value="{{$empleado_nombres}}">
                                            {!! Form::select('empleado_nombres',[],$empleado_nombres,['id'=>'empleado_nombres','class'=>'form-control','placeholder'=>'empleado_nombres','onchange '=>"buscar('empleado_nombres')"]) !!}
                                        </th>
                                        <th></th>
                                        <th></th>
                                        <th></th>
                                        <th>
                                            {!! Form::text('observacion_fija',$observacion_fija,['id'=>'observacion_fija','class'=>'form-control','placeholder'=>'observacion_fija','onchange '=>"buscar('observacion_fija')"]) !!}
                                        </th>
                                        <th></th>
                                        <th>
                                            {!! Form::date('fechacreacion',$fechacreacion,['id'=>'fechacreacion','class'=>'form-control','placeholder'=>'Fecha Nacimiento','onchange '=>"buscar('fechacreacion')"]) !!}
                                        </th>
                                        <th>
                                            {!! Form::select('tipo_novedad',$novedades,$tipo_novedad,['id'=>'tipo_novedad','class'=>'form-control','placeholder'=>'tipo_novedad','onchange '=>"buscar('Tipo Novedad')"]) !!}
                                        </th>
                                        <th>
                                            <input type="hidden" name="novedad_empleado_id" value="{{$novedad_empleado}}">
                                            {!! Form::select('novedad_empleado',[],$novedad_empleado,['id'=>'novedad_empleado','class'=>'form-control','placeholder'=>'novedad_empleado','onchange '=>"buscar('Empleado')"]) !!}
                                        </th>
                                        <th>
                                            {!! Form::date('fecha_novedad',$fecha_novedad,['id'=>'fecha_novedad','class'=>'form-control','placeholder'=>'Fecha Nacimiento','onchange '=>"buscar('fecha_novedad')"]) !!}
                                        </th>
                                        <th>
                                            {!! Form::select('contrato_estado',$getEstadoContrato,$contrato_estado,['id'=>'contrato_estado','class'=>'form-control select2','placeholder'=>'contrato_estado','onchange '=>"buscar('Estado')"]) !!}
                                        </th>
                                        <th></th>
                                        <th>
                                            {!! Form::select('tipo_servicio',[],$tipo_servicio,['id'=>'tipo_servicio','class'=>'form-control','placeholder'=>'tipo_servicio','onchange '=>"buscar('Tipo Servicio')"]) !!}
                                        </th>
                                        <th>
                                            {!! Form::select('servicio_nombre',[],$servicio_nombre,['id'=>'servicio_nombre','class'=>'form-control','placeholder'=>'servicio_nombre','onchange '=>"buscar('Servicio')"]) !!}
                                        </th>
                                        <th>
                                            {!! Form::text('impuesto',$impuesto,['id'=>'impuesto','class'=>'form-control','placeholder'=>'impuesto','onchange '=>"buscar('impuesto')"]) !!}
                                        </th>
                                        <th>
                                            {!! Form::select('impuesto_incluido',['1' => 'Si', '0' => 'No'],$estado_servicio,['id'=>'impuesto_incluido','class'=>'form-control','placeholder'=>'impuesto_incluido','onchange '=>"buscar('Impuesto Incluido')"]) !!}
                                        </th>
                                        <th>
                                            {!! Form::text('servicio_valor',$servicio_valor,['id'=>'servicio_valor','class'=>'form-control','placeholder'=>'servicio_valor','onchange '=>"buscar('servicio_valor')"]) !!}
                                        </th>
                                        <th></th>
                                        <th>
                                            {!! Form::text('pago_inicial',$pago_inicial,['id'=>'pago_inicial','class'=>'form-control','placeholder'=>'pago_inicial','onchange '=>"buscar('pago_inicial')"]) !!}
                                        </th>
                                        <th>
                                            {!! Form::text('saldo_inicial',$saldo_inicial,['id'=>'saldo_inicial','class'=>'form-control','placeholder'=>'saldo_inicial','onchange '=>"buscar('saldo_inicial')"]) !!}
                                        </th>
                                        <th>
                                            {!! Form::text('saldo_actual',$saldo_actual,['id'=>'saldo_actual','class'=>'form-control','placeholder'=>'saldo_actual','onchange '=>"buscar('saldo_actual')"]) !!}
                                        </th>
                                        <th>
                                            {!! Form::text('financiacion_meses',$financiacion_meses,['id'=>'financiacion_meses','class'=>'form-control','placeholder'=>'financiacion_meses','onchange '=>"buscar('financiacion_meses')"]) !!}
                                        </th>
                                        <th>
                                            {!! Form::text('financiacion_interes',$financiacion_interes,['id'=>'financiacion_interes','class'=>'form-control','placeholder'=>'financiacion_interes','onchange '=>"buscar('financiacion_interes')"]) !!}
                                        </th>
                                        <th></th>
                                        <th></th>
                                        <th>
                                            {!! Form::select('estado_servicio',['1' => 'Activo', '0' => 'Inactivo'],$estado_servicio,['id'=>'estado_servicio','class'=>'form-control','placeholder'=>'estado_servicio','onchange '=>"buscar('Estado Servicio')"]) !!}
                                        </th>
                                        {!! Form::close() !!}
                                    </tr>
                                    </thead>
                                    <tbody>
                                        @if(count($data)>0)
                                        @foreach($data as $index => $row)
        <tr>
            <td>{{ $contador + 1 }}</td>
            <td>{{ $row->documento }}</td>
            <td>{{ $row->nombres }} {{ $row->apellido1 }} {{ $row->apellido2 }}</td>
            <td>{{ $row->creado_servicio_fecha }}</td>
            <td>
                @if ($row->empleado_usuario_creador)
                    {{ $row->empleado_usuario_creador}}
                @else
                    
                @endif
                
            </td>
            <td>{{ $row->fecha_nacimiento }}</td>
            <td>{{ $row->nacionalidad }}</td>
            <td>{{ $row->telefono }}</td>
            <td>{{ $row->celular }}</td>
            <td>{{ $row->email }}</td>
            <td>{{ $row->direccion }}</td>
            <td>{{ $row->cantidad_contratos }}</td>
            <td>{{ $row->contrato_codigo }}</td>
            <td>{{ $row->contrato_codigo_id_fm }}</td>
            <td>{{ $row->fecha_inicio_contrato }}</td>
            <td>{{ $row->fecha_primer_cobro }}</td>
            <td>{{ $row->sede_contrato }}</td>
            <td>{{ $row->forma_pago }}</td>
            <td>{{ $row->asocaicion }}</td>
            <td>{{ $row->asociacion_siglas }}</td>
            <td>{{ $row->modalidad_de_cobro }}</td>
            <td>{{ $row->dia_de_pago }}</td>
            <td>{{ number_format($row->cuota_contrato_activos, 2) }}</td>
            <td>{{ $row->vendedor }}</td>
            <td>{{ $row->ruta }}</td>
            <td>{{ $row->numero_tarjeta }}</td>
            <td>{{ $row->vencimiento_tarjeta }}</td>
            <td>{{ $row->contrato_observaciones_fija }}</td>
            <td>{{ $row->contrato_observacion }}</td>
            <td>{{ $row->contrato_fechacreacion }}</td>
            <td>{{ $row->ultima_novedad_contrato }}</td>
            <td>{{ $row->vendedor_ultima_novedad }}</td>
            <td>{{ $row->fecha_ultima_novedad }}</td>
            <td>{{ $row->contrato_estado }}</td>
            <td>{{ $row->cantidad_servicios }}</td>
            <td>{{ $row->tipo_servicio }}</td>
            <td>{{ $row->servicio_nombre }}</td>
            <td>{{ $row->impuesto }}%</td>
            <td>{{ $row->impuesto_incluido_en_valor }}</td>
            <td>{{ number_format($row->contrato_servicio_valor, 2) }}</td>
            <td>{{ number_format($row->cuota_servicio, 2) }}</td>
            <td>{{ number_format($row->contrato_servicio_pago_inicial, 2) }}</td>
            <td>{{ number_format($row->contrato_servicio_saldo_inicial, 2) }}</td>
            <td>{{ number_format($row->contrato_servicio_saldo_actual, 2) }}</td>
            <td>{{ $row->contrato_servicio_financiacion_meses }}</td>
            <td>{{ $row->contrato_servicio_financiacion_porcentaje_interes }}%</td>
            <td>{{ number_format($row->contrato_servicio_valor_adicional, 2) }}</td>
            <td>{{ $row->contrato_servicio_observaciones }}</td>
            <td>{{ $row->contrato_servicio_estado }}</td>
        </tr>
        @endforeach
                                        @else
                                        <tr>
                                            <td colspan="10" class="text-center">No se encontraron resultados.</td>
                                        </tr>
                                        @endif
                                    </tbody>
                                </table>
                            </div>
                        </div>
                        <div class="card-footer">
                            <div class="float-right">
                                {{ $data->appends(['documento'=>$documento,'nombres'=>$nombres,'apellido_1'=>$apellido_1,'apellido_2'=>$apellido_2,'fecha_nacimiento'=>$fecha_nacimiento,'nacionalidad'=>$nacionalidad,'telefono'=>$telefono,'celular'=>$celular,'email'=>$email,'direccion'=>$direccion,'codigo'=>$codigo,'codigo_fm'=>$codigo_fm,'fecha_inicial'=>$fecha_inicial,'fecha_primer_cobro'=>$fecha_primer_cobro,'forma_pago'=>$forma_pago,'modalidad_cobro'=>$modalidad_cobro,'dia_pago'=>$dia_pago,'empleado_nombres'=>$empleado_nombres,'empleado_apellido1'=>$empleado_apellido1,'empleado_apellido2'=>$empleado_apellido2,'numero_tarjeta'=>$numero_tarjeta,'observacion_fija'=>$observacion_fija,'observacion_contrato'=>$observacion_contrato,'fechacreacion'=>$fechacreacion,'tipo_novedad'=>$tipo_novedad,'novedad_empleado'=>$novedad_empleado,'fecha_novedad'=>$fecha_novedad,'contrato_estado'=>$contrato_estado,'tipo_servicio'=>$tipo_servicio,'servicio_nombre'=>$servicio_nombre,'impuesto'=>$impuesto,'impuesto_incluido'=>$impuesto_incluido,'servicio_valor'=>$servicio_valor,'pago_inicial'=>$pago_inicial,'saldo_inicial'=>$saldo_inicial,'saldo_actual'=>$saldo_actual,'financiacion_meses'=>$financiacion_meses,'financiacion_interes'=>$financiacion_interes,'valor_adicional'=>$valor_adicional,'observacion_servicio'=>$observacion_servicio,'estado_servicio'=>$estado_servicio, 'asociacion'=>$asociacion,
                                'fechacreacion_rango' =>  $fechacreacion_rango,
                                'fecha_nacimiento_init' => $fecha_nacimiento_init,
                                'fecha_nacimiento_end' => $fecha_nacimiento_end
                                ])->links() }}
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    {{-- Modal --}}
    <div class="modal" id="modal">
        <div class="modal-dialog">
          <div class="modal-content">
            <div class="modal-body">
              <!-- Aquí se mostrará el contenido resumido del <td> -->
            </div>
            <div class="modal-footer">
              <button type="button" class="btn btn-primary" data-dismiss="modal">Cerrar</button>
            </div>
          </div>
        </div>
      </div>
@endsection
@section('script')
<script src="https://cdnjs.cloudflare.com/ajax/libs/exceljs/4.3.0/exceljs.min.js"></script>
    <script type="text/javascript">

        $(document).ready(function () {

            $('#empleado_nombres').select2({
                ajax: {
                    dataType: 'json',
                    url: "{{ asset('') . 'ajax/empleados' }}",
                    delay: 250,
                    minimumInputLength: 3,
                    data: function(params) {
                        var query = {
                            search: params.term.toLowerCase(),
                        }

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

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

                        return query;
                    },
                    processResults: function(data, page) {
                        return {
                            results: data
                        };
                    },
                    theme: "classic"
                }
            });
            $('#tipo_servicio').select2({
                ajax: {
                    dataType: 'json',
                    url: "{{ asset('') . 'listar_tipo_servicio' }}",
                    delay: 250,
                    minimumInputLength: 3,
                    data: function(params) {
                        var query = {
                            search: params.term.toLowerCase(),
                        }

                        return query;
                    },
                    processResults: function(data, page) {
                        return {
                            results: data
                        };
                    },
                    theme: "classic"
                }
            });

            $('#servicio_nombre').select2({
                ajax: {
                    dataType: 'json',
                    url: "{{ asset('') . 'lista_servicios_pluck' }}",
                    delay: 250,
                    minimumInputLength: 3,
                    data: function(params) {
                        var query = {
                            search: params.term.toLowerCase(),
                        }

                        return query;
                    },
                    processResults: function(data, page) {
                        return {
                            results: data
                        };
                    },
                    theme: "classic"
                }
            });


            //inicializar daterange
            let fechacreacion = @json($fechacreacion);


if (fechacreacion != null) {
    let fechas = fechacreacion.split(' - ')
    var fecha_inicio = fechas[0];

    var fecha_fin = fechas[1];

    $('input[name="fechacreacion_rango"]').daterangepicker({
    //timePicker: true,
    startDate: fechacreacion != null ? fecha_inicio : '',
    endDate: fechacreacion != null ? fecha_fin : '',
    locale: {
        format: 'DD-MM-YYYY'
    }
});

}else{
    $('input[name="fechacreacion_rango"]').daterangepicker({
    //timePicker: true,
    locale: {
        format: 'DD-MM-YYYY'
    }
});

$('input[name="fechacreacion_rango"]').val('');
$('input[name="fechacreacion_rango"]').attr('placeholder', moment().format('DD-MM-YYYY')+' '+moment().format('DD-MM-YYYY'));

}

$('input[name=fechacreacion_rango]').on('apply.daterangepicker', function() {
    console.log($(this).val());
    if ($(this).val() != '') {
        document.getElementById("frmFiltros").submit();
    }

})


let fecha_primer_cobro = @json($fecha_primer_cobro);


if (fecha_primer_cobro != null) {
    let fechas = fecha_primer_cobro.split(' - ')
    var fecha_inicio = fechas[0];

    var fecha_fin = fechas[1];

    $('input[name="fecha_primer_cobro"]').daterangepicker({
    //timePicker: true,
    startDate: fecha_primer_cobro != null ? fecha_inicio : '',
    endDate: fecha_primer_cobro != null ? fecha_fin : '',
    locale: {
        format: 'DD-MM-YYYY'
    }
});

}else{
    $('input[name="fecha_primer_cobro"]').daterangepicker({
    //timePicker: true,
    locale: {
        format: 'DD-MM-YYYY'
    }
});

$('input[name="fecha_primer_cobro"]').val('');
$('input[name="fecha_primer_cobro"]').attr('placeholder', moment().format('DD-MM-YYYY')+' '+moment().format('DD-MM-YYYY'));

}

$('input[name=fecha_primer_cobro]').on('apply.daterangepicker', function() {
    console.log($(this).val());
    if ($(this).val() != '') {
        document.getElementById("frmFiltros").submit();
    }

})


let fecha_nacimiento = @json($fecha_nacimiento);


if (fecha_nacimiento != null) {
    let fechas = fecha_nacimiento.split(' - ')
    var fecha_inicio = fechas[0];

    var fecha_fin = fechas[1];

    $('input[name="fecha_nacimiento"]').daterangepicker({
    //timePicker: true,
    startDate: fecha_nacimiento != null ? fecha_inicio : '',
    endDate: fecha_nacimiento != null ? fecha_fin : '',
    locale: {
        format: 'DD-MM-YYYY'
    }
});

}else{
    $('input[name="fecha_nacimiento"]').daterangepicker({
    //timePicker: true,
    locale: {
        format: 'DD-MM-YYYY'
    }
});

$('input[name="fecha_nacimiento"]').val('');
$('input[name="fecha_nacimiento"]').attr('placeholder', moment().format('DD-MM-YYYY')+' '+moment().format('DD-MM-YYYY'));

}

$('input[name=fecha_nacimiento]').on('apply.daterangepicker', function() {
    console.log($(this).val());
    if ($(this).val() != '') {
        document.getElementById("frmFiltros").submit();
    }

})

//modal direccion completa
$('.resumen').on('click', function() {
    var content = $(this).data('texto-completo');
    $('.modal-body').html(content);
    $('#modal').modal('show');
  });

  // Cierra el modal
  $('.modal-footer').on('click', 'button', function() {
    $('#modal').modal('hide');
  });


        })


        function generar(){
            $('#accion').val(2);
            document.getElementById("frmFiltros").submit();
        }

        function chkMarcados(){
            console.log('marcar chk');
        }

        function limpiar(){
            $('#documento').val('');
            $('#nombres').val('');
            $('#apellido_1').val('');
            $('#apellido_2').val('');
            $('#fecha_nacimiento').val('');
            $('#nacionalidad').val('');
            $('#telefono').val('');
            $('#celular').val('');
            $('#email').val('');
            $('#direccion').val('');
            $('#codigo').val('');
            $('#codigo_fm').val('');
            $('#fecha_inicial').val('');
            $('#fecha_primer_cobro').val('');
            $('#forma_pago').val('');
            $('#modalidad_cobro').val('');
            $('#dia_pago').val('');
            $('#empleado_nombres').val('');
            $('#empleado_apellido1').val('');
            $('#empleado_apellido2').val('');
            $('#numero_tarjeta').val('');
            $('#observacion_fija').val('');
            $('#observacion_contrato').val('');
            $('#fechacreacion').val('');
            $('#tipo_novedad').val('');
            $('#novedad_empleado').val('');
            $('#fecha_novedad').val('');
            $('#contrato_estado').val('');
            $('#tipo_servicio').val('');
            $('#servicio_nombre').val('');
            $('#impuesto').val('');
            $('#impuesto_incluido').val('');
            $('#servicio_valor').val('');
            $('#pago_inicial').val('');
            $('#saldo_inicial').val('');
            $('#saldo_actual').val('');
            $('#financiacion_meses').val('');
            $('#financiacion_interes').val('');
            $('#valor_adicional').val('');
            $('#observacion_servicio').val('');
            $('#estado_servicio').val('');

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


        function buscar(tipo){

            $('#accion').val(1);
            var textoSelect = $('#'+tipo).val();
            const ENTER_KEY_CODE = 13;

            switch(tipo){
                case 'documento':
                            document.getElementById("frmFiltros").submit();
                break;
                case 'email':
                    document.querySelector('#email').addEventListener('keyup', function(e) {
                        if (e.keyCode === ENTER_KEY_CODE) {
                            document.getElementById("frmFiltros").submit();
                        }
                    });
                break;
                // case 'fecha_nacimiento_init':
                //     document.querySelector('#fecha_nacimiento_init').addEventListener('keyup', function(e) {
                //         if (e.keyCode === ENTER_KEY_CODE) {
                //             document.getElementById("frmFiltros").submit();
                //         }
                //     });
                // break;
                case 'fecha_nacimiento_end':
                     document.querySelector('#fecha_nacimiento_end').addEventListener('keyup', function(e) {
                        if (e.keyCode === ENTER_KEY_CODE) {
                            document.getElementById("frmFiltros").submit();
                        }
                     });
                break;

                case 'fechacreacion_init':
                    document.querySelector('#fechacreacion_init').addEventListener('keyup', function(e) {
                        if (e.keyCode === ENTER_KEY_CODE) {
                            document.getElementById("frmFiltros").submit();
                        }
                    });
                break;
                case 'fechacreacion_end':
                    document.querySelector('#fechacreacion_end').addEventListener('keyup', function(e) {
                        if (e.keyCode === ENTER_KEY_CODE) {
                            document.getElementById("frmFiltros").submit();
                        }
                    });
                break;
                case 'fecha_primer_cobro_start':
                    document.querySelector('#fecha_primer_cobro_start').addEventListener('keyup', function(e) {
                        if (e.keyCode === ENTER_KEY_CODE) {
                            document.getElementById("frmFiltros").submit();
                        }
                    });
                break;
                case 'fecha_primer_cobro_end':
                    document.querySelector('#fecha_primer_cobro_end').addEventListener('keyup', function(e) {
                        if (e.keyCode === ENTER_KEY_CODE) {
                            document.getElementById("frmFiltros").submit();
                        }
                    });
                break;
                case 'fechacreacion':
                    document.querySelector('#fechacreacion').addEventListener('keyup', function(e) {
                        if (e.keyCode === ENTER_KEY_CODE) {
                            document.getElementById("frmFiltros").submit();
                        }
                    });
                break;
                case 'fecha_novedad':
                    document.querySelector('#fecha_novedad').addEventListener('keyup', function(e) {
                        if (e.keyCode === ENTER_KEY_CODE) {
                            document.getElementById("frmFiltros").submit();
                        }
                    });

                default:
                    document.getElementById("frmFiltros").submit();
                break;
            }

        }

        $(document).ready(function () {
        // inicializamos el plugin
        $('#asociacion').select2({
            ajax: {
                dataType: 'json',
                url: '{{ url("asociaciones/ajax/data") }}',
                delay: 250,
                minimumInputLength: 3,
                data: function(params) {
                    let q = params.term.toLowerCase()
                        var query = {
                            search: q,
                            page: params.page
                        }
                        return query;
                },
                processResults: function (data, page) {
                  return {
                    results: data
                  };
                },
                theme: "classic"
            }
        });
    });
</script>
@endsection