@extends('layouts.app')

@section('content')
<link href="https://cdn.datatables.net/1.10.21/css/jquery.dataTables.min.css" rel="stylesheet">
<main>
    <div class="trending-area fix">
        <div class="container trending-vertical-margin">
            <div class="trending-main">
                <div class="row">
                    <div class="col-lg-12">
                        <ul class="breadcrumb">
                            <li><a href="{{ route('home') }}">Home</a></li>
                            <li><a href="{{ route('trabsocial') }}">Trabalho Social</a></li>
                            <li>{{ $projetos_atualizacoes->nome }}</li>
                        </ul>

                        <h5>{{ $projetos_atualizacoes->nome }}</h5>
                        <table id="example" class="display" style="width:80%">
                            <thead>
                                <tr>
                                    <th>Notícias / Atualizações</th>
                                </tr>
                            </thead>
                            <tbody>
                                @foreach($projetos_atualizacoes->atualizacaoprojetos as $projeto_atualizacao)
                                <tr>
                                    <td><a
                                            href="{{ route('trabalhosocial.atualizacaostatus.visualizar',  $projeto_atualizacao->id) }}">
                                            {{$projeto_atualizacao->titulo}}</a></td>
                                </tr>
                                @endforeach
                            </tbody>
                            <tfoot>
                                <tr>

                                </tr>
                            </tfoot>
                        </table>
                    </div>
                </div>
            </div>
        </div>
    </div>
</main>

<script src="https://code.jquery.com/jquery-3.5.1.js"></script>
<script src="https://cdn.datatables.net/1.10.21/js/jquery.dataTables.min.js">
</script>

<script>
    $(document).ready(function() {
        $.noConflict();
        $('#example').DataTable({
            lengthChange: false,
            language: {
                "sEmptyTable": "Nenhum registro encontrado",
                "sInfo": "Mostrando de _START_ até _END_ de _TOTAL_ registros",
                "sInfoEmpty": "Mostrando 0 até 0 de 0 registros",
                "sInfoFiltered": "(Filtrados de _MAX_ registros)",
                "sInfoPostFix": "",
                "sInfoThousands": ".",
                "sLengthMenu": "_MENU_ resultados por página",
                "sLoadingRecords": "Carregando...",
                "sProcessing": "Processando...",
                "sZeroRecords": "Nenhum registro encontrado",
                "sSearch": "Pesquisar",
                "oPaginate": {
                    "sNext": "Próximo",
                    "sPrevious": "Anterior",
                    "sFirst": "Primeiro",
                    "sLast": "Último"
                },
                "oAria": {
                    "sSortAscending": ": Ordenar colunas de forma ascendente",
                    "sSortDescending": ": Ordenar colunas de forma descendente"
                }
            }
        });
    });
</script>
@endsection