@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">Listar Clientes</li>
                    </ol>
                </div>
            </div>
            <!-- start widget -->
            <!-- start admited patient list -->
            <div class="row">
                <div class="col-lg-12 ">
                    <div class="card-box">
                        <div class="card-head">
                            <header>Listar Clientes</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_clientes','method'=>'get','id'=>'frmFiltros']) !!}
                                    <input type="hidden" id="accion" name="accion" value="1">
                                    <!-- Example split danger button -->
                                    <div class="btn-group">
                                      <a class="btn btn-default dropdown-toggle" href="{{url('reportes_clientes')}}">
                                        <!-- <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>
                </div>
            </div>
            <div class="card p-2">
                <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</b></th>
                                <th><b>Nombres</b></th>
                                <th><b>Primer Apellido</b></th>
                                <th><b>Segundo Apellido</b></th>
                                <th><b>Edad</b></th>
                                <th><b>Fecha de Nacimiento</b></th>
                                <th><b>Nacionalidad</b></th>
                                <th><b>Sexo</b></th>
                                <th><b>Estado Civil</b></th>
                                <th><b>Localidad</b></th>
                                <th><b>Celular</b></th>
                                <th><b>Otros Telefonos</b></th>
                                <th><b>Direccion</b></th>
                                <th><b>Email</b></th>
                                <th><b>Autoriza Envio de Email?</b></th>
                                <th><b>Autoriza Envio de SMS</b></th>
                                <th><b>Sede</b></th>
                                <th><b>Tipo de Cliente</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'=>'Nombres','onchange '=>"buscar('nombres')"]) !!}
                                </th>
                                <th>
                                    {!! Form::text('apellido_1',$apellido_1,['id'=>'apellido_1','class'=>'form-control','placeholder'=>'Primer Apellido','onchange '=>"buscar('apellido_1')"]) !!}
                                </th>
                                <th>
                                    {!! Form::text('apellido_2',$apellido_2,['id'=>'apellido_2','class'=>'form-control','placeholder'=>'Segundo Apellido','onchange '=>"buscar('apellido_2')"]) !!}
                                </th>
                                <th>

                                </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'=>'Nacionalidad','onchange '=>"buscar('nacionalidad')"]) !!}
                                </th>
                                 <th>
                                    {!! Form::select('sexo', ['masculino'=>'Masculino','femenino'=>'Femenino'], $sexo, ['id'=>'sexo','placeholder' => '-Seleccionar-','class'=>'form-control select2','style'=>'width: 80%;','onchange'=>"buscar('sexo')"])  !!}
                                </th>
                                <th>
                                    {!! Form::select('estado_civil', ['soltero (a)'=>'Soltero (a)','casado (a)'=>'Casado (a)','divorciado (a)'=>'Divorciado (a)','union libre'=>'Union Libre','viudo (a)'=>'Viudo (a)'], $estado_civil, ['id'=>'estado_civil','placeholder' => '-Seleccionar-','class'=>'form-control select2','style'=>'width: 80%;','onchange'=>"buscar('estado_civil')"])  !!}
                                </th>
                                <th>
                                    {!! Form::select('localidad', $localidades,$localidad,['id'=>'localidad','class'=>'form-control select2','style'=>'width: 100%;','onchange'=>"buscar('localidad')",'placeholder'=>'Localidades']) !!}
                                </th>
                                <th>
                                    {!! Form::text('celular',$celular,['id'=>'celular','class'=>'form-control','placeholder'=>'Celular','onchange '=>"buscar('celular')"]) !!}
                                </th>
                                <th>
                                    {!! Form::text('otros_telefonos',$otros_telefonos,['id'=>'otros_telefonos','class'=>'form-control','placeholder'=>'Otros Telefonos','onchange '=>"buscar('otros_telefonos')"]) !!}
                                </th>
                                <th>
                                    {!! Form::text('direccion',$direccion,['id'=>'direccion','class'=>'form-control','placeholder'=>'Direccion','onchange '=>"buscar('direccion')"]) !!}
                                </th>
                                <th>
                                    {!! Form::text('email',$email,['id'=>'email','class'=>'form-control','placeholder'=>'Email','onchange '=>"buscar('email')"]) !!}
                                </th>
                                <th>
                                    {!! Form::select('envio_email', ['1'=>'Si','0'=>'No'], $envio_email, ['id'=>'envio_email','placeholder' => '-Seleccionar-','class'=>'form-control select2','style'=>'width: 80%;','onchange'=>"buscar('envio_email')"])  !!}
                                </th>
                                <th>
                                    {!! Form::select('envio_sms', ['1'=>'Si','0'=>'No'], $envio_sms, ['id'=>'envio_sms','placeholder' => '-Seleccionar-','class'=>'form-control select2','style'=>'width: 80%;','onchange'=>"buscar('envio_sms')"])  !!}
                                </th>
                                <th>
                                    {!! Form::select('sede', $sedes,$sede,['id'=>'sede','class'=>'form-control select2','style'=>'width: 100%;','onchange'=>"buscar('sede')",'placeholder'=>'Sedes']) !!}
                                </th>
                                <th >
                                    {!! Form::select('tipo_cliente', $tipos_cliente,$tipo_cliente,['id'=>'tipo_cliente','class'=>'form-control select2','style'=>'width: 100%;','placeholder'=>'--Tipo Cliente--','onchange'=>"buscar('tipo_cliente')"]) !!}
                                </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!=null? $item->documento:''}}</td>
                                    <td>{{$item->nombres!=null? $item->nombres:''}}</td>
                                    <td>{{$item->apellido1!=null? $item->apellido1:''}}</td>
                                    <td>{{$item->apellido2!=null? $item->apellido2:''}}</td>
                                    <td>
                                        @php
                                        $nacimiento = new DateTime($item->fecha_nacimiento);
                                        $fecha_actual = new DateTime(date("Y-m-d"));
                                        $edad = $fecha_actual->diff($nacimiento);
                                        $edad_calculada = $edad->format("%y");
                                        @endphp
                                        @if ($edad_calculada > 0)
                                        {{ $edad_calculada }}
                                        @else
                                        {{ "''" }}
                                        @endif
                                    </td>
                                    <td>
                                        @php
                                        $timestamp = strtotime($item->fecha_nacimiento);
                                        $fecha_nacimiento = date("d-m-Y", $timestamp );
                                        @endphp
                                        {{$fecha_nacimiento }}
                                    </td>
                                    <td>{{$item->nacionalidad!=null?$item->nacionalidad:'' }}</td>
                                    <td>{{$item->sexo!=null?$item->sexo:'' }}</td>
                                    <td>{{$item->estado_civil!=null?$item->estado_civil:'' }}</td>
                                    <td>{{$item->localidad!=null?$item->localidad:'' }}</td>
                                    <td>{{$item->celular!=null?$item->celular:'' }}</td>
                                    <td>
                                        @if (isset($item->telefono))
                                        @php
                                            $telefono = $controlador->splitTelefonos($item->telefono);
                                        @endphp
                                        {{$telefono}}
                                        @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>{{$item->direccion!=null?$item->direccion:'' }}</td> --}}
                                    <td>{{$item->correo!=null?$item->correo:'' }}</td>
                                    @if($item->envio_email == 1)
                                    <td>{{'SI'}}</td>
                                    @else
                                    <td>{{'NO'}}</td>
                                    @endif
                                    @if($item->envio_sms == 1)
                                    <td>{{'SI'}}</td>
                                    @else
                                    <td>{{'NO'}}</td>
                                    @endif
                                    <td>{{$item->sede!=null? $item->sede:''}}</td>
                                    <td>@if($item->id_beneficiario == '' && $item->id_cliente != '')
                                        Cliente
                                    @elseif($item->id_beneficiario != ''  && $item->id_cliente == '')
                                        Beneficiario
                                    @elseif($item->id_beneficiario != '' && $item->id_cliente != '')
                                        Cliente y Beneficiario
                                    @else
                                        Ninguno
                                    @endif
                                    </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_nac'=>$fecha_nac,'nacionalidad'=>$nacionalidad,'sexo'=>$sexo,'estado_civil'=>$estado_civil,'localidad'=>$localidad,'celular'=>$celular,'otros_telefonos'=>$otros_telefonos,'direccion'=>$direccion,'email'=>$email,'envio_email'=>$envio_email,'envio_sms'=>$envio_sms,'sede'=>$sede,'tipo_cliente'=>$tipo_cliente, 'controlador' => $controlador ])->links() }}
                    </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">


        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_nac').val('');
            $('#nacionalidad').val('');
            $('#sexo').val('').change();
            $('#estado_civil').val('').change();
            $('#localidad').val('').change();
            $('#celular').val('');
            $('#otros_telefonos').val('');
            $('#direccion').val('');
            $('#email').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;
            }

        }

        $(document).ready(function(){
            //modal texto completo
            $('.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');
  });

        })
    </script>
@endsection