<div>
    <!-- Notifications Dropdown Menu -->
    <li class="nav-item dropdown">
        <a class="nav-link" data-toggle="dropdown" href="#">
          <i class="far fa-bell"></i>
          <span class="badge badge-warning navbar-badge">{{$contador}}</span>
        </a>
        <div class="dropdown-menu dropdown-menu-lg dropdown-menu-right">
            <span class="dropdown-item dropdown-header">{{$contador}} Notificaciones</span>
            <div class="dropdown-divider"></div>
            @foreach($notificaciones as $noti)
                <a href="{{$noti->enlace}}" class="dropdown-item" wire:click="visto({{$noti->id}})">
                    <i class="fas fa-envelope mr-2"></i> {{$noti->name}}<span class="float-right text-muted text-sm">{{ \Carbon\Carbon::parse($noti->created_at)->diffForHumans() }}</span>
                    <p><small>{{$noti->mensaje}}</small></p>
                </a>
                <div class="dropdown-divider"></div>
            @endforeach
            <a href="/admin/notificaciones" class="dropdown-item dropdown-footer">Ver todas las notificaciones</a>
        </div>
    </li>    
</div>