@extends('layouts.app')

@section('content')
    <div class="content-section">
        <div class="content-block articles-block">

            @include('sections.breadcrumbs')

            <h1 class="page-title">{{$article->title}}</h1>
            <div class="title-block">
                @if(isset($article->author))
                    <div class="author">
                        <img src="{{asset("storage/".$article->author->img)}}" alt="">
                        <div class="name-block">
                            <p><span>Автор:</span></p>
                                <p><a href="{{route('show.author',['slug'=>$article->author->slug])}}">{{$article->author->name}}</a></p>
                        </div>
                    </div>
                @endif
                <div class="date ml-3">
                    <p><span>Опубликовано:</span></p>
                    <p>{{\Carbon\Carbon::parse($article->created_at)->format('Y-m-d')}}</p>
                </div>
                <div class="ml-3">
                    <p><span>среднее время прочтения:</span></p>
                    <p>{{$article->reading_time}} минут</p>
                </div>
                <p class="views ml-3"><i class="fas fa-eye"></i>{{$article->seen_count}}</p>
                {{-- <div class="social">
                    <p>Поделиться:</p>
                    <a href=""><i class="fab fa-facebook-f"></i></a>
                    <a href=""><i class="fab fa-vk"></i></a>
                    <a href=""><i class="fab fa-odnoklassniki"></i></a>
                    <a href=""><i class="fab fa-twitter"></i></a>
                </div> --}}
            </div>
            @if(isset($article->style))
                <link rel="stylesheet" href="{{ asset($article->style) }}">
            @endif

            {!!$article->text!!}


        </div>
    </div>

@endsection