@extends('layouts.app')

@section('content')
    <!-- end sidebar menu -->
    <!-- start page content -->
    <div class="page-content-wrapper">
        <div class="page-content" style="min-height:1200px">
            <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-lg-12 col-lg-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;-->
                                   <!-- <a onclick="limpiar()" class="btn btn-warning mb-3">Limpiar Filtro</a>-->
                                </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">
                                      <button class="btn btn-default dropdown-toggle" type="button" data-toggle="dropdown" aria-expanded="false"><a onclick="limpiar()">
                                        <i class="fa fa-repeat"></i>
                                    </a>
                                      </button>

                                    </div>

                                    <a class="btn btn-primary" onclick="generar()"><i class="fa fa-download"></i></a>
                                </div>
                            </div><br>
                            <div class="table-wrap">
                                <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 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 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>Asociacion</b></th>
                                            <th><b>Siglas Asociacion</b></th>
                                            <th><b>Modalidad de Cobro</b></th>
                                            <th><b>Día 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 N°</b></th>
                                            <th><b>Tarjeta Fecha de Vencimiento</b></th>
                                            <th><b>Ultima Observacion Contrato</b></th>
                                            <th><b>Fecha Registro Contrato</b></th>
                                            <th><b>Tipo Novedad Contrato (Última Novedad)</b></th>
                                            <th><b>Vendedor Novedad (Última Novedad)</b></th>
                                            <th><b>Fecha Novedad (Última Novedad)</b></th>
                                            <th><b>Estado Contrato</b></th>
                                            <th><b>Cantidad de Servicios</b></th>
                                            <th><b>Servicio</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>Meses de Financiacion</b></th>
                                            <th><b>Procentaje Interes (Financiacion)</b></th>
                                            <th><b>Valor Adicional</b></th>
                                            <th><b>Ultima Observación Servicio</b></th>
                                            <th><b>Estado Servicio</b></th>
                                        </tr>
                                        <tr>
                                            <th></th>
                                            <th>
                                                {!! Form::text('documento',$documento,['id'=>'documento','class'=>'form-control','placeholder'=>'Documento','onchange '=>"buscar('documento')"]) !!}
                                            </th>
                                            <th>
                                                {!! Form::text('nombres',$nombres,['id'=>'nombres','class'=>'form-control','placeholder'=>'Cliente','onchange '=>"buscar('nombres')"]) !!}
                                            </th>
                                            <th>
                                                {!! Form::date('fecha_nac',$fecha_nac,['id'=>'fecha_nac','class'=>'form-control','placeholder'=>'Fecha Nacimiento','onchange '=>"buscar('fecha_nac')"]) !!}
                                            </th>
                                            <th>
                                                {!! Form::text('nacionalidad',$nacionalidad,['id'=>'nacionalidad','class'=>'form-control','placeholder'=>'Nacionaldiad','onchange '=>"buscar('nacionalidad')"]) !!}
                                            </th>
                                            <th>
                                                {!! Form::text('telefonos',$telefonos,['id'=>'telefonos','class'=>'form-control','placeholder'=>'Telefonos','onchange '=>"buscar('telefonos')"]) !!}
                                            </th>
                                            <th>
                                                {!! Form::text('celular',$celular,['id'=>'celular','class'=>'form-control','placeholder'=>'Celular','onchange '=>"buscar('celular')"]) !!}
                                            </th>
                                            <th>
                                                {!! Form::text('email',$email,['id'=>'email','class'=>'form-control','placeholder'=>'Email','onchange '=>"buscar('email')"]) !!}
                                            </th>
                                            <th>
                                                {!! Form::text('direccion',$direccion,['id'=>'direccion','class'=>'form-control','placeholder'=>'Direccion','onchange '=>"buscar('direccion')"]) !!}
                                            </th>
                                            <th></th>
                                            <th>
                                                {!! Form::text('codigo_contrato',$codigo_contrato,['id'=>'codigo_contrato','class'=>'form-control','placeholder'=>'Contrato Codigo','onchange '=>"buscar('codigo_contrato')"]) !!}
                                            </th>
                                            <th>
                                                {!! Form::text('codigo_fm',$codigo_fm,['id'=>'codigo_fm','class'=>'form-control','placeholder'=>'Contrato ID_FM','onchange '=>"buscar('codigo_fm')"]) !!}
                                            </th>

                                            <th>
                                                <th>
                                                {!! Form::date('fecha_inicio',$fecha_inicio,['id'=>'fecha_inicio','class'=>'form-control','placeholder'=>'Fecha Inicio Contrato','onchange '=>"buscar('fecha_inicio')"]) !!}
                                            </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>
                                                <td>{{$item->documento }}</td>
                                                <td>{{$item->nombres }} {{$item->apellido_1 }} {{$item->apellido_2 }} </td>

                                                <td>@php
                                                    $timestamp = strtotime($item->fecha_nacimiento);
                                                    $fecha_nacimiento = date("d-m-Y", $timestamp );
                                                    @endphp
                                                    {{$fecha_nacimiento }}
                                                </td>

                                                <td>{{$item->nacionalidad }}</td>
                                                <td>{{$item->telefonos }}</td>
                                                <td>{{$item->celular }}</td>
                                                <td>{{$item->correo }}</td>
                                                <td>{{$item->direccion }}</td>
                                                <td></td>
                                                <td>{{$item->codigo_contrato }}</td>
                                                <td>{{$item->codigo_fm }}</td>

                                                <td>@php
                                                    $timestamp = strtotime($item->fecha_inicio);
                                                    $fecha_inicio = date("d-m-Y", $timestamp );
                                                    @endphp
                                                    {{$fecha_inicio }}
                                                </td>

                                                <td>@php
                                                    $timestamp = strtotime($item->fecha_primer_cobro);
                                                    $fecha_primer_cobro = date("d-m-Y", $timestamp );
                                                    @endphp
                                                    {{$fecha_primer_cobro }}
                                                </td>

                                                <td></td>

                                                <td>{{$item->forma_pago }}</td>
                                                <td>{{ $item->nombre_asociacion }}</td>
                                                <td>{{ $item->sigla_asociacion }}</td>
                                                <td>{{ $item->modalidad_nombre }}</td>
                                                <td>{{ $item->dia_pago }}</td>
                                                <td></td>
                                                <td>{{ $item->nombre_vendedor }} {{ $item->apellido_vendedor }}</td>
                                                <td>{{ $item->nombre_ruta }}</td>
                                                <td>
                                                    @if($item->numero_tarjeta != null)
                                                    {{ $item->numero_tarjeta }}
                                                    @else

                                                    @endif
                                                </td>
                                                <td>
                                                    @if($item->mes_vencimiento != null)
                                                    {{ $item->mes_vencimiento }}/{{ $item->ano_vencimiento }} </td>
                                                    @else

                                                    @endif
                                                </td>
                                                <td>
                                                    @if($item->ultima_observacion != null)
                                                    {{ $item->ultima_observacion }}
                                                    @else

                                                    @endif
                                                </td>
                                                <td>
                                                    @php
                                                    $timestamp = strtotime($item->fecha_creacion);
                                                    $fecha_creacion = date("d-m-Y", $timestamp );
                                                    @endphp
                                                    {{$fecha_creacion }}
                                                </td>
                                                <td>
                                                    @if($item->novedad_observacion != null)
                                                    {{ $item->novedad_observacion }}
                                                    @else

                                                    @endif
                                                </td>
                                                <td>
                                                    @if($item->vendedor_novedad != null)
                                                    {{ $item->vendedor_novedad }}
                                                    @else

                                                    @endif
                                                </td>
                                                <td></td>
                                                <td >
                                                    @if($item->contrato_estado == 1)
                                                    <span class="badge badge-success" style=":center;">{{ 'Activo' }}</span>
                                                    @elseif($item->contrato_estado == 2)
                                                    <span class="badge badge-danger">{{ 'Inactivo' }}</span>
                                                    @elseif($item->contrato_estado == 2)
                                                    <span class="badge badge-warnong">{{ 'Cancelado' }}</span>
                                                    @else
                                                    <span class="badge badge-primary">{{ 'Servicio Brindado' }}</span>
                                                    @endif
                                                </td>
                                                <td>1</td>
                                                <td>
                                                    {{ $item->servicio_nombre }}
                                                </td>
                                                <td>
                                                    {{ $item->valor_cuota }}
                                                </td>
                                                <td>
                                                    {{ $item->servicio_valor }}
                                                </td>
                                                <td>
                                                    {{ $item->pago_inicial }}
                                                </td>
                                                <td>
                                                    {{ $item->saldo_inicial }}
                                                </td>
                                                <td>
                                                    {{ $item->meses_financiacion }}
                                                </td>
                                                <td>
                                                    {{ $item->financiacion_porcentaje_interes }}
                                                </td>
                                                <td>
                                                    {{ $item->valor_adicional }}
                                                </td>
                                                <td>
                                                    {{ $item->ultima_observacion_servicio }}
                                                </td>
                                                <td>
                                                    @if($item->estado_servicio == 1)
                                                    <span class="badge badge-success" style=":center;">{{ 'Activo' }}</span>
                                                    @elseif($item->estado_servicio == 0)
                                                    <span class="badge badge-danger">{{ 'Inactivo' }}</span>
                                                    @else

                                                    @endif
                                                </td>



                                                </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(['documento'=>$documento,'nombres'=>$nombres,'fecha_nac'=>$fecha_nac,'nacionalidad'=>$nacionalidad,'telefonos'=>$telefonos,'celular'=>$celular,'email'=>$email,'direccion'=>$direccion,'codigo_contrato'=>$codigo_contrato,'codigo_fm'=>$codigo_fm,'fecha_inicio'=>'$fecha_inicio'])->links() }}
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
@endsection
@section('script')
    <script type="text/javascript">


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

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

        function limpiar(){
            $('#documento').val('');
            $('#nombres').val('');
            $('#fecha_nac').val('');
            $('#nacionalidad').val('');
            $('#telefonos').val('');
            $('#celular').val('');
            $('#email').val('');
            $('#direccion').val('');
            $('#estado_civil').val('').change();
            $('#localidad').val('').change();
            $('#celular').val('');
            $('#otros_telefonos').val('');
            $('#envio_email').val('').change();
            $('#envio_sms').val('').change();
            $('#sede').val('').change();
            $('#tipo_cliente').val('').change();

            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_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