Sindbad~EG File Manager

<div>
    <h1>Notificaciones</h1><hr>
    <div class="row">
        <div class="col-md-12">
            <input wire:model="search" class="form-control" type="search" placeholder="Buscar notificación">
        </div>
    </div>
    <br>
    <div class="row">
        <div class="col-md-12">
            <table class="table">
                <thead>
                    <tr>
                        <th>Notificación</th>
                        <th>Enlace a la publicacion</th>
                        <th>Estado</th>
                    </tr>
                </thead>
                <tbody>

                    @foreach($notificaciones as $not)
                        <?php $obj = json_decode($not->data); ?>
                        <tr>
                            <td>
                                {{ $obj->titulo }}
                                <p class="blockquote-footer">{{ $obj->descripcion }}</p>
                            </td>
                            <td>
                                <a href="{{url($obj->url)}}" target="_blank">Enlace aquí</a>
                            </td>
                            <td><button class="btn btn-success" wire:click="estados('{{ $obj->url }}')" data-toggle="modal" data-target="#exampleModal">Ver estado de notificaciones</button></td>
                        </tr>
                    @endforeach

                </tbody>
            </table>
            <!-- Modal -->
            <div class="modal fade" wire:ignore.self id="exampleModal" tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel" aria-hidden="true">
                <div class="modal-dialog" role="document">
                    <div class="modal-content">
                        <div class="modal-header">
                            <h5 class="modal-title" id="exampleModalLabel">Notifiacaciones</h5>
                            <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                                <span aria-hidden="true">&times;</span>
                            </button>
                        </div>
                        <div class="modal-body">
                            <table class="table">
                                <thead>
                                    <tr>
                                        <th colspan="2"><center>Notificaciones</center></th>
                                    </tr>
                                    <tr>
                                        <th><center>Leídas</center></th>
                                        <th><center>No leídas</center></th>
                                    </tr>
                                </thead>
                                <tbody>
                                    <tr>
                                        <td>
                                            <ul>
                                                @if($leidos)
                                                    @foreach($leidos as $leido)
                                                        <li>{{$leido->name}}<p class="blockquote-footer">{{$leido->read_at}}</p></li>
                                                    @endforeach
                                                @endif
                                            </ul>
                                        </td>
                                        <td>
                                            <ul>
                                                @if($noleidos)
                                                    @foreach($noleidos as $noleido)
                                                        <li>{{$noleido->name}}</li>
                                                    @endforeach
                                                @endif
                                            </ul>
                                        </td>
                                    </tr>
                                </tbody>
                            </table>
                        </div>
                        <div class="modal-footer">
                            <button type="button" class="btn btn-secondary" data-dismiss="modal">Cerrar</button>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <div class="col-md-12">
            
        </div>
    </div>
</div>