@extends('layouts.master')

@section('title', __("title.notification"))

@section('pageContent')

    @include('layouts.breadcrumb', ['title' => __("breadcrumb.notification_title"), 'subtitle' => __("breadcrumb.notification_subtitle")])

    <div id="note-full-container" class="note-has-grid row">
        @foreach($notifications as $notification)
            
            <div class="col-md-4 single-note-item all-category {{ is_null($notification->read_at) ? 'note-important' : '' }}">
                @if(!empty($notification->data['link']))
                    <a href="{{ $notification->data['link'] }}">
                @endif
                    <div class="card card-body">
                        <span class="side-stick"></span>
                        <h6 class="note-title text-truncate w-75 mb-0">{{ $notification->data['title'] }}</h6>
                        <p class="note-date fs-2">{{ $notification->created_at->format('d/m/Y à H:i') }}</p>
                        <div class="note-content">
                            <p class="note-inner-content">{!! $notification->data['message'] !!}</p>
                        </div>
                    </div>
                @if(!empty($notification->data['link']))
                    </a>
                @endif
            </div>
        @endforeach
    </div>

    <div class="d-flex justify-content-center">
        {{ $notifications->withQueryString()->links() }}
    </div>

    
@endsection

@section('scripts')
    
@endsection