@extends('layouts.nova')

@section('content')
    <x-nova-page-header
        section="Dashboard"
        title="Comments"
        icon="fa-comments"
        :breadcrumbs="collect([
            (object) ['name' => 'Dashboard', 'url' => '/dashboard'],
            (object) ['name' => 'Comments', 'url' => route('dashboard.comments')],
        ])"
        description="Comments across your dashboard activity and conversations."
    />

    <div class="px-6 pb-16 pt-8 md:px-10">
        @if(empty($comments))
            <div class="rounded-xl border border-white/[0.06] bg-white/[0.02] px-8 py-12 text-center">
                <p class="text-sm text-white/40">No comments to show.</p>
            </div>
        @else
            <div class="rounded-xl border border-white/[0.06] bg-white/[0.02] p-6">
                <ul class="space-y-2">
                    @foreach($comments as $c)
                        <li class="text-sm text-white/75">{{ $c }}</li>
                    @endforeach
                </ul>
            </div>
        @endif
    </div>
@endsection