@extends('layout.app')

@section('seo')
    <x-seo-meta
        :title="$post->title"
        :description="Str::limit(strip_tags($translation->description ?? ''), 160)"
        :image="$post->image ? url('storage/' . $post->image) : ''"
        type="article"
        :keywords="$post->title . ', ' . __('blog.keywords')"
        :author="config('app.name')"
    />
@endsection

@section('content')
    <div class="breadcumb-wrapper" data-bg-src="{{ asset('storage/' . $post->image) }}">
        <div class="container">
            <div class="breadcumb-content">
                <h1 class="breadcumb-title">{{ $translation->name }}</h1>
                <ul class="breadcumb-menu">
                    <li><a href="{{ url(app()->getLocale() . '/') }}">Home</a></li>
                    <li>{{ $translation->name }}</li>
                </ul>
            </div>
        </div>
    </div>

    <section class="th-blog-wrapper blog-details space-top space-extra-bottom">
        <div class="container">
            <div class="row">
                <div class="col-xxl-8 col-lg-7">
                    <div class="th-blog blog-single">
                        <div class="blog-content">
                            <div class="blog-meta">
                                <a class="author" href="#"><i class="fa-light fa-user"></i>{{ $post->author ?? 'Admin' }}</a>
                                <a><i class="fa-regular fa-calendar"></i>{{ $post->created_at->format('d M, Y') }}</a>
                            </div>
                            <h2 class="blog-title">{{ $translation->name }}</h2>
                            <p class="blog-text mb-30">{!! $translation->description !!}</p>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </section>
@endsection