@if(!count($user_notification))

      <h3 style="margin-bottom: 15px; padding:10px;">
        <div style="text-align: center; margin:50px 0 50px 0; ">
          <span style="color: #898989; ">
            Sem notificações de momento.
          </span>
        </div>
      </h3>

    @else

      <h3 style="margin-bottom: 15px; padding:10px;">
        <span style="color: #898989;">
          Notificações
        </span>
      </h3>

      <table class="table w-full table-bordered">
        <thead>
          <tr class="text-left">
            <th scope="col">Notificação</th>
            <th scope="col" style="width: 15%;">Data</th>
            <th scope="col" style="width: 5%;">Ação</th>
          </tr>
        </thead>
        <tbody>
          @foreach ($user_notification as $notification)
            <tr>
              <td>{{ $notification->descricao }}</td>
              <td>{{ $notification->data }}</td>
              <td>
                <span>
                  <a href="{{ route('admin.readed', [ 'id' => $notification->id ]) }}" class="cursor-pointer text-70 hover:text-primary mr-3" title="Visualizar">
                    <svg xmlns="http://www.w3.org/2000/svg" width="22" height="18" viewBox="0 0 22 16" aria-labelledby="view" role="presentation" class="fill-current"><path d="M16.56 13.66a8 8 0 0 1-11.32 0L.3 8.7a1 1 0 0 1 0-1.42l4.95-4.95a8 8 0 0 1 11.32 0l4.95 4.95a1 1 0 0 1 0 1.42l-4.95 4.95-.01.01zm-9.9-1.42a6 6 0 0 0 8.48 0L19.38 8l-4.24-4.24a6 6 0 0 0-8.48 0L2.4 8l4.25 4.24h.01zM10.9 12a4 4 0 1 1 0-8 4 4 0 0 1 0 8zm0-2a2 2 0 1 0 0-4 2 2 0 0 0 0 4z"></path></svg>
                  </a>
                </span>
              </td>
            </tr>
          @endforeach
        </tbody>
      </table>

      @endif