@extends('admin.layouts.main')

@section('title', 'Notifications')
@section('menu', 'Notifications')

@section('content')
<div class="panel panel-primary">
    <div class="panel-heading">
        <h3 class="panel-title" style="display:inline-block;">All Notifications</h3>
        @if(auth()->user()->unreadNotifications()->count() > 0)
        <form action="{{ route('admin.notifications.mark-all-read') }}" method="POST" style="display:inline-block; float:right;">
            @csrf
            <button type="submit" class="btn btn-sm btn-default"><i class="fa fa-check"></i> Mark All as Read</button>
        </form>
        @endif
    </div>
    <div class="panel-body">
        @forelse($notifications as $notification)
            <div class="media" style="padding:12px 15px; border-bottom:1px solid #eee; {{ $notification->read_at ? '' : 'background:#f6f9fc;' }}">
                <div class="media-left" style="padding-right:15px;">
                    <i class="fa {{ $notification->data['icon'] ?? 'fa-bell' }} fa-2x font-{{ $notification->data['color'] ?? 'info' }}"></i>
                </div>
                <div class="media-body">
                    <h4 class="media-heading" style="margin-bottom:3px;">
                        @if(!empty($notification->data['url']))
                            <a href="{{ $notification->data['url'] }}">{{ $notification->data['title'] ?? 'Notification' }}</a>
                        @else
                            {{ $notification->data['title'] ?? 'Notification' }}
                        @endif
                        @if(!$notification->read_at)
                            <span class="label label-info" style="font-size:10px;">NEW</span>
                        @endif
                    </h4>
                    <p style="margin-bottom:3px; color:#555;">{{ $notification->data['message'] ?? '' }}</p>
                    <small class="text-muted">{{ $notification->created_at->diffForHumans() }}</small>
                    @if(!$notification->read_at)
                        <form action="{{ route('admin.notifications.mark-read', $notification->id) }}" method="POST" style="display:inline;">
                            @csrf
                            <button type="submit" class="btn btn-xs btn-default"><i class="fa fa-check"></i> Mark Read</button>
                        </form>
                    @endif
                </div>
            </div>
        @empty
            <div class="text-center" style="padding:40px; color:#999;">
                <i class="fa fa-bell-slash-o fa-3x"></i>
                <p style="margin-top:15px;">No notifications yet.</p>
            </div>
        @endforelse

        <div class="text-center" style="margin-top:15px;">
            {{ $notifications->links() }}
        </div>
    </div>
</div>
@endsection