@extends('layouts.app')

@section('content')
    <div class="container page-container">
        <div class="columns">
            <div class="column whiteboard">
                <h1 class="title">{{ __('Notifications') }}</h1>

                @if($notifications->count())
                    @foreach($notifications as $notification)
                        <div class="notification @if(!$notification->read_at) is-info @endif">
                            <div class="columns">
                                <div class="column">{!! $notification->data['text'] !!}</div>

                                @if(!$notification->read_at)
                                    <div class="column is-narrow">
                                        <a href="{{ route('notifications.mark-read', $notification) }}"
                                           class="button is-small is-primary">
                                            {{ __('Mark as read') }}
                                        </a>
                                    </div>
                                @endif
                            </div>
                        </div>
                    @endforeach
                @else
                    <div class="notification">{{ __('There are no unread notifications.') }}</div>
                @endif
            </div>
        </div>
    </div>
@endsection