@if ($pre_next_post_on && $post_pagination)
    <div class="post-btn flex gap-30 justify-between mb-60 border-b pb-30 border-black/10">
        <div class="prev-post flex sm:gap-15 gap-10 items-center flex-1">
        @if(!empty($previousBlog))
            <a class="flex gap-15 items-center" href="{{ DzHelper::laraBlogLink($previousBlog->id) }}">
            <svg class="dark:stroke-white" class="sm:w-22 w-16" xmlns="http://www.w3.org/2000/svg" width="22" height="24" viewBox="5 4 15 15" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-chevron-left"><polyline points="15 18 9 12 15 6"></polyline></svg>
            <img src="{{ DzHelper::getStorageImage('storage/blog-images/'.@$previousBlog->feature_img->value) }}" alt="{{ DzHelper::theme_lang('Blog Image') }}"
            class="size-100 object-cover md:block hidden"
            >
            </a>
            <h6 class="title max-sm:text-sm flex flex-col justify-center gap-8">
                <a href="{{ DzHelper::laraBlogLink($previousBlog->id) }}">{{ Str::limit(DzHelper::theme_lang($previousBlog->title), 24, '..') }}</a>
                <span class="post-date sm:text-sm text-xs font-light">{{ DzHelper::theme_lang($previousBlog->publish_on) }}</span>
            </h6>
        @endif
        </div>
        <div class="next-post flex sm:gap-15 gap-10 items-center flex-1 justify-end">
        @if(!empty($nextBlog))
            <h6 class="title max-sm:text-sm flex flex-col text-right justify-center gap-8">
            <a href="{{ DzHelper::laraBlogLink($nextBlog->id) }}">{{ Str::limit(DzHelper::theme_lang($nextBlog->title), 24, '..') }}</a>
            <span class="post-date sm:text-sm text-xs font-light">{{ DzHelper::theme_lang($nextBlog->publish_on) }}</span></h6>
            <a class="flex gap-15 items-center" href="{{ DzHelper::laraBlogLink($nextBlog->id) }}">
            <img src="{{ DzHelper::getStorageImage('storage/blog-images/'.@$nextBlog->feature_img->value) }}" alt="{{ DzHelper::theme_lang('Blog Image') }}"
            class="size-100 object-cover md:block hidden"
            >
            <svg class="dark:stroke-white" xmlns="http://www.w3.org/2000/svg" width="22" height="24" viewBox="5 4 15 15" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-chevron-right"><polyline points="9 18 15 12 9 6"></polyline></svg>
            </a>
        @endif
        </div>
    </div>
@endif