@extends('theme::layout.public')
@section('seo_title')
    @if($currentCategory){{ $currentCategory->name }} - @else 全部 - @endif
    @if($filter === 'hottest')热门的@elseif($filter === 'recommended')推荐的@endif 文章  @if( $articles->currentPage()>1 ) - 第{{ $articles->currentPage() }}页 @endif - {{ Setting()->get('website_name') }}
@endsection
@section('content')
    <div class="row mt-10">
        <div class="col-xs-12 col-md-9 main">
            <ul class="nav nav-tabs mt-20">
                <li role="presentation" @if($categorySlug == 'all') class="active" @endif ><a href="{{ route('website.blog') }}">全部</a></li>
                @foreach( $tabData['out_tabs'] as  $category )
                        <li role="presentation" @if( $category->id == $currentCategoryId ) class="active" @endif ><a href="{{ route('website.blog',['category_slug'=>$category->slug,'filter'=>$filter]) }}">{{ $category->name }}</a></li>
                @endforeach
                @if($tabData['in_tabs'])
                <li role="presentation" class="dropdown">
                    <a class="dropdown-toggle" data-toggle="dropdown" href="#" role="button" aria-haspopup="true" aria-expanded="false">
                        更多 <span class="caret"></span>
                    </a>
                    <ul class="dropdown-menu">
                        @foreach( $tabData['in_tabs'] as  $category )
                            <li role="presentation" @if( $category->id == $currentCategoryId ) class="active" @endif ><a href="{{ route('website.blog',['category_slug'=>$category->slug,'filter'=>$filter]) }}">{{ $category->name }}</a></li>
                        @endforeach
                    </ul>
                </li>
                @endif
            </ul>
            <div class="nav-child">
                <span>筛选:&nbsp;</span>
                <a href="{{ route('website.blog',['category_slug'=>$categorySlug,'filter'=>'newest']) }}" class="tag tag-sm @if( $filter == 'newest' ) active @endif mr-5">最新的</a>
                <a href="{{ route('website.blog',['category_slug'=>$categorySlug,'filter'=>'recommended']) }}" class="tag tag-sm @if( $filter== 'recommended' ) active @endif mr-5">推荐的</a>
                <a href="{{ route('website.blog',['category_slug'=>$categorySlug,'filter'=>'hottest']) }}" class="tag tag-sm @if( $filter == 'hottest' ) active @endif mr-5">热门的</a>
            </div>
            <div class="stream-list blog-stream">
                @foreach($articles as $article)
                <section class="stream-list-item clearfix">
                    @if( $article->logo )
                    <div class="blog-rank hidden-xs">
                        <a href="{{ route('blog.article.detail',['id'=>$article->id]) }}" target="_blank"><img style="width: 200px;height:120px;" src="{{ $article->logo }}"></a>
                    </div>
                    @endif
                    <div class="summary">
                        <h2 class="title"><a href="{{ route('blog.article.detail',['id'=>$article->id]) }}" target="_blank" >{{ $article->title }}</a></h2>
                        <p class="excerpt wordbreak">{{ $article->summary }}</p>
                        <ul class="author list-inline mt-20">
                            <li class="pull-right" title="{{ $article->collections }} 收藏">
                                <span class="glyphicon glyphicon-bookmark"></span> {{ $article->collections }}
                            </li>
                            <li class="pull-right" title="{{ $article->collections }} 推荐">
                                <span class="glyphicon glyphicon-thumbs-up"></span> {{ $article->supports }}
                            </li>
                            <li>
                                <a href="{{ route('auth.space.index',['user_id'=>$article->user_id]) }}" target="_blank">
                                    <img class="avatar-20 mr-10 hidden-xs" src="{{ $article->user->qrcode }}" alt="{{ $article->user->name }}"> {{ $article->user->name }}
                                </a>
                            </li>
                            <li>发布于 {{ timestamp_format($article->created_at) }}</li>
                            <li>阅读 ( {{$article->views}} )</li>

                        </ul>
                    </div>
                </section>
                @endforeach

            </div>

            <div class="text-center">
                {!! str_replace('/?', '?', $articles->render()) !!}
            </div>
        </div><!-- /.main -->
        <div class="col-md-3 hidden-xs side">
            <div class="side-alert alert alert-warning">
                <p>今天，有什么文章需要发布呢？</p>
                <a href="{{ route('blog.article.create') }}" class="btn btn-primary btn-block mt-10">立即撰写</a>
            </div>
            @include('theme::layout.auth_menu')

            <div class="widget-box">
                <h2 class="h4 widget-box__title">推荐文章</h2>
                <ul class="widget-links list-unstyled list-text">
                    @foreach($hotArticles as $hotArticle)
                            <li class="widget-links-item">
                                <a title="{{ $hotArticle->title }}" href="{{ route('blog.article.detail',['id'=>$hotArticle->id]) }}">{{ $hotArticle->title }}</a>
                                <small class="text-muted">{{ $hotArticle->supports }} 推荐</small>
                            </li>
                    @endforeach
                </ul>
            </div>

            <div class="widget-box">
                <h2 class="h4 widget-box-title">热门作者 <a href="{{ route('auth.top.articles') }}">»</a></h2>
                <ul class="list-unstyled">
                    @foreach($hotUsers as $hotUser)
                    <li class="media  widget-user-item ">
                        <a href="{{ route('auth.space.index',['user_id'=>$hotUser['id']]) }}" class="user-card pull-left" target="_blank">
                            <img class="avatar-50"  src="{{ $hotUser->qrcode }}" alt="{{ $hotUser->name }}"></a>
                        </a>
                        <div class="media-object">
                            <strong><a href="{{ route('auth.space.index',['user_id'=>$hotUser['id']]) }}">{{ $hotUser['name'] }}</a></strong>

                            <p class="text-muted"> {{ $hotUser['articles'] }} 篇文章，{{ $hotUser['supports'] }} 赞同</p>
                        </div>
                    </li>
                    @endforeach
                </ul>
            </div>

            <div class="widget-box">
                <h2 class="h4 widget-box-title">热议话题 <a href="{{ route('website.topic') }}" title="更多">»</a></h2>
                <ul class="taglist-inline multi">
                    @foreach($hotTags as $hotTag)
                        <li class="tagPopup"><a class="tag" data-toggle="popover"  href="{{ route('ask.tag.index',['id'=>$hotTag->tag_id,'source_type'=>'articles']) }}">{{ $hotTag->name }}</a></li>
                    @endforeach
                </ul>
            </div>


        </div>
    </div>
@endsection