@if (Auth::user()->unreadNotifications->count() === 0)
    <li class="dropdown-item disabled">Aucune notification à consulter</li>
@else
    {{-- Tout marquer comme lu --}}
    <li class="dropdown-header text-center p-0">
        <form action="{{ route('notifications.update_all') }}" method="POST">
            @csrf
            @method('PUT')
            <button type="submit" class="btn btn-link">Tout marquer comme lu</button>
        </form>
    </li>
    <li class="dropdown-divider"></li>

    @foreach(Auth::user()->unreadNotifications as $index => $notification)
        <li onclick="markAsRead({{ json_encode($notification) }})">
        {{-- AlerteNotification --}}
        @if(auth()->user()->can('edit_projet') && isset($notification->data['projet_id']))
            <a class="dropdown-item" href="{{ route('projets.edit', $notification->data['projet_id']) }}">{{$notification->data["message"]}}</a>
        {{-- TelechargerFichier --}}
        @elseif(isset($notification->data['fichier_id']))
            <a class="dropdown-item" href="{{ route('fichiers.download_export_pdf', $notification->data['fichier_id']) }}"><span class="btn-link">{{$notification->data["message"]}}</span></a>
        @else
            <a class="dropdown-item disabled">{{$notification->data["message"]}}</a>
        @endcan
        <form id="{{ $notification->id }}" action="{{ route('notifications.update', [ $notification->id ]) }}" method="POST">
            @csrf
            @method('PUT')
            <button type="submit" class="btn float-right"><span aria-hidden="true">&times;</span></button>
        </form>
        </li>
        @if ($index !== array_key_last(Auth::user()->unreadNotifications->toArray()))
            <li class="dropdown-divider"></li>
        @endif
    @endforeach
@endif

<script>
    function markAsRead(notification)
    {
        // On dénotifie si on va sur la fiche projet -> sinon l'utilisateur doit dénotifier manuellement
        if(notification['data']['projet_id'] != undefined)
        {
            $.ajax({
                url: 'notifications',
                type:'POST',
                data:{
                    notification_id: notification['id'],
                    _token: '{{ csrf_token() }}'
                }
            });
        }
    }
</script>