@extends('layouts.frontend.master')
@section('title') {{ $menu->transtitle }} @endsection
@section('keyword') {{ $menu->transkeywords }} @endsection
@section('description') {{ $menu->transdescription  }} @endsection
@section('content')
    @include('frontend.includes.breadcrumbs',['title'=> $menu->transtitle])
    <!-- rts blog grid area -->
    <div class="rts-blog-grid-area rts-section-gap">
        <div class="container">
            <div class="row g-5">
                <div class="col-xl-8 col-md-12 col-sm-12 col-12 pr--40 pr_md--0 pr_sm-controler--0">
                    <div class="row g-5">
                        @if($blogs->count() > 0)
                            @foreach($blogs as $blog)
                                <div class="col-lg-6 col-md-6 col-sm-12 col-12" data-sal-delay="150" data-sal="slide-up" data-sal-duration="800">
                                    <!-- start blog grid inner -->
                                    <div class="blog-grid-inner">
                                        <div class="blog-header">
                                            <a class="thumbnail" href="{{ $blog->appUrl }}">
                                                <img src="{{ $blog->getMedia('blog_images',['coverImage' => 'true'])?->first()?->getUrl('thumb-medium') ?? $blog->getFirstmediaUrl('blog_images','thumb-medium') }}" alt="{{ $blog->transname }}">
                                            </a>
                                            <div class="blog-info">
                                            </div>
                                            <div class="date">
                                                <h6 class="title">{{ $blog->created_at->format('d') }}</h6>
                                                <span>{{ $blog->created_at->format('F') }}</span>
                                            </div>
                                        </div>
                                        <div class="blog-body">
                                            <a href="{{ $blog->appUrl }}">
                                                <h5 class="title">
                                                    {{ $blog->transname }}
                                                </h5>
                                            </a>
                                        </div>
                                    </div>
                                    <!-- end blog grid inner -->
                                </div>
                            @endforeach
                        @endif
                    </div>
                    <!-- pagination area -->
                    <div class="row mt--30">
                        <div class="col-12">
                            <div class="text-center">
                                {!!   $blogs->links('vendor.pagination.custom') !!}
                            </div>
                        </div>
                    </div>
                    <!-- pagination area End -->
                </div>
                <!--rts blog wized 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">
                                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 wized End -->
                    <!-- single wized start -->
{{--                    <div class="rts-single-wized" data-sal-delay="150" data-sal="slide-up" data-sal-duration="800">--}}
{{--                        <div class="wized-header">--}}
{{--                            <h5 class="title">--}}
{{--                                Popular Tags--}}
{{--                            </h5>--}}
{{--                        </div>--}}
{{--                        <div class="wized-body">--}}
{{--                            <div class="tags-wrapper">--}}
{{--                                <a href="#">Services</a>--}}
{{--                                <a href="#">Business</a>--}}
{{--                                <a href="#">Growth</a>--}}
{{--                                <a href="#">Finance</a>--}}
{{--                                <a href="#">UI/UX Design</a>--}}
{{--                                <a href="#">Solution</a>--}}
{{--                                <a href="#">Speed</a>--}}
{{--                                <a href="#">Strategy</a>--}}
{{--                                <a href="#">Technology</a>--}}
{{--                            </div>--}}
{{--                        </div>--}}
{{--                    </div>--}}
                    <!-- single wized End -->
                    <!-- single wizered start -->
                    <div class="rts-single-wized contact service" data-sal-delay="150" data-sal="slide-up" data-sal-duration="800">
                        <div class="wized-header">
                            <a href="#"><img src="{{get_white_logo()}}" alt="Business_logo"></a>
                        </div>
                        <div class="wized-body">
                            <h5 class="title">@lang('frontend.need_help')</h5>
                            <a class="rts-btn btn-primary" href="">@lang('frontend.contact_us')</a>
                        </div>
                    </div>
                    <!-- single wizered End -->
                </div>
                <!-- rts- blog wized end area -->
            </div>
        </div>
    </div>
    <!-- rts blog grid area end -->
@endsection