@extends('layouts.frontend.master')
@section('title') {{ $blog->transtitle }} @endsection
@section('keyword') {{ $blog->transkeywords }} @endsection
@section('description') {{ $blog->transdescription  }} @endsection
@section('content')
    @include('frontend.includes.breadcrumbs',['title'=> $blog->transtitle])

    <!-- rts blog mlist area -->
    <div class="rts-blog-list-area rts-section-gap">
        <div class="container">
            <div class="row g-5">
                <!-- rts blo post area -->
                <div class="col-xl-8 col-md-12 col-sm-12 col-12">
                    <!-- single post -->
                    <div class="blog-single-post-listing details mb--0">
                        <div class="thumbnail">
                            <img src="{{ $blog->getFirstMediaUrl('blog_images') }}" alt="{{$blog->transtitle}}">
                        </div>
                        <div class="blog-listing-content">
                            <div class="user-info">
                                <!-- single info -->
                                <div class="single">
                                    <i class="far fa-clock"></i>
                                    <span>{{ $blog->created_at->format('d-m-Y') }}</span>
                                </div>
                                <!-- single infoe end -->
                            </div>
                            <h3 class="title">{{$blog->transtitle}}</h3>
                            {!!  $blog->transtext !!}
                        </div>
                    </div>
                    <!-- single post End-->
                </div>
                <!-- rts-blog post end area -->
                <!--rts blog wizered area -->
                <div class="col-xl-4 col-md-12 col-sm-12 col-12">
                    <!-- single wizered start -->
                    <div class="rts-single-wized Recent-post" data-sal-delay="150" data-sal="slide-up" data-sal-duration="800">
                        <div class="wized-header">
                            <h5 class="title">
                                @lang('frontend.recent_posts')
                            </h5>
                        </div>
                        <div class="wized-body">
                            <!-- recent-post -->
                            @if($top_posts->count() > 0)
                                @foreach($top_posts as $post)
                                    <div class="recent-post-single">
                                        <div class="thumbnail">
                                            <a href="#"><img src="{{ $post->getFirstMediaUrl('blog_images','thumb-small') }}" alt="{{$post->transtitle}}"></a>
                                        </div>
                                        <div class="content-area">
                                            <div class="user">
                                                <i class="fal fa-clock"></i>
                                                <span>{{ $post->created_at->format('d-m-Y') }}</span>
                                            </div>
                                            <a class="post-title" href="#">
                                                <h6 class="title">{{$post->transtitle}}</h6>
                                            </a>
                                        </div>
                                    </div>
                                @endforeach
                            @endif
                            <!-- recent-post End -->
                        </div>
                    </div>
                    <!-- single wizered End -->
                    <!-- single wizered start -->
                    <div class="rts-single-wized contact" data-sal-delay="150" data-sal="slide-up" data-sal-duration="800">
                        <div class="wized-header">
                            <a href="#"><img src="assets/images/logo/logo-2.svg" alt="Business_logo"></a>
                        </div>
                        <div class="wized-body">
                            <h5 class="title">Need Help? We Are Here
                                To Help You</h5>
                            <a class="rts-btn btn-primary" href="contactus.html">Contact Us</a>
                        </div>
                    </div>
                    <!-- single wizered End -->
                </div>
                <!-- rts- blog wizered end area -->
            </div>
        </div>
    </div>
    <!-- rts blog mlist area End -->
@endsection