@extends('layout')

@section('content')
<div class="max-w-3xl mx-auto px-4 py-12">
    <a href="{{route('blog')}}" class="text-sm text-muted hover:text-ink mb-6 inline-flex items-center gap-1.5"><x-icon name="arrow-left" class="w-4 h-4" /> Bloqa qayıt</a>

    @if($post->poster)<img src="{{$post->poster}}" class="w-full h-64 object-cover rounded-2xl mb-6">@endif

    <h1 class="text-3xl font-bold text-ink mb-2">{{$post->title}}</h1>
    <div class="flex gap-4 text-sm text-muted mb-8">
        @if($post->author)<span>{{$post->author}}</span>@endif
        <span>{{$post->published_at?->format('d.m.Y')}}</span>
    </div>

    <div class="prose max-w-none text-ink leading-relaxed text-lg">
        {!! $post->bodyHtml() !!}
    </div>
</div>
@endsection