@extends('layouts.admin')

@section('content')
 <!------------------------------------------------------- CONTEUDO TABLE ------------------------------------------------------------------->

    <div class="card-header">Lista de Pessoas</div>
    <div class="card-body">
        <div class='actions PB-20'>
            @can('pessoa.create')
            <a class="btn btn-primary active register-create d-inline" onclick="setaCreate();" role="button" aria-pressed="true" data-toggle="modal" data-target="#modalForm-div"><i class="fas fa-plus"></i> Nova Pessoa</a>
            @endcan
            <input id="search-register" class="form-control col-4 d-inline input-busca" type="search" placeholder="Digite o que deseja encontrar" aria-label="Search">
        </div>
        <br/>
        <div id='table' class="shadow">
            @include('admin.pessoa.table')
        </div>
    </div>

    @include('admin.pessoa.modal')

@endsection
@push('scripts')
    <script>
        //FILTRA TABELA
        $(document).keypress(function(e) {
            if(e.which == 13) {
                atualizarTable($("#search-register").val());
            }
        });

        //ATUALIZAR TABELA VIA AJAX
        function atualizarTable(data)
        {
            var complementoUrl = data?'/'+data:'';
            
            $.ajax({ 
                type: 'GET', 
                data: data,
                url: '/admin/pessoas/atualizarAjax'+complementoUrl, 
                success: function(data){
                    $('#table').html(data);
                }, 
                error: function(){
                    alert("Algo deu errado!");
                }
            }); 
            return false;
        }
    </script>
@endpush