@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">Contratos Sin Novedad</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> Contratos Sin Novedad</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/contratos_sin_novedad', '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/contratos_sin_novedad') }}"
                                            class="btn btn-default dropdown-toggle">
                                            <!-- <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 {{$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>Documento Cliente</b></th>
                                            <th><b>Cliente</b></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',
                                                    'placeholder' => 'Documento',
                                                    'onchange ' => "buscar('documento')",
                                                ]) !!}
                                                <input type="hidden" name="documento_cliente" id="documento_cliente"
                                                    value="{{ $documento }}">
                                            </th>
                                            <th></th>
                                            <th>
                                                <div class="input-group  ">
                                                        {!! Form::text('fecha_nacimiento', $fecha_nacimiento, ['id' => 'fecha_nacimiento', 'class' => 'form-control', 'placeholder' => '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  ">
                                                    {!! Form::text('fecha_inicial', $fecha_inicial, ['id' => 'fecha_inicial', 'class' => 'form-control', 'placeholder' => 'Fecha Inicio']) !!}
                                            </div>
                                            </th>
                                            <th>
                                                <div class="input-group  ">
                                                    {!! Form::text('fecha_primer_cobro', $fecha_primer_cobro, ['id' => 'fecha_primer_cobro', 'class' => 'form-control', 'placeholder' => 'Fecha Inicial']) !!}
                                            </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>
                                                <div class="input-group  ">
                                                    {!! Form::text('fechacreacion', $fechacreacion, ['id' => 'fechacreacion', 'class' => 'form-control', 'placeholder' => 'Fecha Creacion']) !!}
                                            </div>
                                            </th>
                                            <th>
                                                {!! Form::select('tipo_novedad', [], $tipo_novedad, [
                                                    'id' => 'tipo_novedad',
                                                    'class' => 'form-control',
                                                    'placeholder' => 'tipo_novedad',
                                                    'onchange ' => "buscar('Tipo Novedad')",
                                                ]) !!}
                                            </th>
                                            <th>
                                                {!! 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>
                                                <input type="hidden" name="tipo_servicio_id" value="{{$tipo_servicio}}">
                                                {!! Form::select('tipo_servicio', [], $tipo_servicio, [
                                                    'id' => 'tipo_servicio',
                                                    'class' => 'form-control',
                                                    'placeholder' => 'tipo_servicio',
                                                    'onchange ' => "buscar('Tipo Servicio')",
                                                ]) !!}
                                            </th>
                                            <th>
                                                <input type="hidden" name="servicio_nombre_id" value="{{$servicio_nombre}}">
                                                {!! 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'], $servicio_nombre, [
                                                    'id' => 'impuesto_incluido',
                                                    'class' => 'form-control',
                                                    'placeholder' => 'impuesto_incluido',
                                                    'onchange ' => "buscar('impuesto incluido')",
                                                ]) !!}
                                                {{-- {!! Form::text('impuesto_incluido', $impuesto_incluido, [
                                                    '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 $key => $item)
                                                <tr class="gradeX odd" role="row">
                                                    <td>{{ $contador++ }}</td>
                                                    <td>{{ $item->documento }}</td>
                                                    <td>{{ $item->nombres }} {{ $item->apellido1 }}
                                                        {{ $item->apellido2 }}</td>
                                                    <td>
                                                        @if ($item->fecha_nacimiento)
                                                            @php
                                                                $timestamp = strtotime($item->fecha_nacimiento);
                                                                $fecha_nacimiento_new = date('d-m-Y', $timestamp);
                                                            @endphp
                                                            {{ $fecha_nacimiento_new }}
                                                        @else
                                                            <span class="text-danger"></span>
                                                        @endif
                                                    </td>
                                                    <td>
                                                        @if ($item->nacionalidad)
                                                            {{ $item->nacionalidad }}
                                                        @else
                                                            <span class="text-danger"></span>
                                                        @endif
                                                    </td>
                                                    <td>
                                                        @if ($item->telefono)
                                                            @php
                                                                $telefono = $controlador->splitTelefonos($item->telefono);
                                                            @endphp
                                                            {{ $telefono }}
                                                        @else

                                                        @endif
                                                    </td>
                                                    <td>
                                                        @if ($item->celular)
                                                            {{ $item->celular }}
                                                        @else
                                                            <span class="text-danger"></span>
                                                        @endif
                                                    </td>
                                                    <td>
                                                        @if ($item->email)
                                                            {{ $item->email }}
                                                        @else
                                                            <span class="text-danger"></span>
                                                        @endif
                                                    </td>
                                                    <td @if(Str::length($item->direccion)>50) class="resumen" data-texto-completo="{{ $item->direccion }}" @endif>
                                                        @if ($item->direccion)
                                                            {{ Str::limit($item->direccion, 50) }}
                                                        @else
                                                            <span class="text-danger"></span>
                                                        @endif
                                                    </td>
                                                    <td>
                                                        @if (!$item->cantidad_contratos)
                                                            <span class="text-danger"></span>
                                                        @else
                                                            {{ $item->cantidad_contratos }}
                                                        @endif
                                                    </td>
                                                    <td>
                                                        @if ($item->codigo)
                                                            {{ $item->codigo }}
                                                        @else
                                                            <span class="text-danger"></span>
                                                        @endif
                                                    </td>
                                                    <td>
                                                        @if ($item->codigo_fm)
                                                            {{ $item->codigo_fm }}
                                                        @else
                                                            <span class="text-danger"></span>
                                                        @endif
                                                    </td>
                                                    <td>
                                                        @if ($item->fecha_inicial)
                                                            @php
                                                                $timestamp = strtotime($item->fecha_inicial);
                                                                $fecha_inicial_new = date('d-m-Y', $timestamp);
                                                            @endphp
                                                            {{ $fecha_inicial_new }}
                                                        @else
                                                            <span class="text-danger"></span>
                                                        @endif
                                                    </td>
                                                    <td>
                                                        @if ($item->fecha_primer_cobro)
                                                            @php
                                                                $timestamp = strtotime($item->fecha_primer_cobro);
                                                                $fecha_primer_cobro_new = date('d-m-Y', $timestamp);
                                                            @endphp
                                                            {{ $fecha_primer_cobro_new }}
                                                        @else
                                                            <span class="text-danger"></span>
                                                        @endif
                                                    </td>
                                                    <td>{{ $item->sede_contrato }}</td>
                                                    <td>{{ $item->forma_pago }}</td>
                                                    <x-validated-td :item="$item->asociacion" />
                                                    <x-validated-td :item="$item->siglas_asociacion" />
                                                    <td>{{$item->modalidad_cobro ?$modalidades_cobro[$item->modalidad_cobro]: '' }}</td>
                                                    <x-validated-td :item="$item->dia_pago" />
                                                    <x-validated-td :item="$item->cuota_contrato_activos" />
                                                    <td>{{ $item->empleado_nombres }} {{ $item->empleado_apellido1 }} {{ $item->empleado_apellido2 }}
                                                    </td>
                                                    <x-validated-td :item="$item->ruta_nombre" />
                                                    <x-validated-td :item="$item->numero_tarjeta" />
                                                    <td>
                                                        @if ($item->mes_vencimiento)
                                                            {{ $item->mes_vencimiento }}-{{ $item->ano_vencimiento }}
                                                    </td>
                                                @else
                                                    <span class="text-danger"></span>
                                            @endif
                                            </td>
                                            <td>
                                                @if ($item->observacion_fija)
                                                    {{ $controlador->splitObservacionesFijas($item->observacion_fija) }}
                                                @else
                                                    <span class="text-danger"></span>
                                                @endif
                                            </td>
                                            {{-- <x-validated-td :item="$item->observacion_fija" /> --}}
                                                <td @if(Str::length($item->contrato_observacion)>50) class="resumen" data-texto-completo="{{ $item->contrato_observacion }}" @endif>
                                                    @if ($item->contrato_observacion)
                                                        {{ Str::limit($item->contrato_observacion, 50) }}
                                                    @else
                                                        <span class="text-danger"></span>
                                                    @endif
                                                </td>
                                            {{-- <x-validated-td :item="$item->contrato_observacion" /> --}}

                                            <td>
                                                @if ($item->fechacreacion)
                                                    @php
                                                        $timestamp = strtotime($item->fechacreacion);
                                                        $fechacreacion_new = date('d-m-Y', $timestamp);
                                                    @endphp
                                                    {{ $fechacreacion_new }}
                                                @else
                                                    <span class="text-danger"></span>
                                                @endif
                                            </td>
                                            <td>

                                                    <span class="text-danger"></span>

                                            </td>
                                            <td>
                                                    <span class="text-danger"></span>
                                            </td>
                                            <td>
                                                {{-- @if ($item->fecha_novedad)
                                                    @php
                                                        $timestamp = strtotime($item->fecha_novedad);
                                                        $fecha_novedad_new = date('d-m-Y', $timestamp);
                                                    @endphp
                                                    {{ $fecha_novedad_new }}
                                                @else --}}
                                                    <span class="text-danger"></span>
                                                {{-- @endif --}}
                                            </td>
                                            <td>
                                                @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
                                                {{-- {{$item->contrato_estado}} --}}
                                            </td>
                                            <td>
                                                @if ($item->cantidad_servicios == 0)
                                                    <span class="text-danger"></span>
                                                @else
                                                    {{ $item->cantidad_servicios }}
                                                @endif
                                            </td>
                                            <td>
                                                @if ($item->tipo_servicio)
                                                    {{ $item->tipo_servicio }}
                                                @else
                                                    <span class="text-danger"></span>
                                                @endif
                                            </td>
                                            <td>
                                                @if ($item->servicio_nombre)
                                                    {{ $item->servicio_nombre }}
                                                @else
                                                    <span class="text-danger"></span>
                                                @endif
                                            </td>
                                            <td>
                                                @if ($item->impuesto)
                                                    {{ $item->impuesto }}
                                                @else
                                                    <span class="text-danger"></span>
                                                @endif
                                            </td>
                                            <td>
                                                @if ($item->impuesto_incluido==1)
                                                  Si
                                                @else
                                                No
                                                    {{-- <span class="text-danger"></span> --}}
                                                @endif
                                                {{--  {{$item->impuesto_incluido}} --}}
                                            </td>
                                            <td>
                                                @if ($item->servicio_valor)
                                                    {{ $item->servicio_valor }}
                                                @else
                                                    <span class="text-danger"></span>
                                                @endif
                                                {{--  {{$item->servicio_valor}} --}}
                                            </td>
                                            <td>
                                                @if (!$item->cuota_servicio)
                                                    <span class="text-danger"></span>
                                                @else
                                                    {{ $item->cuota_servicio }}
                                                @endif
                                            </td>
                                            <td>
                                                @if ($item->pago_inicial)
                                                    {{ $item->pago_inicial }}
                                                @else
                                                    <span class="text-danger"></span>
                                                @endif
                                            </td>
                                            <td>
                                                @if ($item->saldo_inicial)
                                                    {{ $item->saldo_inicial }}
                                                @else
                                                    <span class="text-danger"></span>
                                                @endif
                                            </td>
                                            <td>
                                                @if ($item->saldo_actual)
                                                    {{ $item->saldo_actual }}
                                                @else
                                                    <span class="text-danger"></span>
                                                @endif
                                            </td>
                                            <td>
                                                @if ($item->financiacion_meses)
                                                    {{ $item->financiacion_meses }}
                                                @else
                                                    <span class="text-danger"></span>
                                                @endif
                                            </td>
                                            <td>
                                                @if ($item->financiacion_interes)
                                                    {{ $item->financiacion_interes }}
                                                @else
                                                    <span class="text-danger"></span>
                                                @endif

                                            </td>
                                            <td>
                                                @if ($item->valor_adicional)
                                                    {{ $item->valor_adicional }}
                                                @else
                                                    <span class="text-danger"></span>
                                                @endif
                                            </td>
                                            <td>
                                                @if ($item->observacion_servicio)
                                                    {{ $item->observacion_servicio }}
                                                @else
                                                    <span class="text-danger"></span>
                                                @endif
                                                {{-- {{$item->observacion_servicio}} --}}
                                            </td>
                                            <td>
                                                @if ($item->estado_servicio == 1)
                                                    <span class="badge badge-primary">Activo</span>
                                                @else
                                                    <span class="badge badge-danger">
                                                        Inactivo
                                                    </span>
                                                @endif
                                                {{--  {{$item->estado_servicio}} --}}
                                            </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,'fechacreacion' => $fechacreacion,'asociacion' => $asociacion
                               ])->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 de 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 fechacreacion = @json($fechacreacion);

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

    var fecha_primer_cobro_fin = fechas_primer_cobro[1];

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

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

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

}

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

})


            // $('#mensaje').on('keyup', function(e) {

            //     const ENTER_KEY_CODE = 13;
            //     if (e.keyCode === ENTER_KEY_CODE) {
            //         document.getElementById("frmFiltros").submit();
            //     }

            // })



//fin inicializacion de fechas

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



              //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.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_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 'fecha_inicial_end':
                    document.querySelector('#fecha_inicial_end').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;



                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