@extends('layouts.entreprise_base')

@section('content')
<div class="container">
    <h1 class="text-2xl font-bold mb-4">Notifications</h1>

    <div>
        @if($notifications->isEmpty())
            <p class="text-gray-500">Aucune notification pour le moment.</p>
        @else
            <ul class="space-y-4">
                @foreach($notifications as $notification)
                    <li class="bg-white shadow p-4 rounded-lg">
                        <p class="text-gray-800">{{ $notification->data['offre_titre'] ?? 'Notification' }}</p>
                        <p class="text-gray-600 text-sm">
                            {{ $notification->created_at->diffForHumans() }}
                        </p>
                        <a href="{{ route('offres.show', $notification->data['offre_id']) }}" class="text-blue-500">
                            Voir l'offre
                        </a>

                        @if($notification->read_at === null)
                            <form action="{{ route('notifications.markAsRead', $notification->id) }}" method="POST" class="inline-block">
                                @csrf
                                @method('PATCH')
                                <button type="submit" class="text-green-500 ml-2">Marquer comme lu</button>
                            </form>
                        @endif
                    </li>
                @endforeach
            </ul>
        @endif
    </div>
</div>
@endsection