@extends('layouts.admin')

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

<div class="card-header">Lista de Colaboradores</div>
<div class="card-body">
    <div class='actions PB-20'>
        @can('colaboradores.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> Novo Colaborador</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.colaboradores.table')
    </div>
</div>

@include('admin.colaboradores.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/colaboradores/atualizarAjax' + complementoUrl,
            success: function(data) {
                $('#table').html(data);
            },
            error: function() {
                alert("Algo deu errado!");
            }
        });
        return false;
    }
</script>
@endpush