@extends('ui-theme.' . env('THEME_FOLDER') . '.layout.ui-main')
@section('content')
@php
$breadcrumbType = 'without_image';
$headerImage = asset('assets/images/breadcrumb-bg.jpg');
// Blog detay sayfasında navbar'ı koyu (dark theme) kullan
$navbarColor = 'dark';
@endphp
<section class="pt-10">
    <div class="container">
        <div class="row justify-content-center">
            <div class="col-lg-10 text-center">
                <span class="fs-18 mb-3 d-inline-block"><a href="#"
                        class="text-dark-gray fw-500 text-decoration-line-bottom">
                    {{ $blog->author->name }}</a>
                        {{ $blog->published_at->format('d M Y') }}</span>
                <h1 class="alt-font fw-700 text-dark-gray ls-minus-2px mb-0">{{ $blog->title }}</h1>
            </div>
        </div>
    </div>
</section>
<!-- end section -->
<!-- start section -->
<section class="py-0 ps-13 pe-13 lg-ps-4 lg-pe-4 sm-px-0">
    <div class="container-fluid">
        <div class="row justify-content-center">
            <div class="col-12"><img src="{{ asset($blog->featured_image) }}" class="w-100" alt="{{ $blog->title }}"></div>
        </div>
    </div>
</section>
<!-- end section -->
<!-- start section -->
<section>
    <div class="container">
        <div class="row justify-content-center">
            <div class="col-lg-10">
                <div class="row">
                    <div class="col-lg-3 col-md-4 text-center sm-mb-30px">
                        <div class="pb-20px">
                            <span class="d-block lh-26">{{ $blog->author->name }}</span>
                            <a href="{{ route('blog') }}" class="text-dark-gray alt-font fw-700 text-uppercase"> {{ $translations['all_blogs'] ?? 'All Blogs' }} </a>
                        </div>
                        <div class="h-3px w-100 bg-base-color mb-20px"></div>

                    </div>
                    <div class="offset-lg-1 col-md-8 last-paragraph-no-margin text-center text-md-start">
                        <h3 class="alt-font fw-700 text-dark-gray">{{ $blog->excerpt }}</h3>
                        {!! $blog->content !!}
                    </div>
                </div>
            </div>
        </div>
    </div>
</section>



@endsection