@extends('layouts.main')

@section('title')
    <title>{{ pageTitle([$article->title]) }}</title>
@endsection

@section('content')

@include('layouts.breadcrumbs', ['sport' => $article->sport])

<div class="inner_page_content mar20">
    <div class="container">
        <div class="row_left">
            <div class="news_block_left mar20">
                <div class="inner_page_block">
                    <h1 class="inner_main_title">{{ $article->title }}</h1>
                    <div class="author_post-desc">
                        <div class="author_name_time">
                            <a href="javascript:void(0)">
                                <span class="name">{{ $article->article_source_name }}</span>
                                <span>-</span>
                                <span class="date">{{ $article->published_date }}</span>
                            </a>
                        </div>
                        <div class="post_views">
                            <div class="views" title="{{ $article->views_count }} Views">
                                <svg class="svg-inline--fa fa-eye fa-w-18" aria-hidden="true" focusable="false" data-prefix="fa" data-icon="eye" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 576 512" data-fa-i2svg=""><path fill="currentColor" d="M572.52 241.4C518.29 135.59 410.93 64 288 64S57.68 135.64 3.48 241.41a32.35 32.35 0 0 0 0 29.19C57.71 376.41 165.07 448 288 448s230.32-71.64 284.52-177.41a32.35 32.35 0 0 0 0-29.19zM288 400a144 144 0 1 1 144-144 143.93 143.93 0 0 1-144 144zm0-240a95.31 95.31 0 0 0-25.31 3.79 47.85 47.85 0 0 1-66.9 66.9A95.78 95.78 0 1 0 288 160z"></path></svg>
                                <span class="view_number">{{ $article->views_count }}</span>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="inner_page_content">
                    <a href="javascript:void();">
                        <img src="{{ $article->main_image }}">
                    </a>
                    <div class="inner_page_content_desc">
                        {!!str_replace("\n", "</br></br>", $article->content)!!}  

                        <p class="mar20">
                            <a href="{{ $article->url }}" target="_blank">Click here to read article</a>
                        </p>
                    </div>
                </div>
                @include('news._related-articles-primary-container')
            </div>
            <div class="news_block_right mar20">
                @include('ads.golden-444-article-detail')
                
@include('news._latest-news-primary-container')
            </div>
        </div>
    </div>
</div>
@endsection