@extends('layouts.app')

@section('title', '')
@section('keywords', $category->keywords)
@section('description', $category->description)

@section('css')
<style type="text/css">
  .noImg .newsl{
          display: none;
        }
        .noImg .newsr{
          width: 100% !important;
        }
</style>
@endsection
@section('content')
<div class="mabody">
<div class="mainWarp">
  @include('layouts.left')
    <div class="mainRight">
    <div class="brandnavbox">
       <p class="ccsl">{{ $category->title }}</p>
       <div class="con ccsl">首页 > {{ $category->title }} ></div>
    </div>
    <ul class="listul">
      @foreach($articles as $article)
      <li @if(empty($article->cover)) class="noImg" @endif>
        <div class="newsl">
          <a href="{{ route('article.show', $article) }}"><img src="{{ \Storage::disk('public')->url($article->cover) }}" /></a>
        </div>
        <div class="newsr">
          <a href="{{ route('article.show', $article) }}" class="ccsl">{{ $article->title }}</a>
          <hr>
          <div class="sub">{{ $article->description }}</div>
          {{-- <a href="{{ route('article.show', $article) }}" class="more">查看更多>> </a> --}}
          <span style="margin-top: 10px;display: block; color: #999; font-size: 14px;">{{ $article->created_at }}</span>
        </div>
      </li>
      @endforeach
    </ul>
    <div class="clear"></div>
    {{ $articles->links() }}
  </div>
  <div class="clear"></div>
</div>
</div>
<div class="clear"></div>
@endsection