@extends('layouts.app')

@section('title', '文章详情')

@section('content')

    <div class="container child">
        <!-- 侧边导航 -->
        <div class="child-nav">
            <div class="kj-bjt" style="text-align: center;">
                <b>{{ $category->title  }}</b>
                <p>{{ $category->description }}</p>
            </div>
            <ul class="child-nav-ul">
                @if ($parent->childrens->isNotEmpty())
                    @foreach ($parent->childrens as $child)
                        <li>
                            <a href="{{ $child->link }}" @if($category->id==$child->id) class="show" @endif>{{ $child->title }}</a>
                        </li>
                    @endforeach
                @endif
            </ul>
        </div>
        <!-- content -->
        <div class="child-content">
            <!-- mian -->
            <div class="container child">
                <div class="wzxq">
                    <h3>{{ $article->title }}</h3>
                    <p>发表时间：{{ $article->created_at }}</p>
                </div>
                <div class="ritText">
                    {{--            @if ($article->cover)--}}
                    {{--                <img src="{{ $article->cover_path }}">--}}
                    {{--            @endif--}}
                    <p>
                        {!! $article->content !!}
                    </p>
                </div>
                @if ($next)
                    <div class="xyp">
                        <b>下一篇</b><a href="{{ $next->link }}">{{ $next->title }}</a>
                    </div>
                @endif

            </div>
            <!-- end mian -->
        </div>

    </div>


@endsection