@extends('frontLayout.frontlayout')
@section('content')


<!-- ==== Breadcame Section Start ==== -->
<section class="breadcame_section" style="background-image: url('../assets/frontend/images/about-banner.jpg');">
    <div class="container">
        <div class="row">
            <div class="col-xxl-12 col-xl-12 col-lg-12 col-md-12 col-sm-12 col-12">
                <div class="breadcame_area text-center">
                <h3>{{$page->title}}</h3>
                </div>
            </div>
        </div>
    </div>
</section>
<!-- ==== Breadcame Section End ==== -->


<!-- ==== Blog Section Start ==== -->
<section class="blog_detail_section">
    <div class="container">
        <div class="row">
            <div class="col-xxl-12 col-xl-12 col-lg-12 col-md-12 col-sm-12 col-12">
                <div class="blog_detail_area">
                    <div class="row">
                        <div class="col-xxl-8 col-xl-8 col-lg-8 col-md-8 col-sm-12 col-12">
                            <div class="blog_detail_content">
                                @if($page->image)
                                <div class="img_area">
                                   @include('frontend.partials.fileRender', ['file' => $page->image, 'size' => "large"])
                                </div>
                                @endif
                                <div class="date"><i class="lnr lnr-calendar-full"></i> {{date('D, F d Y',strtotime($page->created))}} </div>
                                <div class="content_box">
                                   {!! $page->description !!}
                                </div>
                                <div class="share">
                                    <ul>
                                        <li>
                                            Share:
                                        </li>
                                        <li>
                                            <a target="_blank" href="{{'http://www.facebook.com/share.php?u='.url()->full().''}}"><i class="fab fa-facebook-f"></i></a>
                                        </li>
                                        <li>
                                            <a target="_blank" href="{{'https://twitter.com/intent/tweet?url='.url()->full().''}}"><i class="fab fa-twitter"></i></a>
                                        </li>
                                        <li>
                                            <a target="_blank" href="{{'https://www.linkedin.com/shareArticle?url='.url()->full().'&title='.$page->title.' '}}"><i class="fab fa-linkedin-in"></i></a>
                                        </li>
                                    </ul>
                                </div>
                            </div>
                        </div>
                        <div class="col-xxl-4 col-xl-4 col-lg-4 col-md-4 col-sm-12 col-12">
                            <div class="blog_sidebar">
                                @if($pages->toArray())
                                <div class="recent_news_box">
                                    <h6>Recent News</h6>
                                    <ul>
                                        @foreach($pages as $b)
                                        <li>
                                            <a href="{{route('blogs.detail', ['slug' => $b['slug']])}}">
                                                {{$b['title']}}
                                            </a>
                                        </li>
                                        @endforeach                                        
                                    </ul>
                                </div>
                                @endif
                                @if($page->categories)
                                <div class="tags_box">
                                    <h6>Categories</h6>
                                    <ul class="list-inline">
                                        @foreach($page->categories as $c)
                                        <li>
                                            <a href="{{route('blogs.withSlug',['catSlug' => $c['slug']])}}">{{$c['title']}}</a>
                                            <div class="cross_icon">
                                                <i class="lnr lnr-cross"></i>
                                            </div>
                                        </li>
                                        @endforeach
                                    </ul>
                                </div>
                                @endif
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</section>
<!-- ==== Blog Section End ==== -->

@if($relatedBlogs->toArray())
{{-- @php pr($relatedBlogs); @endphp --}}
<!-- ==== blog === -->
<section class="frome-blog blog-space">
    <div class="container">
        <div class="row">
            <div class="col-xxl-12 col-xl-12 col-lg-12 col-md-12 col-sm-12 col-12">
                 <div class="heading-lines ps-0">
                     <h2>
                     Related Posts
                     </h2>
                 </div>
                 <div class="blog_wrap">
                        <div class="owl-carousel" id="blog-us">
                            @foreach($relatedBlogs as $rb)
                            <div class="item">
                                <div class="blog_one_forth">
                                    <div class="blog-inner">
                                        @if($rb['image'])
                                        <div class="blog-inner-img">
                                            <a href="{{route('blogs.detail', ['slug' => $rb['slug']])}}">
                                                @include('frontend.partials.fileRender', ['file' => $rb['image'], 'size' => "medium"])
                                            </a>
                                        </div>
                                        @endif
                                        <div class="content">
                                            <div class="date">
                                                <div class="calender">
                                                    <p>
                                                        {{date('F d, Y',strtotime($rb['created']))}}
                                                    </p>
                                                </div>
                                            </div>
                                            <div class="match_height_txt">
                                                <a href="{{route('blogs.detail', ['slug' => $rb['slug']])}}" >
                                                    <p>
                                                        {{$rb['title']}}
                                                    </p>
                                                </a>
                                            </div>
                                            <div class="match_height_col">
                                                <span>
                                                    {{Str::limit(strip_tags($rb['description']),100,'...')}}
                                                </span>
                                            </div>
                                            <a href="{{route('blogs.detail', ['slug' => $rb['slug']])}}" class="read-more">Read More</a>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            @endforeach
                        </div>
                    </div>
                </div>          
            </div>
        </div>
    </div>
</section>
@endif

@endsection