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

<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">
                    @php
                        $category = isset($blog->categories) && $blog->categories ? current($blog->categories->toArray()) : [];
                    @endphp
                    <div class="icon_tag_area">
                        <a href="{{route('blog.index')}}" class="arrow_icon" aria-label="Category">
                            <i class="far fa-angle-left"></i>
                        </a>
                        @if(isset($category['title']) && $category['title'])
                            <div class="tag_area">{{isset($category['title']) && $category['title'] ? $category['title'] : ''}}</div>
                        @endif
                    </div>
                    <p class="title_text">{{isset($blog->title) && $blog->title ? $blog->title : ''}}</p>
                    <div class="name_icon_area">
                        <div class="left_area">
                            <div class="image_name_area">
                                <div class="image_area">
                                    <img src="{{ url('frontend/images/user_icon.png') }}" title="{{isset($blog->title) && $blog->title ? $blog->title : ''}}" alt="{{isset($blog->title) && $blog->title ? $blog->title : ''}}" fetchpriority="low" />
                                </div>
                                <div class="name_area">Tracey Wilson</div>
                            </div>
                            <div class="date_area">{{isset($blog->created) && $blog->created ? date('F d, Y', strtotime($blog->created)) : ''}}</div>
                        </div>
                        <div class="right_area">
                            <div class="icon_area">
                                <ul>
                                    <li>Share :</li>
                                    <li>
                                        <a href="https://www.facebook.com/sharer/sharer.php?u={{route('blog.single',['slug' => $blog->slug])}}" aria-label="Facebook Link">
                                            <div class="image_area">
                                                <img src="{{ url('frontend/images/icons/facebook.png') }}" title="Facebook Link" alt="Facebook Link" fetchpriority="low" />
                                            </div>
                                        </a>
                                    </li>
                                    <li>
                                        <a href="https://www.instagram.com/sharer.php?u={{route('blog.single',['slug' => $blog->slug])}}" aria-label="Instagram Link">
                                            <div class="image_area insta_image">
                                                <img src="{{ url('frontend/images/icons/insta.png') }}" title="Instagram Link" alt="Instagram Link" fetchpriority="low" />
                                            </div>
                                        </a>
                                    </li>
                                    <li>
                                        <a href="https://web.whatsapp.com/send?text={{route('blog.single',['slug' => $blog->slug])}}" aria-label="Whatsapp Link">
                                            <div class="image_area">
                                                <img src="{{ url('frontend/images/icons/whatsapp.png') }}" title="Whatsapp Link" alt="Whatsapp Link" fetchpriority="low" />
                                            </div>
                                        </a>
                                    </li>
                                </ul>
                            </div>
                        </div> 
                    </div>
                    <div class="blog_image">
                        <img src="{{ General::renderImageUrl($blog['banner_image'], 'large', 'frontend/images/no_image.png') }}" title="{{isset($blog->title) && $blog->title ? $blog->title : ''}}" alt="{{isset($blog->title) && $blog->title ? $blog->title : ''}}" fetchpriority="low" />
                    </div>
                    {!! isset($blog['description']) && $blog['description'] ? $blog['description'] : '' !!}

                    @if(isset($next_record->slug) && $next_record->slug )
                    <div class="button_area">
                        <a href="{{route('blog.single',['slug' => $next_record->slug])}}" aria-label="Next Page" class="btn-primary">Next Blog</a>
                    </div>  
                    @endif
                </div>
            </div>
        </div>
    </div>
</section>

@endsection