@extends('layouts.app')

@php
    $seoTitle = $post->meta_title ?: $post->title;
    $seoDescription = $post->meta_description ?: $post->excerpt;
@endphp

@section('title', $seoTitle)
@section('meta_description', $seoDescription)
@php
    $ogSize = $post->featured_image ? @getimagesize(storage_path('app/public/'.$post->featured_image)) : null;
@endphp
@if ($post->featured_image)
@section('og_image', asset('storage/'.$post->featured_image))
@if ($ogSize)
@section('og_image_width', (string) $ogSize[0])
@section('og_image_height', (string) $ogSize[1])
@endif
@endif

@section('content')
    <article class="mx-auto max-w-3xl px-4 py-14 sm:px-6 sm:py-16 lg:px-8">
        @include('partials.breadcrumbs', ['navClass' => 'text-sm text-ink-soft', 'crumbs' => [
            ['name' => __('app.nav.home'), 'url' => lroute('home')],
            ['name' => __('app.nav.blog'), 'url' => lroute('blog')],
            ['name' => $post->title],
        ]])

        <h1 class="mt-4 text-3xl font-extrabold leading-tight text-brand-deep sm:text-4xl">{{ $post->title }}</h1>
        <div class="mt-3 flex items-center gap-2 text-sm text-ink-soft">
            @if ($post->author)
                <span>{{ $post->author->name }}</span>
                <span aria-hidden="true">·</span>
            @endif
            <time datetime="{{ $post->published_at->toDateString() }}">
                {{ $post->published_at->format('Y-m-d') }}
            </time>
        </div>

        @if ($post->featured_image)
            <img src="{{ asset('storage/'.$post->featured_image) }}" alt="{{ $post->title }}" class="mt-8 w-full rounded-2xl object-cover ring-1 ring-black/5" @if ($ogSize) width="{{ $ogSize[0] }}" height="{{ $ogSize[1] }}" @endif>
        @endif

        <div class="markdown-content mt-8 leading-relaxed text-ink-soft">
            {!! Str::markdown((string) $post->body, ['html_input' => 'escape', 'allow_unsafe_links' => false]) !!}
        </div>

        @if ($relatedPosts->isNotEmpty())
            <nav class="mt-12 border-t border-black/5 pt-8" aria-label="{{ __('app.blog.read_next') }}">
                <h2 class="text-lg font-bold">{{ __('app.blog.read_next') }}</h2>
                <ul class="mt-4 space-y-3">
                    @foreach ($relatedPosts as $related)
                        <li>
                            <a href="{{ lroute('blog.show', $related->slug) }}" class="font-semibold text-brand-700 hover:text-brand-800 hover:underline">{{ $related->title }}</a>
                        </li>
                    @endforeach
                </ul>
            </nav>
        @endif
    </article>

    <script type="application/ld+json">{!! json_encode([
        '@context' => 'https://schema.org',
        '@type' => 'Article',
        'headline' => $post->title,
        'description' => $seoDescription,
        'inLanguage' => app()->getLocale(),
        'datePublished' => $post->published_at?->toIso8601String(),
        'dateModified' => $post->updated_at?->toIso8601String(),
        'image' => $post->featured_image ? asset('storage/'.$post->featured_image) : asset('brand/og.png'),
        'author' => $post->author
            ? ['@type' => 'Person', 'name' => $post->author->name]
            : ['@type' => 'Organization', 'name' => __('app.site_name'), 'url' => url('/')],
        'publisher' => [
            '@type' => 'Organization',
            'name' => __('app.site_name'),
            'url' => url('/'),
            'logo' => ['@type' => 'ImageObject', 'url' => asset('brand/logo.png')],
        ],
        'mainEntityOfPage' => url()->current(),
    ], JSON_UNESCAPED_UNICODE | JSON_UNESCAPED_SLASHES | JSON_HEX_TAG | JSON_HEX_AMP) !!}</script>
@endsection