<?php
    use Carbon\Carbon;
?>
<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-danger navbar-badge">{{$contador}}</span>
        </a>
        <div class="dropdown-menu dropdown-menu-lg dropdown-menu-right">
            <span class="dropdown-item dropdown-header">{{$contador}} Notificaciones</span>
            @foreach($notificaciones as $not)
                <div class="dropdown-divider"></div>
                <div class="dropdown-item" style="cursor: pointer;" wire:click="redireccionar({{$not->id}})">
                    <p><i class="fas fa-envelope mr-2"></i> {{$not->mensaje}}</p>
                    <span class="float-right text-muted text-sm">{{Carbon::parse($not->created_at)->diffForHumans()}}</span>
                </div>
            @endforeach
            <div class="dropdown-divider"></div>
            {{--<a href="#" class="dropdown-item dropdown-footer">Ver todas las notificaciones</a>--}}
        </div>
    </li>
</div>