@extends($_viewFrame)

@section('pageTitleMain'){{'资源搜索：'.$keywords.''}}@endsection
@section('pageKeywords'){{'资源搜索：'.$keywords.''}}@endsection
@section('pageDescription'){{'资源搜索：'.$keywords.''}}@endsection

{!! \ModStart\ModStart::js('asset/common/lazyLoad.js') !!}
{!! \ModStart\ModStart::js('asset/vendor/jqueryMark.js') !!}
{!! \ModStart\ModStart::style('[data-markjs]{color:red !important;background:transparent;}') !!}
{!! \ModStart\ModStart::script("$('.res-keywords').mark(".json_encode($keywords).".split('').join(' '),{separateWordSearch:true});") !!}

@section('bodyContent')

    <div class="ub-container">
        <div class="ub-breadcrumb">
            <a href="{{modstart_web_url('res')}}">资源下载</a>
            <a class="active" href="{{\Module\Res\Util\UrlUtil::search()}}">资源搜索</a>
        </div>

        <div class="row">
            <div class="col-md-12">
                <div class="tw-bg-white tw-rounded tw-p-4">
                    <div class="ub-search-block-a">
                        <input class="input" type="text" placeholder="输入关键词搜索" id="keywords"
                               value="{{ empty($keywords) ? '' : $keywords }}"
                               onkeypress="if(event.keyCode===13){window.location.href='{{\Module\Res\Util\UrlUtil::search()}}?keywords='+window.api.util.urlencode($(this).val());}">
                        <a class="search-btn" href="javascript:;"
                           onclick="window.location.href='{{\Module\Res\Util\UrlUtil::search()}}?keywords='+window.api.util.urlencode($(this).prev().val());">
                            <span class="iconfont icon-search"></span>
                            搜索
                        </a>
                    </div>
                </div>
            </div>

{{--            <div class="col-md-2">--}}
{{--                <div class="ub-panel margin-top">--}}
{{--                    <div class="head">--}}
{{--                        <div class="title">搜索过滤</div>--}}
{{--                    </div>--}}
{{--                    <div class="body">--}}
{{--                        <div class="ub-nav-category">--}}
{{--                            <a class="group-title" href="javascript:;">--}}
{{--                                结果排序--}}
{{--                            </a>--}}
{{--                            <div class="group-list">--}}
{{--                                <div>--}}
{{--                                    <a class="item active"--}}
{{--                                       href="?{{\ModStart\Core\Input\Request::mergeQueries(['sort'=>'latest'])}}">最新上传</a>--}}
{{--                                </div>--}}
{{--                                <div>--}}
{{--                                    <a class="item active"--}}
{{--                                       href="?{{\ModStart\Core\Input\Request::mergeQueries(['sort'=>'latest'])}}">最新上传</a>--}}
{{--                                </div>--}}
{{--                            </div>--}}
{{--                        </div>--}}
{{--                    </div>--}}
{{--                </div>--}}
{{--            </div>--}}

            <div class="col-md-12">
                <div class="ub-panel margin-top">
                    <div class="head">
                        <div class="title">
                            搜索 <span class="keyword ub-text-danger">{{$keywords}}</span> ，共找到 <span
                                class="count ub-text-danger">{{$total}}</span> 条记录
                        </div>
                    </div>
                    <div class="body">
                        @include('module::Res.View.pc.res.inc.items',['records'=>$records])
                        <div class="ub-page">
                            {!! $pageHtml !!}
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>

@endsection
