@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>Trabalho Social</li>
                        </ul>
                        <h5>Trabalho Social</h5>
                        <table id="example" class="display" style="width:80%">
                            <thead>
                                <tr>
                                    <th>Projeto</th>
                                </tr>
                            </thead>
                            <tbody>
                                @foreach($projetos_trabsocial as $projeto_trabsocial)
                                <tr>
                                    <td><a
                                            href="{{ route('trabalhosocial.atualizacaostatus.listar',  $projeto_trabsocial->id) }}">{{
                                            $projeto_trabsocial->nome
                                            }}</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