@extends('layouts.app')

@section('content')
<section>
    <!-- 资讯详情 -->
    <div class="caseDetails">
        <div class="caseDetails-title">
            {{ $article->title }}
        </div>
        <div class="caseDetails-nav">
            <span><i class="icon icon-bookmark-empty" style="font-weight: 600;"></i> {{ $article->category->title }}</span>
            <span> {{ $article->clicks }}游览</span>
            <span><i class="icon icon-time"></i> {{ $article->created_at }}</span>
        </div>
    </div>
    <div class="caseDetails-text">
         {{ $article->description }}
    </div>
    <div class="caseDetails-cont">
         {!! $article->content !!}
    </div>

    <div class="caseRecommend">
        <div class="caseRecommend-title">
            相关推荐
        </div>
        <ul class="newList">
            @foreach ($lists as $article)
                <li data-href="{{ route('articles.show',$article) }}">
                <div class="newList-img">
                    <!-- newImg_00_active默认图片 -->
                    <span style="background-image:url({{ $article->cover_path }})"></span>
                </div>
                <div class="newList-text">
                    <p class="text-nowrap-multi">{{ $article->title }}</p>
                    <div class="newList-icon">
                        <span>{{ $article->category->title }}</span>
                        <i class="icon icon-columns"></i>{{ $article->clicks }}
                    </div>
                </div>
            </li>
            @endforeach
        </ul>
    </div>
</section>
@endsection('content')