@section('title', $post->meta_title)
@section('description', $post->meta_description)
@section('og_title', $post->og_title)
@section('og_description', $post->og_description)
@section('og_url', $post->og_url ? $post->og_url : url('blog/'.$post->slug))
@section('og_type', $post->og_type)
@section('og_locale', $post->og_locale)
@section('og_image', $post->og_image ? asset($post->og_image) : '')

<x-guest-layout>
    <x-slot name="header">
        <x-t-grid cols="2" gap class="items-center"> 
            <x-t-heading
                variant="light"
                level="2"
                size="sm"
                class="mb-0"
            >
                {{ __('Blog') }} - {{ $post->title }}
            </x-t-heading>
        </x-t-grid>
    </x-slot>
    <x-t-section>
        <x-t-container
            size="xl"
            border="false"
            class="overflow-visible"
        >
            <x-t-grid cols="6" gap="lg">
                <div class="md:col-span-6">
                    @if ($post->featured_image_url)
                        <img src="{{ asset($post->featured_image_url) }}" class="rounded-lg mb-10"/>
                    @endif
                    <x-t-heading level="1">{{ $post->title }}</x-t-heading>
                    <x-t-text>
                        {{ $post->created_at->format(config('streamline.blog.date_format')) }} - by {{ $post->user->name }}
                        @if ($post->categories->count() > 0)    
                            in 
                            @foreach ($post->categories as $category)
                                <x-t-badge size="sm">{{ $category->name }}</x-t-badge>
                            @endforeach
                        @endif
                    </x-t-text>
                    <x-markdown class="prose dark:prose-invert lg:prose-lg max-w-none">
                        {!! $post->content !!}
                    </x-markdown>@section('title', $post->meta_title)
@section('description', $post->meta_description)
@section('og_title', $post->og_title)
@section('og_description', $post->og_description)
@section('og_url', $post->og_url ? $post->og_url : url('blog/'.$post->slug))
@section('og_type', $post->og_type)
@section('og_locale', $post->og_locale)
@section('og_image', $post->og_image ? asset('storage/' . $post->og_image) : '')
@section('og_image_secure_url', $post->og_image ? asset('storage/' . $post->og_image) : '')

<x-guest-layout>
    <x-t-section>
        <x-t-container
            size="xl"
            border="false"
            class="overflow-visible"
        >
            <x-t-grid cols="6" gap="lg">
                <div class="md:col-span-6">
                    @if ($post->featured_image_url)
                        <img src="{{ asset('storage/'.$post->featured_image_url) }}" class="rounded-lg mb-10"/>
                    @endif
                    <x-t-heading level="1">{{ $post->title }}</x-t-heading>
                    <x-t-text>
                        {{ $post->created_at->format(config('streamline.blog.date_format')) }} - by {{ $post->user->name }}
                        @if ($post->categories->count() > 0)    
                            in 
                            @foreach ($post->categories as $category)
                                <x-t-badge size="sm">{{ $category->name }}</x-t-badge>
                            @endforeach
                        @endif
                    </x-t-text>
                    <x-markdown class="prose dark:prose-invert lg:prose-lg max-w-none">
                        {!! $post->content !!}
                    </x-markdown>
                </div>
            </x-t-grid>
        </x-t-container>
    </x-t-section>
</x-guest-layout>
                </div>
            </x-t-grid>
        </x-t-container>
    </x-t-section>
</x-guest-layout>