@extends('frontend::layouts.master')

@section('content')
    <main>
        @if (!empty($detail['image']))
            <div class="container">
                <img class="w-full" src="{{ $detail['image'] }}" alt="image">
            </div>
        @endif
        <div class="container pt-2 px-4 xl:px-8 pb-8">
            <livewire:frontend::breadcrumbs.breadcrumbs name="blog" active="3" :breadcrumbData="$breadcrumb" />
            <div class="mt-3">
                <h2 class="uppercase font-semibold text-20 lg:text-26 leading-8">
                    {{ $detail['name'] ?? '' }}
                </h2>
                <sup class="fs-12">
                    {{ str_date($detail['publish_at'], 'd m Y') }}
                </sup>
            </div>
            <div class="text-editor">
                {!! $detail['detail'] ?? '' !!}
            </div>
        </div>
    </main>
@endsection