@extends($_frameLayoutView)

@section('bodyScript')
    <script src="@assets('assets/m/home.js')"></script>
@endsection

@section('pageTitleMain',htmlspecialchars($pageTitle))
@section('pageKeywords',htmlspecialchars($pageKeywords))
@section('pageDescription',htmlspecialchars($pageDescription))
@section('headerLeft')@endsection
@section('headerRight')
    <a class="mui-icon mui-pull-right">
        <i class="iconfont" style="font-size:20px;" onclick="layer.open({type:1,content:$('#questionCategoryBox').html(),anim:'up',style:'position:fixed;bottom:0;left:0;width:100%;max-height:400px;overflow:auto;'});">&#xe727;</i>
    </a>
@endsection

@section('bodyContent')

    <div id="questionCategoryBox" style="display:none;">
        <div class="filter">
            <div class="pb-category">
                <div class="body">
                    <a class="title" href="javascript:;">类型</a>
                    <div class="title-box">
                        <?php
                        $url = [];
                        if($keyword){
                            $url[] = 'k'.urlencode($keyword);
                        }
                        ?>
                        <a @if(empty($questionType)) class="active" @endif href="/question/list/{{\TechOnline\Laravel\Util\TagUtil::urlJoin(join('_',$url),$selectedTagsIds)}}">全部</a>
                        @foreach(\App\Types\QuestionType::getList() as $k=>$v)
                            <?php
                            $url = [];
                            $url[] = 't'.$k;
                            if($keyword){
                                $url[] = 'k'.urlencode($keyword);
                            }
                            ?>
                            <a href="/question/list/{{\TechOnline\Laravel\Util\TagUtil::urlJoin(join('_',$url),$selectedTagsIds)}}"
                               @if($questionType==$k) class="active" @endif>{{$v}}</a>
                        @endforeach
                    </div>
                </div>
            </div>

            <div class="pb-category">
                <div class="body">
                    @foreach($tags as $tagGroup)
                        <a class="title" href="javascript:;">{{$tagGroup['groupTitle']}}</a>
                        <div class="title-box">
                            @foreach($tagGroup['groupTags'] as $tag)
                                <?php
                                $url = [];
                                if($questionType){
                                    $url[] = 't'.$questionType;
                                }
                                if($keyword){
                                    $url[] = 'k'.urlencode($keyword);
                                }
                                ?>
                                @if(in_array($tag['id'],$selectedTagsIds))
                                    <a href="/question/list/{{\TechOnline\Laravel\Util\TagUtil::urlJoin(join('_',$url),$selectedTagsIds,$tag['id'])}}" class="active">{{$tag['title']}}</a>
                                @else
                                    <a href="/question/list/{{\TechOnline\Laravel\Util\TagUtil::urlJoin(join('_',$url),array_merge($selectedTagsIds,[$tag['id']]))}}">{{$tag['title']}}</a>
                                @endif
                            @endforeach
                        </div>
                    @endforeach
                </div>
            </div>
        </div>
    </div>

    @if(!empty($selectedTags) || $questionType)
        <div class="pb-question-tag">
            <div class="body">
                标签：
                @if($questionType)
                    <span>
                        {{\TechOnline\Laravel\Type\TypeUtil::name(\App\Types\QuestionType::class,$questionType)}}
                        <a href="/question/list/{{\TechOnline\Laravel\Util\TagUtil::urlJoin(($keyword?'k'.urlencode($keyword):''),$selectedTagsIds)}}"><i class="iconfont">&#xe60f;</i></a>
                    </span>
                @endif
                @foreach($selectedTags as $tag)
                    <span>
                        {{$tag['title']}}
                        <?php
                        $url = [];
                        if($questionType){
                            $url[] = 't'.$questionType;
                        }
                        if($keyword){
                            $url[] = 'k'.urlencode($keyword);
                        }
                        ?>
                        <a href="/question/list/{{\TechOnline\Laravel\Util\TagUtil::urlJoin(join('_',$url),$selectedTagsIds,$tag['id'])}}"><i class="iconfont">&#xe60f;</i></a>
                    </span>
                @endforeach
            </div>
        </div>
    @endif

    <div class="pb-question-list">
        <div class="body">
            @if(empty($questions))
                <div class="empty">
                    暂无记录
                </div>
            @endif
            @foreach($questions as $question)
                <div class="item">
                    <div class="title">
                        <a href="/question/view/{{$question['alias']}}?param={{urlencode($urlParam)}}">
                            [{{\TechOnline\Laravel\Type\TypeUtil::name(\App\Types\QuestionType::class,$question['type'])}}]
                            {{\TechSoft\Laravel\Util\HtmlUtil::text($question['question'],100)}}
                        </a>
                    </div>
                    <div class="tags">
                        <div class="right">
                            <span>正确率 {{$question['testCount']>0?sprintf('%d%%',$question['passCount']*100/$question['testCount']):'-'}}</span>
                            |
                            <span>评论 {{$question['commentCount'] or 0}}</span>
                            |
                            <span>点击 {{$question['clickCount']}}</span>
                        </div>
                        @foreach($question['tag'] as $tag)
                            <a href="/question/list/{{$tag['id']}}" target="_blank">{{$tag['title']}}</a>
                        @endforeach
                    </div>
                </div>
            @endforeach
            <div class="page-container">
                {!! $pageHtml !!}
            </div>
        </div>
    </div>


@endsection