@extends('layouts.jardinesTemplate')

@section('content')
<br>
<br>
<br>
<br>
<h2>Convocatorias</h2>
<table id="example" class="table table-bordered" style="width:100%">
    <thead>
        <tr>
            <th>Nombre</th>
            <th>Categoría</th>
            <th>Enlace</th>
            
            
        </tr>
    </thead>
    <tbody>
        @foreach($documentos as $documento)
        <tr>
        @if ($documento->categoria->publicoGeneral == 1)
        
            <td>{{ $documento->nombre}}</td>
            <td>{{$documento->categoria->nombre}}</td>
            <td><a target="_blank" href="{{ $documento->url }}">Enlace</a></td>
        
            
            
        </tr>
        @endif
        @endforeach
    </tbody>
    <tfoot>
        <tr>
            <th>Nombre</th>
            <th>Categoría</th>
            <th>Enlace</th>
        </tr>
    </tfoot>

<table/>
    
<script>
    var tabla = document.querySelector("#example");

    var dataTable = new DataTable(tabla);
</script>

<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>

@endsection