@section('title'){{ $postDetail->post }} | {{ config('app.settings.app_name') }} Blog @endsection
@section('metas')
    @forelse ($postDetail->meta as $key => $value)
        @if ($value)
            <meta name="{{ $key }}" content="{{ $value }}">
        @endif
    @empty
    @endforelse
@endsection
@section('custom_header')
    @if(!empty($postDetail->custom_header))
        {!! $postDetail->custom_header !!}
    @endif
@endsection
<main>
    <flux:heading class="mb-3 truncate" size="xl" level="1">{{ $postDetail->post }}</flux:heading>
    <div class="mb-3"></div>
    <div class="block rounded-lg bg-white shadow-md dark:bg-zinc-700 items-center p-1">
        <span class="w-full">
            <img class="min-w-full px-4 pt-4 sm:pt-6 sm:px-6 rounded-tl-4xl rounded-tr-4xl rounded-bl-3xl rounded-br-3xl" src="{{ asset('storage/'.$postDetail->post_image) }}" alt="{{ $postDetail->post }}" />
        </span>
        <div class="magic-box my-2 px-4 sm:px-6 min-w-full flex flex-col items-center overflow-auto">
            {!! json_decode(config('app.settings.ads_settings'))->two !!}
        </div>
        <div class="flex w-full items-center justify-center px-4 py-2 sm:px-6">
            <flux:text>{!! $postDetail->content !!}</flux:text>
        </div>
        <div class="mt-3"></div>
    </div>

</main>
