@extends('layouts.website_layout')
@section('meta_title', $news->meta_title)
@section('meta_description', $news->meta_description)
@section('canonical_tag', "blog/".$news_category->news_category_url_slug."/".$news->news_url_slug)
@section('banner_image', "blogs/".$news->news_thumbnail)
@section('content')
<main>
    <article class="container-fluid blogHeader">
        <nav class="custom__row row" aria-label="breadcrumb">
            <div class="col-12">
                <ol class="breadcrumb">
                    <li class="breadcrumb-item"><a href="{{url('/')}}">Home</a></li>
                    <li class="breadcrumb-item"><a href="{{url('/')}}/news">News</a></li>
                    <li class="breadcrumb-item"><a href="{{url('/')}}/news/{{$news_category->news_category_url_slug}}">{{$news_category->news_category_name}}</a></li>
                    <li class="breadcrumb-item active" aria-current="page">{{$news->news_title}}</li>
                </ol>
            </div>
        </nav>
    </article>
    <article class="container-fluid blogDetails">
        <div class="custom__row row">
            <div class="col-12 title">
                <h1>{{$news->news_title}}</h1>
            </div>
            @if(!empty(count($news_tags)))
            <div class="col-12 tags">
                <p>Related Tags :</p>
                @foreach($news_tags as $news_tag_row)
                <a href="{{url('/')}}/news-tag/{{$news_tag_row->blog_tag_url_slug}}">{{$news_tag_row->blog_tag_name}}</a>
                @endforeach
            </div>
            @endif
            <div class="col-12 date">
                <p>{{date('d F Y', strtotime($news->news_published_date))}}</p>
            </div>
            <div class="col-12 info">
                @if(!empty($news->news_author_name))
                <div class="authorpic">
                    @if(!empty($news->news_author_picture))
                    <img src="{{url('/')}}/assets/images/news/{{$news->news_author_picture}}" alt="{{$news->news_author_name}}" class="img-fluid">
                    @else
                    <img src="{{url('/')}}/assets/images/blogs/dummy-author.png" alt="{{$news->news_author_name}}" class="img-fluid">
                    @endif
                </div>
                <p class="paragraph">{{$news->news_author_name}}</p>
                @endif
                <div class="share">
                    <p>SHARE :</p>
                    <ul>
                        <li><a href="https://www.facebook.com/sharer/sharer.php?u={{url('/')}}/news/{{$news_category->news_category_url_slug}}/{{$news->news_url_slug}}" target="_blank"><i class="fa fa-facebook" aria-hidden="true"></i></a></li>
                        <li><a href="https://twitter.com/intent/tweet/?text={{$news->news_title}}&url={{url('/')}}/news/{{$news_category->news_category_url_slug}}/{{$news->news_url_slug}}" target="_blank"><i class="fa fa-twitter" aria-hidden="true"></i></a></li>
                        <li><a href="https://www.linkedin.com/shareArticle?mini=true&url={{url('/')}}/news/{{$news_category->news_category_url_slug}}/{{$news->news_url_slug}}" target="_blank"><i class="fa fa-linkedin" aria-hidden="true"></i></a></li>
                    </ul>
                </div>
            </div>
            <div class="col-12 content">
                <div class="row">
                    <div class="col-12">
                        {!!$news->news_content!!}
                    </div>
                </div>
            </div>
        </div>
    </article>
</main>
@endsection