@extends('layouts.app')

@section('content')
    <!-- end sidebar menu -->
    <!-- start page content -->
    {{-- @dump($cliente2) --}}
    <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">Listado de Clientes</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>Listado de Clientes</header>
                        </div>
                        <div class="card-body">
                            <div class="row">
                                <div class="col-9">
                                    @if(auth()->user()->hasPermissionTo('cliente_crear'))
                                    <a href="{{ url('cliente/crear') }}" class="btn btn-info mb-3">Crear Cliente</a>&nbsp;&nbsp;
                                    @endif
                                <a href="{{ url('clientes') }}" class="btn btn-warning mb-3">Limpiar Filtro</a>
                                </div>
                               
                                <div class="tools">
                                    {!! Form::open(['url' => 'clientes','method'=>'get','id'=>'frmFiltros']) !!}
                                    <input type="hidden" id="accion" name="accion" value="2">
                                    <!-- Example split danger button -->
                                    <div class="btn-group">
                                      <button class="btn btn-default dropdown-toggle" type="button" data-toggle="dropdown" aria-expanded="false">
                                        <i class="fa fa-filter"></i>
                                      </button>
                                      <div class="dropdown-menu">
                                        <a class="dropdown-item">
                                            <div class="icheck-primary d-inline">
                                                <input type="checkbox" name="filtro_todos" onclick="marcarTodos(this)" id="chkTodos" checked="">
                                                <label for="chkTodos">
                                                  <span class="text-primary">Mostrar Todos</span>
                                                </label>
                                            </div><br>
                                        </a>
                                        <a class="dropdown-item">
                                            <div class="icheck-primary d-inline">
                                                <input type="checkbox" name="filtro_numero" onclick="chkMarcados()" id="chkNumero" checked="">
                                                <label for="chkNumero">
                                                  #
                                                </label>
                                            </div><br>
                                        </a>
                                        <a class="dropdown-item">
                                            <div class="icheck-primary d-inline">
                                                <input type="checkbox" name="filtro_documento" onclick="chkMarcados()" id="chkDocumento" checked>
                                                <label for="chkDocumento">
                                                  Documento
                                                </label>
                                            </div><br>
                                        </a>
                                        <a class="dropdown-item">
                                            <div class="icheck-primary d-inline">
                                                <input type="checkbox" name="filtro_cliente" onclick="chkMarcados()" id="chkCliente" checked="">
                                                <label for="chkCliente">
                                                  Cliente
                                                </label>
                                            </div><br>
                                        </a>
                                        <a class="dropdown-item">
                                            <div class="icheck-primary d-inline">
                                                <input type="checkbox" name="filtro_email" onclick="chkMarcados()" id="chkEmail" checked>
                                                <label for="chkEmail">
                                                  Email
                                                </label>
                                            </div><br>
                                        </a>
                                        <a class="dropdown-item">
                                            <div class="icheck-primary d-inline">
                                                <input type="checkbox" name="filtro_celular" onclick="chkMarcados()" id="chkCelular" checked>
                                                <label for="chkCelular">
                                                  Celular
                                                </label>
                                            </div><br>
                                        </a>
                                        <a class="dropdown-item">
                                            <div class="icheck-primary d-inline">
                                                <input type="checkbox" name="filtro_telefonos" onclick="chkMarcados()" id="chkTelefonos" checked="">
                                                <label for="chkTelefonos">
                                                  Otros Teléfonos
                                                </label>
                                            </div><br>
                                        </a>
                                        <a class="dropdown-item">
                                            <div class="icheck-primary d-inline">
                                                <input type="checkbox" name="filtro_sede" onclick="chkMarcados()" id="chkSede" checked>
                                                <label for="chkSede">
                                                  Sede
                                                </label>
                                            </div><br>
                                        </a>
                                        <a class="dropdown-item">
                                            <div class="icheck-primary d-inline">
                                                <input type="checkbox" name="filtro_tipo_cliente" onclick="chkMarcados()" id="chkTipoCliente" checked>
                                                <label for="chkTipoCliente">
                                                  Tipo Cliente
                                                </label>
                                            </div>
                                        </a>
                                        

                                      </div>
                                    </div>
                                    @if (auth()->user()->hasPermissionTo('cliente_exportar_todos'))
                                    <div class="btn-group">
                                      <button class="btn btn-default dropdown-toggle" type="button" data-toggle="dropdown" aria-expanded="false">
                                        Exportar Todo
                                      </button>
                                      <div class="dropdown-menu">
                                        <a class="dropdown-item" onclick="generar()"><i class="fa fa-file-excel-o"></i>&nbsp;Excel</a>
                                      </div>
                                    </div>

                                </div>
                                @endif
                            </div>
                            <div class="table-wrap">
                                <div class="table-responsive">
                                    <table class="table table-checkable order-column full-width dataTable no-footer" role="grid" style="margin-left: 0px; width: 1009.98px;">
                                        <thead>
                                        <tr>
                                            <th>#</th>
                                            <th></th>
                                            <td><b>Documento</b></td>
                                            <td><b>Cliente</b></td>
                                            <td><b>Email</b></td>
                                            <td><b>Celular</b></td>
                                            <td><b>Otros Teléfonos</b></td>
                                            <td><b>Sede</b></td>
                                            <td><b>Tipo Cliente</b></td>
                                            <td><b></b></td>
                                        </tr>
                                        <tr>

                                            <th></th>
                                            <th>
                                            </th>
                                            <th>
                                                <input
                                                    type="text"
                                                    placeholder="Documento"
                                                    name="nameDocumento"
                                                    id="documento"
                                                   {{--  onfocusout="buscar('documento')"  --}}
                                                    onchange="buscar('documento')"
                                                    class="form-control"
                                                    value="{{$documento}}">
                                            </th>
                                            <th>

                                                {!! Form::select('cliente',[], null,['id'=>'cliente','class'=>'form-control select2','placeholder'=>'--Cliente--','onchange'=>"buscar('cliente')" ]) !!}
                                              {{--   <select name="cliente" id="" class="form-control select2">
                                                    <option value="{{$cliente2}}">{{$cliente2}}</option>
                                                </select>         --}}

                                                <input type="hidden" name="cliente_id" value="{{$cliente2}}" id="cliente_id">


                                            </th>
                                            <th>
                                                <input
                                                    type="text"
                                                    placeholder="Email"
                                                    name="nameEmail"
                                                    id="email"
                                                    value="{{$email}}"
                                                    {{-- onfocusout="buscar('email')"   --}}
                                                    onchange="buscar('email')"
                                                    class="form-control">
                                            </th>
                                            <th>
                                                <input
                                                    type="text"
                                                    id="celular"
                                                    placeholder="Celular"
                                                    name="nameCelular"
                                                   {{--  onfocusout="buscar('celular')" --}}
                                                    onchange="buscar('celular')"
                                                    value="{{$celular}}"
                                                    class="form-control"
                                                    maxlength="8">
                                            </th>
                                            <th>
                                                <input type="text" placeholder="Otros Teléfonos" name="nameOtrosTel"   onchange="buscar('telefonos')" class="form-control" id="telefonos" value="{{$telefonos2}}">
                                            </th>
                                            <th>
                                                {!! Form::select('sede', $sedes,$sede,['id'=>'sede','class'=>'form-control select2','style'=>'width: 100%;','onchange'=>"buscar('sede')",'placeholder'=>'Cliente Asociación']) !!}
                                            </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 => $cliente)
                                                <tr class="gradeX odd" role="row">
                                                    <td>{{($contador++)}}</td>
                                                    <td>
                                                        @php $idRandom = (rand(1,9999)*rand(99,9999));@endphp
                                                        <input type="hidden" id="accionExpa_{{($idRandom)}}" value="1">
                                                        <a class="btn btn-default" data-toggle="collapse" href="#detalle_{{$idRandom}}" role="button" aria-expanded="false" aria-controls="detalle_{{$idRandom}}"><span id="accion_{{($idRandom)}}" data-bs-toggle="tooltip" data-bs-placement="top" title="Expandir"><i class="fa fa-arrows"></i></span></a>

                                                    </td>
                                                    <td>
                                                        <a href="{{url('cliente/ver/datos/'.$cliente->cliente_id )}}" class="text-primary" data-bs-toggle="tooltip" data-bs-placement="top" title="Ver">
                                                        {{ $cliente->cliente_documento }}
                                                        </a>
                                                    </td>
                                                    <td>
                                                        <a href="{{url('cliente/ver/datos/'.$cliente->cliente_id )}}" class="text-primary" data-bs-toggle="tooltip" data-bs-placement="top" title="Ver">
                                                        {{ $cliente->cliente_nombres.' '.$cliente->cliente_apellido1.' '.$cliente->cliente_apellido2 }}
                                                        </a>
                                                    </td>
                                                    <td>
                                                        @if($cliente->cliente_email == null || $cliente->cliente_email == '')
                                                        <span class="text-danger">(no definido)</span>
                                                        @else
                                                            {{$cliente->cliente_email}}
                                                        @endif

                                                    </td>
                                                    <td>{{ $cliente->cliente_celular }}</td>
                                                    <td>
                                                        @php
                                                            $telefonos = '';
                                                            $dataTelefonos = explode(',',$cliente->cliente_telefonos);
                                                            foreach ($dataTelefonos as $key => $value) {
                                                                $telefonos .= str_replace('"','',str_replace('"]','',str_replace('["','',$value)));
                                                                if(count($dataTelefonos) > 1)
                                                                    $telefonos .= ',<br>';

                                                            }
                                                            echo $telefonos;
                                                        @endphp
                                                    </td>
                                                    <td>{{ $cliente->entidad_nombre }}</td>
                                                    <td>
                                                        @if($cliente->contrato_id  && !$cliente->contrato_servicio_beneficiario_id)
                                                            Cliente
                                                        @elseif($cliente->contrato_servicio_beneficiario_id  && !$cliente->contrato_id)
                                                            Beneficiario
                                                        @elseif($cliente->contrato_servicio_beneficiario_id && $cliente->contrato_id)
                                                            Cliente y Beneficiario
                                                        @else
                                                            Ninguno
                                                        @endif
                                                    </td>
                                                    <td class="center">
                                                        <div class="btn-group">
                                                          <a href="{{url('cliente/ver/datos/'.$cliente->cliente_id )}}" class="btn btn-tbl-update btn-xs" data-bs-toggle="tooltip" data-bs-placement="top" title="Ver">
                                                            <i class="fa fa-eye"></i>
                                                          </a>
                                                          @if(auth()->user()->hasPermissionTo('cliente_editar'))
                                                          <a href="{{url('cliente/editar/'.$cliente->cliente_id )}}" class="btn btn-tbl-update btn-xs" data-bs-toggle="tooltip" data-bs-placement="top" title="Actualizar">
                                                            <i class="fa fa-edit"></i>
                                                          </a>
                                                          @endif
                                                          @if(auth()->user()->hasPermissionTo('cliente_eliminar'))
                                                          <a class="btn btn-tbl-update btn-xs text-white" data-bs-toggle="tooltip" data-bs-placement="top" title="Eliminar" onclick="sendDelete('{{$cliente->cliente_id}}','cliente')">
                                                            <i class="fa fa-trash"></i>
                                                          </a>
                                                          @endif
                                                        </div>
                                                    </td>
                                                </tr>
                                                <tr style="background-color:#00cdcd;" >
                                                    <td colspan="10" class="collapse multi-collapse" id="detalle_{{($idRandom)}}">
                                                        <div class="row col-12">
                                                            <div class="col-md-6">
                                                                <div class="text-center">
                                                                    <h4 class="text-white table-hover"><strong>Contratos Como Cliente Directo</strong></h4>
                                                                </div>
                                                                @php
                                                                    $data_contratos = $controlador->getClienteContrato($cliente->cliente_id);
                                                                    $data_contratos_beneficiario = $controlador->getClienteContratoBeneficiario($cliente->cliente_id);

                                                                @endphp
                                                                @if(count($data_contratos) > 0)
                                                                <div class="table-responsive" id="detalle_{{$idRandom}}">
                                                                    <table class="table table-wrap">
                                                                        <thead>
                                                                            <tr>
                                                                                <th>#</th>
                                                                                <th>Contrato #</th>
                                                                                <th>Sede</th>
                                                                                <th>Vendedor</th>
                                                                                <th>Valor Cuota</th>
                                                                                <th>Estado</th>
                                                                            </tr>
                                                                        </thead>
                                                                        <tbody>
                                                                            @foreach($data_contratos as $key => $item)
                                                                                <tr>
                                                                                    <td>{{$key+1}}</td>
                                                                                    <td>{{$item->contrato_codigo}}</td>
                                                                                    <td>{{$item->entidad_nombre}}</td>
                                                                                    <td>{{$item->empleado_nombres.' '.$item->empleado_apellido1.' '.$item->empleado_apellido2}}</td>
                                                                                    <td>{{$simbolo_moneda.number_format($controlador->getValorCoutaContrato($item->contrato_id),2,',',',')}}</td>
                                                                                    <td>{{$controlador->getEstadoLabel($item->contrato_estado)}}</td>
                                                                                </tr>
                                                                            @endforeach
                                                                        </tbody>
                                                                    </table>
                                                                </div>
                                                                @else
                                                                 <div class="alert bg-info alert-dismissible">
                                                                  <i class="fa fa-info"></i> Este cliente no posee contratos asociados.
                                                                </div>
                                                                @endif
                                                            </div>
                                                            <div class="col-md-6">
                                                                <div class="text-center">
                                                                   <h4 class="text-white"><strong>Contratos Como Beneficiario</strong></h4>
                                                                </div>
                                                                @if(count($data_contratos_beneficiario) > 0)
                                                                <div class="table-responsive" id="detalle_{{$idRandom}}">
                                                                    <table class="table table-wrap">
                                                                        <thead>
                                                                            <tr>
                                                                                <th>#</th>
                                                                                <th>Contrato #</th>
                                                                                <th>Cliente principal</th>
                                                                                <th>Sede</th>
                                                                                <th>Vendedor</th>
                                                                                <th>Valor Cuota</th>
                                                                                <th>Estado</th>
                                                                            </tr>
                                                                        </thead>
                                                                        <tbody>
                                                                            @foreach($data_contratos_beneficiario as $key => $item)
                                                                                <tr>
                                                                                    <td>{{$key+1}}</td>
                                                                                    <td>{{$item->contrato_codigo}}</td>
                                                                                    <td>{{$item->cliente_documento}} {{$item->cliente_nombres}} {{$item->cliente_apellido1}} {{$item->cliente_apellido2}} </td>
                                                                                    <td>{{$item->entidad_nombre}}</td>
                                                                                    <td>{{$item->empleado_nombres.' '.$item->empleado_apellido1.' '.$item->empleado_apellido2}}</td>
                                                                                    <td>{{$simbolo_moneda.number_format($controlador->getValorCoutaContrato($item->contrato_id),2,',',',')}}</td>
                                                                                    <td>{{$controlador->getEstadoLabel($item->contrato_estado)}}</td>
                                                                                </tr>
                                                                            @endforeach
                                                                        </tbody>
                                                                    </table>
                                                                </div>
                                                                @else
                                                                <div class="alert bg-info alert-dismissible">
                                                                  <i class="fa fa-info"></i> Este cliente no posee contratos asociados como beneficiario.
                                                                </div>
                                                                @endif
                                                            </div>
                                                        </div>
                                                    </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(['nameDocumento'=>$documento,'cliente'=>$cliente2,'nameEmail'=>$email,'nameCelular'=>$celular,'nameOtrosTel'=>$telefonos2,'sede'=>$sede])->links() }}
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
@endsection
@section('script')
    <script type="text/javascript">




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

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

        function limpiar(){
            $('#documento').val('');
            $('#cliente').val('').change();
            $('#email').val('');
            $('#celular').val('');
            $('#telefonos').val('');
            $('#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 'telefonos':


                    document.querySelector('#telefonos').addEventListener('keyup', function(e) {
                        if (e.keyCode === ENTER_KEY_CODE) {
                            document.getElementById("frmFiltros").submit();
                        }
                    });

                break;


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

        }

        function buscarEnter(tipo, event){

          var keycode = (event.keyCode ? event.keyCode : event.which);

          if(keycode == '13'){
            $('#accion').val(1);
            var textoSelect = $('#'+tipo).val();

            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 'celular':
                document.querySelector('#celular').addEventListener('keyup', function(e) {
                        if (e.keyCode === ENTER_KEY_CODE) {
                            document.getElementById("frmFiltros").submit();
                        }
                    });
                break;
                case 'telefonos':
                document.querySelector('#telefonos').addEventListener('keyup', function(e) {
                        if (e.keyCode === ENTER_KEY_CODE) {
                            document.getElementById("frmFiltros").submit();
                        }
                    });
                break;

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

        function mostrar(id){
           var accion = $('#accionExpa_'+id).val();
           if(accion == '1'){
            document.getElementById('accion_'+id).innerHTML = `<i class="fa fa-arrows-h"></i>`;
            $('#accionExpa_'+id).val(2);
           }else{
            document.getElementById('accion_'+id).innerHTML = `<i class="fa fa-arrows"></i>`;
            $('#accionExpa_'+id).val(1);
           }
        }


        $(document).ready(function () {


                $('#cliente').select2({
                ajax: {
                    dataType: 'json',
                    url: '{{ url("cliente/data/ajax") }}',
                    delay: 250,
                    //minimumInputLength: 3,
                    data: function(param) {
                            let q = param.term.toLowerCase()
                            var query = {
                                search: q
                            }

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


        });

        function marcarTodos(o) {
            var boxes = document.getElementsByTagName("input");
            for (var x = 0; x < boxes.length; x++) {
                var obj = boxes[x];
                    if (obj.type == "checkbox") {
                        if (obj.name != "check")
                    obj.checked = o.checked;
                    }
                }
            }

    </script>
@endsection