@extends('layouts.app')

@section('content')
    <!-- end sidebar menu -->
    <!-- start page content -->
    <div class="page-content-wrapper overflow-hidden">
        <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">Novedades 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>Novedades 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;-->
                                    <!-- <a onclick="limpiar()" class="btn btn-warning mb-3">Limpiar Filtro</a>-->
                                </div>
                                <div class="tools float-right">
                                    {!! Form::open(['url' => 'reportes_novedades', 'method' => 'get', 'id' => 'frmFiltros']) !!}
                                    <input type="hidden" id="accion" name="accion" value="1">
                                    <!-- Example split danger button -->
                                    <div class="btn-group">

                                        <a href="{{ url('reportes_novedades') }}" class="btn btn-primary">
                                            <i class="fa fa-repeat"></i>
                                        </a>


                                    </div>

                                    <a class="btn btn-primary" onclick="generar()"><i class="fa fa-download"></i></a>
                                </div>
                            </div><br>
                            <div class="table-wrap">
                                <span class="text-muted">Mostrando {{$data->firstItem()}} - {{$data->lastItem()}} de {{$data->total()}}</span>
                                <div class="table-responsive">
                                    <table class="table display product-overview mb-30">
                                        <thead>
                                            <tr>
                                                <th><b>#</b></th>
                                                <th><b>Tipo Novedad Contrato</b></th>
                                                <th><b>Vendedor Novedad</b></th>
                                                <th><b>Fecha Novedad Vendedor</b></th>
                                                <th><b>Fecha Aplicación</b></th>
                                                <th><b>Creado Por</b></th>
                                                <th><b>Fecha Creación</b></th>
                                                <th><b>Documento Cliente</b></th>
                                                <th><b>Cliente</b></th>
                                                <th><b>Fecha Nacimiento</b></th>
                                                <th><b>Cliente Nacionalidad</b></th>
                                                <th><b>Cliente Telefonos</b></th>
                                                <th><b>Cliente Celular</b></th>
                                                <th><b>Cliente Email</b></th>
                                                <th><b>Cliente Direccion</b></th>
                                                <th><b>Cantidad de Contratos</b></th>
                                                <th><b>Contrato Codigo</b></th>
                                                <th><b>Contrato Codigo 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>Asociacion</b></th>
                                                <th><b>Siglas de Asociacion</b></th>
                                                <th><b>Modalidad de Cobro</b></th>
                                                <th><b>Dia de Pago</b></th>
                                                <th><b>Vendedor</b></th>
                                                <th><b>Cobrador</b></th>
                                                <th><b>Tarjeta No.</b></th>
                                                <th><b>Tarjeta Fecha Vencimiento</b></th>
                                                <th><b>Ultima Observacion Contrato</b></th>
                                                <th><b>Fecha Registro Contrato</b></th>
                                                <th><b>Estado Contrato</b></th>
                                                <th><b>Servicio</b></th>
                                                <th><b>Servicio Valor</b></th>
                                                <th><b>Cuota Servicio</b></th>
                                                <th><b>Valor Cuota</b></th>
                                                <th><b>Servicio Pago Inicial</b></th>
                                                <th><b>Servicio Saldo Inicial</b></th>
                                                <th><b>Financiacion Meses</b></th>
                                                <th><b>Servicio Financiacion Porcentaje Interes</b></th>
                                                <th><b>Servicio Valor Adicional</b></th>
                                                <th><b>Ultima Observacion Servicio</b></th>
                                                <th><b>Estado Servicio</b></th>
                                                <th><b>Cambios</b></th>
                                            </tr>
                                            <tr>
                                                <th></th>
                                                <th>
                                                    {!! Form::select('tipo_novedad_contrato', $lista_tipo_novedad, $tipo_novedad_contrato, [
                                                        'id' => 'tipo_novedad_contrato',
                                                        'class' => 'form-control select2 w-100',
                                                        'placeholder' => 'seleccione tipo novedad contrato',
                                                        'onchange ' => "buscar(event,'tipo_novedad_contrato')",
                                                    ]) !!}
                                                </th>
                                                <th>

                                                    {!! Form::select('vendedor_nombre', [], $vendedor_nombre, [
                                                        'id' => 'vendedor_nombre',
                                                        'class' => 'form-control w-auto',
                                                        'placeholder' => 'Documento',
                                                        'onchange ' => "buscar('documento')",
                                                    ]) !!}
                                                    <input type="hidden" name="vendedor_id" id="vendedor_id"
                                                        value="{{ $vendedor_nombre }}">

                                                    {{-- {!! Form::text('vendedor_nombre', $vendedor_nombre, [
                                                        'id' => 'vendedor_nombre',
                                                        'class' => 'form-control',
                                                        'placeholder' => 'Ingrese contrato vendedor',
                                                        'onchange ' => "buscar('vendedor_nombre')",
                                                    ]) !!} --}}
                                                </th>
                                                <th>
                                                    {!! Form::text('fecha_novedad', $fecha_novedad, [
                                                        'id' => 'fecha_novedad',
                                                        'class' => 'form-control w-auto',
                                                        'placeholder' => 'Fecha Novedad'
                                                    ]) !!}
                                                </th>
                                                <th>
                                                    {!! Form::text('fecha_aplicacion', $fecha_aplicacion, [
                                                        'id' => 'fecha_aplicacion',
                                                        'class' => 'form-control',
                                                        'placeholder' => 'Fecha Aplicacion'

                                                    ]) !!}
                                                </th>
                                                <th>
                                                    <input type="hidden" name="creado_por_id" value="{{ $creado_por }}">
                                                    {!! Form::select('creado_por', [], $creado_por, [
                                                        'id' => 'creado_por',
                                                        'class' => 'form-control select2 w-auto',
                                                        'placeholder' => 'seleccione creado por',
                                                        'onchange' => "buscar(event,'creado_por')",
                                                    ]) !!}
                                                </th>
                                                <th>
                                                    {!! Form::text('fecha_creacion', $fecha_creacion, [
                                                        'id' => 'fecha_creacion',
                                                        'class' => 'form-control',
                                                        'placeholder' => 'Fecha Creacion'
                                                    ]) !!}
                                                </th>
                                                <th>
                                                    <input type="hidden" name="cliente_documento_id" value="{{ $cliente_documento }}">
                                                    {!! Form::select('cliente_documento', [], $cliente_documento, [
                                                        'id' => 'cliente_documento',
                                                        'class' => 'form-control select2 w-auto',
                                                        'placeholder' => 'seleccione cliente documento',
                                                        'onchange' => "buscar(event,'cliente_documento')",
                                                    ]) !!}
                                                </th>

                                                <th></th>
                                                <th>
                                                    {!! Form::text('fecha_nacimiento', $fecha_nacimiento, [
                                                        'id' => 'fecha_nacimiento',
                                                        'class' => 'form-control w-100',
                                                        'placeholder' => 'Fecha Nacimiento',
                                                    ]) !!}
                                                </th>
                                                <th></th>
                                                <th></th>
                                                <th></th>
                                                <th></th>
                                                <th></th>
                                                <th></th>
                                                <th>
                                                    {!! Form::text('codigo', $codigo, [
                                                        'id' => 'codigo',
                                                        'class' => 'form-control',
                                                        'placeholder' => 'Ingrese contrato Codigo',
                                                        'onchange ' => "buscar('codigo')",
                                                    ]) !!}
                                                </th>
                                                <th>
                                                    {!! Form::text('codigo_fm', $codigo_fm, [
                                                        'id' => 'codigo_fm',
                                                        'class' => 'form-control w-100',
                                                        'placeholder' => 'Ingrese contrato Codigo fm',
                                                        'onchange ' => "buscar('codigo_fm')",
                                                    ]) !!}
                                                </th>
                                                <th>
                                                    {!! Form::text('fecha_inicial', $fecha_inicial, [
                                                        'id' => 'fecha_inicial',
                                                        'class' => 'form-control',
                                                        'placeholder' => 'Fecha Inicial',
                                                    ]) !!}
                                                </th>
                                                <th>
                                                    {!! Form::text('fecha_primer_cobro', $fecha_primer_cobro, [
                                                        'id' => 'fecha_primer_cobro',
                                                        'class' => 'form-control',
                                                        'placeholder' => 'Fecha Primer Cobro'
                                                    ]) !!}
                                                </th>
                                                <th>
                                                    {!! Form::select('sede_contrato', $lista_sedes, $sede_contrato, [
                                                        'id' => 'sede_contrato',
                                                        'class' => 'form-control select2 w-100',
                                                        'placeholder' => 'Seleccione sede contrato',
                                                        'onchange ' => "buscar(event,'Sede')",
                                                    ]) !!}
                                                </th>
                                                <th>
                                                    {!! Form::select('forma_pago', $lista_forma_pago, $forma_pago, [
                                                        'id' => 'forma_pago',
                                                        'class' => 'form-control select2 w-auto',
                                                        'placeholder' => 'Seleccione forma de pago',
                                                        'onchange ' => "buscar(event,'forma_pago')",
                                                    ]) !!}
                                                </th>
                                                <th></th>


                                                <th></th>
                                                <th>
                                                    {!! Form::select('modalidad_cobro', $lista_modalidad_cobro, $modalidad_cobro, [
                                                        'id' => 'modalidad_cobro',
                                                        'class' => 'form-control select2 w-auto',
                                                        'placeholder' => 'Seleccione forma de pago',
                                                        'onchange ' => "buscar(event,'modalidad_cobro')",
                                                    ]) !!}
                                                </th>
                                                <th></th>
                                                <th>
                                                    {!! Form::select('empleado_nombres', [], $empleado_nombres, [
                                                        'id' => 'empleado_nombres',
                                                        'class' => 'form-control select2 w-auto',
                                                        'placeholder' => 'seleccione empleado',
                                                        'onchange ' => "buscar(event,'empleado_nombres')",
                                                    ]) !!}
                                                    <input type="hidden" name="empleado_id" id="empleado_id"
                                                        value="{{ $empleado_nombres }}">
                                                </th>

                                                <th></th>
                                                <th></th>
                                                <th></th>
                                                <th></th>
                                                <th></th>
                                                <th>
                                                    {!! Form::select('estado_nombre', $lista_estados_contrato, $estado_nombre, [
                                                        'id' => 'estado_nombre',
                                                        'class' => 'form-control select2 w-auto',
                                                        'placeholder' => 'estado nombre',
                                                        'onchange ' => "buscar(event,'estado')",
                                                    ]) !!}
                                                </th>
                                                <th>
                                                    {!! Form::select('servicio', $lista_servicios, $servicio, [
                                                        'id' => 'servicio',
                                                        'class' => 'form-control select2 w-100',
                                                        'placeholder' => 'servicio contrato',
                                                        'onchange ' => "buscar(event,'servicio')",
                                                    ]) !!}
                                                </th>
                                                <th></th>
                                                <th></th>
                                                <th></th>
                                                <th></th>
                                                <th></th>
                                                <th></th>
                                                <th></th>
                                                <th></th>
                                                <th></th>
                                                {{-- <th></th> --}}
                                                {!! Form::close() !!}
                                            </tr>
                                        </thead>
                                        <tbody>
                                            @if (count($data) > 0)
                                                @foreach ($data as $key => $item)
                                                    <tr class="gradeX odd" role="row">
                                                        <td>{{ $contador++ }}</td> {{-- # --}}
                                                        {{-- se implementa componente validated-td, se encuentra ubicado en la carpeta view/components y la clase en donde se definen sus propiedades se encuentra en App/-View/Components ValidatedTD.php, el componente valida si existe la propiedad, si no muestra un mensaje --}}
                                                        <x-validated-td :item="$item->tipo_novedad_contrato" />{{-- tipo vendedor novedad --}}
                                                        <td>{{-- vendedor novedad --}}
                                                            @if ($item->empleado_nombres_novedad != null)
                                                                {{ $item->empleado_nombres_novedad }}
                                                                {{ $item->empleado_apellido1_novedad }}
                                                                {{ $item->empleado_apellido2_novedad }}
                                                            @else
                                                                <span class="text-danger"></span>
                                                            @endif
                                                        </td>
                                                        <x-date-td :date="$item->fecha_novedad" />
                                                        <x-date-td :date="$item->contrato_novedad_fecha_aplicacion" />
                                                        <x-validated-td :item="$item->creador" /> {{-- creado por --}}
                                                        <x-date-td :date="$item->contrato_novedad_fecha_creacion" />

                                                        <x-validated-td :item="$item->documento" /> {{-- documento cliente --}}
                                                        <td>{{ $item->nombres }} {{ $item->apellido1 }}
                                                            {{ $item->apellido2 }}</td>{{-- cliente --}}
                                                        <x-date-td :date="$item->fecha_nacimiento" />

                                                        <x-validated-td :item="$item->nacionalidad" />{{-- cliente nacionalidad --}}
                                                        {{-- cliente telefonos --}}
                                                        <td>
                                                            @if ($item->telefono)
                                                                @php
                                                                    $telefono = $controlador->splitTelefonos($item->telefono);
                                                                @endphp
                                                                {{ $telefono }}
                                                            @else
                                                                <span class="text-danger"></span>
                                                            @endif
                                                        </td>
                                                        <x-validated-td :item="$item->celular" /> {{-- cliente celular --}}
                                                        <x-validated-td :item="$item->email" /> {{-- cliente email --}}
                                                        <x-validated-td :item="$item->direccion" /> {{-- cliente direccion --}}
                                                        <x-validated-td :item="$item->cantidad_contratos" /> {{-- cantidad contratos --}}

                                                        <x-validated-td :item="$item->codigo" />{{-- contraato codigo --}}
                                                        <x-validated-td :item="$item->codigo_fm" /> {{-- contraato codigo fm --}}
                                                        {{-- se implementa componente date-td, se encuentra ubicado en la carpeta view/components y la clase en donde se definen sus propiedades se encuentra en App/View/Components DateTd.php, el componente valida si existe la propiedad (fecha), la formatea, si no muestra un mensaje --}}
                                                        <x-date-td :date="$item->fecha_inicial" />
                                                        <x-date-td :date="$item->fecha_primer_cobro" />{{-- fecha primer cobro --}}

                                                        <x-validated-td :item="$item->sede_contrato" />{{-- sede contrato --}}
                                                        <x-validated-td :item="$item->forma_pago" />{{-- forma pago --}}
                                                        {{-- Reubicadas --}}
                                                        <x-validated-td :item="$item->asociacion" />{{-- asociacion --}}
                                                        <x-validated-td :item="$item->siglas_asociacion" />{{-- siglas --}}
                                                        {{-- Reubicadas --}}
                                                        {{-- modalidad cobro --}}
                                                        <td>
                                                            @if ($item->modalidad_cobro)
                                                                {{ $lista_modalidad_cobro[$item->modalidad_cobro] }}
                                                            @else
                                                                <span class="text-danger"></span>
                                                            @endif
                                                        </td>

                                                        <x-validated-td :item="$item->dia_pago" />{{-- dia pago --}}
                                                        {{-- vendedor --}}
                                                        <td>
                                                            @if ($item->empleado_nombres_novedad)
                                                                {{ $item->empleado_nombres_novedad .
                                                                    ' ' .
                                                                    $item->empleado_apellido1_novedad .
                                                                    '' .
                                                                    $item->empleado_apellido2_novedad }}
                                                            @else
                                                            <span class="text-danger"></span>
                                                            @endif
                                                        </td>



                                                        <x-validated-td :item="$item->ruta_nombre" />{{-- cobrador --}}
                                                        <x-validated-td :item="$item->numero_tarjeta" />{{-- tarjeta nro --}}
                                                        <td>{{-- tarjeta fecha vencimiento --}}
                                                            @if ($item->mes_vencimiento && $item->ano_vencimiento)
                                                                {{ $item->mes_vencimiento }} {{ $item->ano_vencimiento }}
                                                            @else

                                                            @endif
                                                        </td>
                                                        <x-validated-td :item="$item->contrato_novedad_observacion" />{{-- ultima observacion --}}
                                                        <td>{{-- fecha registro --}}
                                                            @if ($item->fechacreacion !== null)
                                                                @php
                                                                    $timestamp = strtotime($item->fechacreacion);
                                                                    $fecha_registro_new = date('d-m-Y', $timestamp);
                                                                @endphp
                                                                {{ $fecha_registro_new }}
                                                            @else

                                                            @endif
                                                        </td>
                                                        <td> {{-- estado contrato --}}
                                                            @if ($item->contrato_estado == 0)
                                                                <span class="badge badge-primary">En Construcción</span>
                                                            @elseif($item->contrato_estado == 1)
                                                                <span class="badge badge-success">Activo</span>
                                                            @elseif($item->contrato_estado == 2)
                                                                <span class="badge badge-danger">Inactivo</span>
                                                            @elseif($item->contrato_estado == 3)
                                                                <span class="badge badge-warning">Desafiliado</span>
                                                            @elseif($item->contrato_estado == 4)
                                                                <span class="badge badge-info">Servicio Brindado</span>
                                                            @elseif($item->contrato_estado == 5)
                                                                <span class="badge badge-dark">Congelado</span>
                                                            @else
                                                                <span class="badge badge-secondary">Cancelado</span>
                                                            @endif
                                                        </td>

                                                        <x-validated-td :item="$item->servicio_nombre" />{{-- servicio --}}
                                                        <x-validated-td :item="$item->servicio_valor" />{{-- servicio valor --}}
                                                        <x-validated-td :item="$item->cuota_contrato_activos" />{{-- cuota servicio --}}
                                                        <x-validated-td :item="$item->cuota_servicio" />
                                                        <x-validated-td :item="$item->pago_inicial" />
                                                        <x-validated-td :item="$item->saldo_inicial" />
                                                        <x-validated-td :item="$item->financiacion_meses" />
                                                        <x-validated-td :item="$item->financiacion_interes" />
                                                        <x-validated-td :item="$item->valor_adicional" />
                                                        {{-- <x-validated-td :item="$item->observacion_servicio" /> --}}
                                                            <td @if(Str::length($item->observacion_servicio)>50) class="resumen" data-texto-completo="{{ $item->observacion_servicio }}" @endif>
                                                                @if ($item->observacion_servicio)
                                                                    {{ Str::limit($item->observacion_servicio, 50) }}
                                                                @else
                                                                    <span class="text-danger"></span>
                                                                @endif
                                                            </td>
                                                        {{-- <x-validated-td :item="$item->estado_servicio" /> --}}
                                                        <td>
                                                            @if ($item->estado_servicio == 1)
                                                                <span class="badge badge-primary">Activo</span>
                                                            @else
                                                                <span class="badge badge-danger">
                                                                    Inactivo
                                                                </span>
                                                            @endif
                                                        </td>

                                                        <td @if(Str::length($item->contrato_novedad_info_traducida)>50) class="resumen" data-texto-completo="{{ $item->contrato_novedad_info_traducida }}" @endif>
                                                            @if ($item->contrato_novedad_info_traducida)
                                                                {{ Str::limit($item->contrato_novedad_info_traducida, 50) }}
                                                            @else
                                                                <span class="text-danger"></span>
                                                            @endif
                                                        </td>

                                                        {{-- <x-validated-td :item="$item->contrato_novedad_info_traducida" /> --}}
                                                    </tr>
                                                @endforeach
                                            @else
                                                <tr>
                                                    <td colspan="10" class="text-center">No se encontraron resultados.
                                                    </td>
                                                </tr>
                                            @endif
                                        </tbody>
                                    </table>
                                </div>
                            </div>
                        </div>
                        <div class="card-footer">
                            <div class="float-right">
                                {{ $data->appends(['tipo_novedad_contrato' => $tipo_novedad_contrato,'vendedor_nombre' => $vendedor_nombre,'fecha_novedad' => $fecha_novedad,'fecha_aplicacion' => $fecha_aplicacion,'creado_por' => $creado_por,'fecha_creacion' => $fecha_creacion,'cliente_documento' => $cliente_documento,'cliente_nombres' => $cliente_nombres,'cliente_apellido1' => $cliente_apellido1,'cliente_apellido2' => $cliente_apellido2,'fecha_nacimiento' => $fecha_nacimiento,'nacionalidad' => $nacionalidad,'telefonos' => $telefonos,'celular' => $celular,'email' => $email,'direccion' => $direccion,'cantidad_contratos' => $cantidad_contratos,'codigo' => $codigo,'codigo_fm' => $codigo_fm,'fecha_inicial' => $fecha_inicial,'fecha_primer_cobro' => $fecha_primer_cobro,'sede_contrato' => $sede_contrato,'forma_pago' => $forma_pago,'modalidad_cobro' => $modalidad_cobro,'dia_pago' => $dia_pago,'empleado_nombres' => $empleado_nombres,'empleado_apellido1' => $empleado_apellido1,'empleado_apellido2' => $empleado_apellido2,'tarjeta_numero' => $tarjeta_numero,'mes_vencimiento' => $mes_vencimiento,'ano_vencimiento' => $ano_vencimiento,'ultima_observacion' => $ultima_observacion,'fecha_registro' => $fecha_registro,'estado_nombre' => $estado_nombre,'servicio' => $servicio,'servicio_valor' => $servicio_valor,'valor_cuota' => $valor_cuota,'pago_inicial' => $pago_inicial,'saldo_inicial' => $saldo_inicial,'financiacion_meses' => $financiacion_meses,'financiacion_interes' => $financiacion_interes,'valor_adicional' => $valor_adicional,'ultima_observacion' => $ultima_observacion,'estado_servicio' => $estado_servicio,'cambios' => $cambios])->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 type="text/javascript">
        $(document).ready(function() {

            //inicializacion daterangepicker

            let fecha_nacimiento = @json($fecha_nacimiento);

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

                var fecha_nacimiento_fin = fechas_nacimiento[1];

                $('input[name="fecha_nacimiento"]').daterangepicker({
                    //timePicker: true,
                    startDate: fecha_nacimiento != null ? fecha_nacimiento_inicio : '',
                    endDate: fecha_nacimiento != null ? fecha_nacimiento_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();
                }

            })

            let fecha_inicial = @json($fecha_inicial);

            if (fecha_inicial != null) {
                let fechas_inicial = fecha_inicial.split(' - ')
                var fecha_inicial_inicio = fechas_inicial[0];

                var fecha_inicial_fin = fechas_inicial[1];

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

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

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

            }

            $('input[name=fecha_inicial]').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_primer_cobro = fecha_primer_cobro.split(' - ')
                var fecha_primer_cobro_inicio = fechas_primer_cobro[0];

                var fecha_primer_cobro_fin = fechas_primer_cobro[1];

                $('input[name="fecha_primer_cobro"]').daterangepicker({
                    //timePicker: true,
                    startDate: fecha_primer_cobro != null ? fecha_primer_cobro_inicio : '',
                    endDate: fecha_primer_cobro != null ? fecha_primer_cobro_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_creacion = @json($fecha_creacion);

            if (fecha_creacion != null) {
                let fechas_creacion = fecha_creacion.split(' - ')
                var fecha_creacion_inicio = fechas_creacion[0];

                var fecha_creacion_fin = fechas_creacion[1];

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

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

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

            }

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

            })


            //fecha novedad
            let fecha_novedad = @json($fecha_novedad);
            console.warn('existe '+fecha_novedad);

            if (fecha_novedad != null) {
                let fechas_novedad = fecha_novedad.split(' - ')
                var fecha_novedad_inicio = fechas_novedad[0];

                var fecha_novedad_fin = fechas_novedad[1];

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

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

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

            }

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

            })

            //fecha aplicacion
            let fecha_aplicacion = @json($fecha_aplicacion);

            if (fecha_aplicacion != null) {
                let fechas_aplicacion = fecha_aplicacion.split(' - ')
                var fecha_aplicacion_inicio = fechas_aplicacion[0];

                var fecha_aplicacion_fin = fechas_aplicacion[1];

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

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

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

            }

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

            })

            //fin daterangepicker

            $('#vendedor_nombre').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"
                }
            });

            $('#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"
                }
            });

            $('#cliente_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"
                }
            });

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

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



                 //modal datos abreviados
    $('.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 buscar(event, tipo) {

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

            switch (tipo) {
                case 'documento':
                    document.querySelector('#documento').addEventListener('keyup', function(e) {
                        if (e.keyCode === ENTER_KEY_CODE) {
                            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_novedad':
                //     document.querySelector('#fecha_novedad').addEventListener('keyup', function(e) {
                //         if (e.keyCode === ENTER_KEY_CODE) {
                //             document.getElementById("frmFiltros").submit();
                //         }
                //     });
                //     break;
                // case 'fecha_aplicacion':
                //     document.querySelector('#fecha_aplicacion').addEventListener('keyup', function(e) {
                //         if (e.keyCode === ENTER_KEY_CODE) {
                //             document.getElementById("frmFiltros").submit();
                //         }
                //     });
                //     break;
                // case 'fecha_nacimiento':
                //     document.querySelector('#fecha_nacimiento').addEventListener('keyup', function(e) {
                //         if (e.keyCode === ENTER_KEY_CODE) {
                //             document.getElementById("frmFiltros").submit();
                //         }
                //     });
                //     break;
                //     //fecha_creacion
                // case 'fecha_creacion':
                //     document.querySelector('#fecha_creacion').addEventListener('keyup', function(e) {
                //         if (e.keyCode === ENTER_KEY_CODE) {
                //             document.getElementById("frmFiltros").submit();
                //         }
                //     });
                //     break;
                //     //fecha_inicial
                // case 'fecha_inicial':
                //     document.querySelector('#fecha_inicial').addEventListener('keyup', function(e) {
                //         if (e.keyCode === ENTER_KEY_CODE) {
                //             document.getElementById("frmFiltros").submit();
                //         }
                //     });
                //     break;
                //     //fecha_primer_cobro
                // case 'fecha_primer_cobro':
                //     document.querySelector('#fecha_primer_cobro').addEventListener('keyup', function(e) {
                //         if (e.keyCode === ENTER_KEY_CODE) {
                //             document.getElementById("frmFiltros").submit();
                //         }
                //     });
                    //empleado_nombres
                case 'empleado_nombres':
                    // document.querySelector('#empleado_nombres').addEventListener('keyup', function(e) {
                    //     if (e.keyCode === ENTER_KEY_CODE) {
                    document.getElementById("frmFiltros").submit();
                    //     }
                    // });
                    break;
                    // case 'fecha_crea':
                    //     document.querySelector('#fecha_crea').addEventListener('keyup', function(e) {
                    //         if (e.keyCode === ENTER_KEY_CODE) {
                    //             document.getElementById("frmFiltros").submit();
                    //         }
                    //     });
                    // break;
                    // case 'fecha_act':
                    //     document.querySelector('#fecha_act').addEventListener('keyup', function(e) {
                    //         if (e.keyCode === ENTER_KEY_CODE) {
                    //             document.getElementById("frmFiltros").submit();
                    //         }
                    //     });
                    // break;
                default:
                    document.getElementById("frmFiltros").submit();
                    break;
            }

        }
    </script>
@endsection