@extends('layouts.app')

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

@section('content')
    <div class="container mg-t-b">
        <div class="page-left">
            <div class="pagelist">
                <h1>{{ $parent->title }}</h1>
                <ul class="listbox">
                    @if ($parent->childrens->isNotEmpty())
                        @foreach ($parent->childrens as $child)
                            <li @if($category->id==$child->id) class="active" @endif>
                                <a href="{{ $child->link }}">{{ $child->title }}</a>
                                @if ($child->childrens->isNotEmpty())
                                    <ul class="dropdown">
                                        @foreach ($child->childrens as $childd)
                                            <li @if($category->id==$child->id) class="active" @endif>
                                                <a href="{{ $childd->link }}">{{ $childd->title }}</a>
                                            </li>
                                        @endforeach
                                    </ul>
                                @endif
                            </li>
                        @endforeach
                    @endif
                </ul>
            </div>

        </div>
        <div class="page-right">
            <div class="pagelujing">
                {{--                <div class="name">{{ $category->title }}</div>--}}
                <span>
                    您当前所在位置：<a href="/">首页</a>
                    @if ($parent->id!=$category->id)
                        > <a href="{{ $parent->link }}">{{ $parent->title }}</a>
                    @endif
                    > <a href="{{ $category->link }}">{{ $category->title }}</a>
                </span>
            </div>
            <div class="biaoti">{{ $article->title }}</div>
            <div class="sshuomign"><span>发布时间：{{ $article->created_at->format('Y-m-d') }}</span></div>

            <!-- 图片 -->
            @if ($article->cover && $article->category_id==127)
                <div style="width: 100%; text-align: center; margin-top: 20px;">
                    <img src="{{ $article->cover_path }}" style="width: 400px;">
                </div>
            @endif


            <div class="article_txt">
                {!! $article->content !!}
            </div>

        </div>
        <div class="clearfix"></div>
    </div>
@endsection