@extends('layouts.admin')

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

    <div class="card-header titulo-sessao">Lista de Publicaçôes</div>
    <div class="card-body">
        <div class='actions PB-20 filtro-lista'>
            @can('publicacao.create')
                <a href="{{route('publicacao.create')}}" class="btn btn-primary active register-create d-inline">
                    <i class="fas fa-plus"></i>
                    Nova Publicação
                </a>
            @endcan

            <input style="margin-left: 16px;" id="search-register" class="form-control col-4 d-inline" type="search" placeholder="&#8981; Digite o que deseja encontrar" aria-label="Search">
        </div>
        <br/>
        <div id='table' class="shadow" >
            @include('admin.publicacao.table')
        </div>
    </div>

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