@extends('layouts.app')

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

@section('content')

    <div class="container child">
        <!-- 侧边导航 -->
        <div class="child-nav">
            <div class="kj-bjt" style="text-align: center;">
                <b>{{ $parent->title  }}</b>
                <p>{{ $parent->description }}</p>
            </div>
            <ul class="child-nav-ul">
                @if ($parent->childrens->isNotEmpty())
                    @foreach ($parent->childrens()->orderBy('order','asc')->get() 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="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
        <!-- end mian -->
        </div>

    </div>


@endsection
