@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">Consulta General Asociaciones</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>Consulta General Asociaciones</header>
                        </div>
                        <div class="card-body">
                            {!! Form::open(['url' => 'asociaciones/consulta/general/', 'method' => 'get', 'id' => 'frmFiltros']) !!}
                            <div class="row mb-3">

                                <div class="col-md-4">
                                <label for="">Documento</label>
                                {!! Form::text('documento', $documento, [
                                    'id' => 'documento',
                                    'class' => 'form-control',
                                    'placeholder' => 'Documento',
                                    'onchange' => "buscar('documento')",
                                ]) !!}
                                </div>
                                <div class="col-md-4">
                                    <label for="">Nombre</label>
                                    {!! Form::text('nombre', $nombre, [
                                        'id' => 'nombre',
                                        'class' => 'form-control',
                                        'placeholder' => 'Nombre',
                                        'onchange' => "buscar('nombre')",
                                    ]) !!}
                                </div>
                                <div class="col-md-4">
                                    <label for="">Siglas</label>
                                    {!! Form::text('siglas', $siglas, [
                                        'id' => 'siglas',
                                        'class' => 'form-control',
                                        'placeholder' => 'Siglas',
                                        'onchange' => "buscar('siglas')",
                                    ]) !!}
                                </div>

                            </div>

                            

                            <div class="row mb-3">
                                <div class="col-md-4">
                                    <label for="">Email</label>
                                    {!! Form::text('email', $email, [
                                        'id' => 'email',
                                        'class' => 'form-control',
                                        'placeholder' => 'Email',
                                        'onchange' => "buscar('email')",
                                    ]) !!}


                                </div>
                                <div class="col-md-4">
                                    <label for="">Celular</label>
                                    {!! Form::text('celular', $celular, [
                                        'id' => 'celular',
                                        'class' => 'form-control',
                                        'placeholder' => 'Celuar',
                                        'onchange' => "buscar('celular')",
                                    ]) !!}
                                </div>
                                <div class="col-md-4">
                                    <label for="">Contrato Código</label>
                                    {!! Form::text('contrato', $contrato_codigo, [
                                        'id' => 'contrato',
                                        'class' => 'form-control',
                                        'placeholder' => 'Contrato Código',
                                        'onchange' => "buscar('contrato')",
                                    ]) !!}
                                </div>
                            </div>

                            <div class="float-right my-2">
                                <div>
                                    <a onclick="limpiar()" class="btn btn-warning"><i class="fa fa-filter"></i>Limpiar</a>
                                    <a onclick="consultar()" 
                                        class="btn btn-primary"><i
                                            class="fa fa-search"></i>Consultar
                                    </a>
                                </div>
                            </div>
                            <div>
                                @if ($data != null)
                                    <div class="table-wrap">
                                        <div class="table-responsive">
                                            <table class="table display product-overview mb-30">
                                                <thead>
                                                    <tr>
                                                        <th>#</th>
                                                        <th></th>
                                                        <td><b>Documento</b></td>
                                                        <td><b>Entidad Nombre</b></td>
                                                        <td><b>Siglas</b></td>
                                                        <td><b>Email</b></td>
                                                        <td><b>Celular</b></td>
                                                        <td><b>Contrato</b></td>
                                                        <td><b>Estado</b></td>
                                                    </tr>
                                                </thead>
                                                <tbody>
                                                    @if (count($data) > 0)
                                                        @foreach ($data as $key )
                                                            <tr>
                                                                <td>{{ $key->id }}</td>
                                                                <td>
                                                                    @if (auth()->user()->hasPermissionTo('viewCliente-entidad'))
                                                                       
                                                                        <a href="{{ url('asociacion/ver/'.$key->cliente_entidad_id,'index' ) }}"
                                                                            title="Ver Asociacion"
                                                                            class="btn btn-primary btn-xs">
                                                                            <i class="fa fa-eye"></i>
                                                                        </a>                                                                        
                                                                    
                                                                    
                                                                    @elseif(auth()->user()->hasPermissionTo('viewCliente-entidad-contacto'))
                                                                       
                                                                        <a href="{{ url('contratos-ver/'.$key->cliente_entidad_id .'/ver') }}"
                                                                            
                                                                            title="Ver Contrato Asociacion"
                                                                            class="btn btn-warning btn-xs">
                                                                            <i class="fa fa-eye"></i>
                                                                        </a>
                                                                        
                                                                    @endif

                                                                </td>
                                                                <td>{{ $key->cliente_entidad_documento }}</td>
                                                                <td>{{ $key->cliente_entidad_nombre }}</td>
                                                                <td>{{ $key->cliente_entidad_sigla }}</td>
                                                                <td>{{ $key->cliente_entidad_email }}</td>
                                                                <td>{{ $key->cliente_entidad_celular }}</td>
                                                                <td>{{ $key->cli_en_con_rec_codigo_contrato }}</td>
                                                                <td>
                                                                    @if ($key->cliente_entidad_estado_id == 1)
                                                                       
                                                                        <span class="badge badge-primary"> Activo</span>
                                                                    @else
                                                                        <span class="badge badge-danger"> Inactivo</span>
                                                                        
                                                                    @endif
                                                                    
                                                                </td>
                                                            </tr>
                                                        @endforeach
                                                    @else
                                                        <tr>
                                                            <td colspan="10" class="text-center">
                                                                No se encontraron resultados.
                                                            </td>
                                                        </tr>
                                                    @endif
                                                </tbody>
                                            </table>
                                        </div>
                                        {{ $data->links() }}
                                    </div>
                                @endif
                            </div>
                        </div>
                        {!! Form::close() !!}
                    </div>
                </div>
            </div>
        </div>
    </div>
@endsection
@section('script')
    <script>
        $("#accordion").on("hide.bs.collapse show.bs.collapse", e => {
            console.log(e);
            $(e.target)
                .prev()
                .find("i:last-child")
                .toggleClass("fa-minus fa-plus");
        });

        function consultar() {
            var campos = ['nombre', 'paterno', 'materno'];
            var idDocumento = $('#documento').val();
            let validate = 0;

            for (var i = 0; i < campos.length; i++) {

                if ($('#' + campos[i]).val() == '') {
                    validate++;
                }
            }

            if (validate == 3 && idDocumento == '') {
                Swal.fire({
                    icon: 'warning',
                    title: 'Advertencia.',
                    text: 'Debe ingresar algun dato para la consulta.',
                    confirmButtonText: 'Aceptar',
                    customClass: {
                        confirmButton: 'btn btn-default'
                    },
                });
            } else if (idDocumento == '' && validate == 2) {
                Swal.fire({
                    icon: 'warning',
                    title: 'Advertencia.',
                    text: 'Para realizar la consulta sin número de documento, debe ingresar mínino dos de los demás campos.',
                    confirmButtonText: 'Aceptar',
                    customClass: {
                        confirmButton: 'btn btn-default'
                    },
                });
            } else {
                document.getElementById("frmFiltros").submit();
            }
        }

        function limpiar() {
            $('#documento').val('');
            $('#nombre').val('');
           
            $('#siglas').val('');
            $('#email').val('');
            $('#celular').val('');
            $('#contrato').val('');

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

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

                default:
                    document.getElementById("frmFiltros").submit();
                    break;
            }
        }
    </script>
@endsection