@extends('layouts.user')

@section('title', $newsletter->title ?? 'Newsletter')

@section('content')
<div class="max-w-3xl mx-auto px-4 py-6">
    <div class="bg-white rounded-md border border-gray-100 px-5 py-4 text-sm">
        <div class="flex items-start justify-between gap-2">
            <div class="min-w-0">
                <p class="text-xs text-slate-500">Newsletter</p>
                <h1 class="text-xl font-semibold text-slate-900">{{ $newsletter->title }}</h1>
                <p class="text-sm text-slate-600">
                    Published by {{ $newsletter->owner?->name ?? 'Unknown' }}
                </p>
            </div>
            <span class="text-xs text-slate-500 whitespace-nowrap">{{ $newsletter->created_at?->diffForHumans() }}</span>
        </div>
        @if($newsletter->description)
            <p class="mt-3 text-sm text-slate-700">{{ $newsletter->description }}</p>
        @endif
        <div class="mt-4 text-sm text-slate-600">
            <div>Status: {{ ucfirst($newsletter->status) }}</div>
        </div>
    </div>
</div>
@endsection