@extends('layouts.app')

@section('title', $article->title)

@section('content')
<div class="max-w-3xl mx-auto px-4 py-16">
    <a href="{{ route('news.index') }}" class="text-sm text-gold-400 hover:text-gold-300">&larr; Terug naar nieuws</a>

    <div class="mt-4 text-xs uppercase tracking-wide text-ember-400 font-semibold">
        {{ $article->category ?? 'Update' }} &middot; {{ $article->published_at->format('d M Y') }}
    </div>
    <h1 class="mt-2 font-display text-3xl sm:text-4xl font-bold text-gold-300">{{ $article->title }}</h1>

    <div class="mt-8 prose prose-invert prose-p:text-gray-300 max-w-none">
        {!! nl2br(e($article->body)) !!}
    </div>
</div>
@endsection