@extends($_layout.'master')
@section('title', 'Kết quả tìm kiếm cho ['.$keywords.']')
@section('meta.robots', 'noindex')

@section('body')
    
        <div class="ps-page--blog mt-60">
            <div class="container">
                

                <div class="ps-blog--sidebar">
                    <div class="ps-blog__left">
                        <div class="text-center">
                            
                            <h1>Tìm kiếm</h1>
                            <div class="row">
                                <div class="col-md-10 col-lg-8 mr-auto ml-auto">
                                    <form class="ps-form--widget-search" action="{{route('web.search')}}" method="get">
                                        <input class="form-control" type="search" name="s" placeholder="Tìm kiếm..." value="{{$keywords}}">
                                        <button><i class="icon-magnifier"></i></button>
                                    </form>
                                </div>
                            </div>
                            @if (count($refs = $helper->getSearchRefOptions($r = strtolower($request->ref))))
                                
                                <ul class="ps-list--blog-links">
                                    @foreach ($refs as $ref => $text)
                                    <li class="{{$ref == $r ? 'active': ''}}"><a href="{{route('web.search', ['ref' => $ref, 's' => $keywords])}}">{{$text}}</a></li>
                                    @endforeach
                                    
                                </ul>
                            
                            @endif
                            
                        </div>
                        
                        
                    @if (count($results))
                        <div class="row">
                            @foreach ($results as $post)
                            <div class="col-xl-4 col-lg-4 col-md-6 col-sm-12 col-12 ">
                                <div class="ps-post">
            
                                    <div class="ps-post__thumbnail">
                                        <a class="ps-post__overlay" href="{{$u = $post->getViewUrl()}}"></a>
                                        <img src="{{$post->getFeatureImage()}}" alt="{{$post->title}}">
                                        {{-- <div class="ps-post__badge"><i class="icon-volume-high"></i></div> --}}
                                    </div>
                                    <div class="ps-post__content">
                                        @if ($post->category && $tree = $post->category->getTree())
                                            <div class="ps-post__meta">
                                                @foreach ($tree as $cate)
                                                    <a href="{{$cate->getViewUrl()}}">{{$cate->name}}</a>
                                                @endforeach
                                                    
                                            </div>
                                        @endif
                                        <a class="ps-post__title" href="{{$u}}">{{$post->title}}</a>
                                        <p>{{$post->calculator_time('created_at')}} bởi <a href="#"> {{$post->author?$post->author->name:'Ẩn danh'}}</a></p>
                                    </div>
            
                                </div>
                            </div>
                            @endforeach
                        </div>
            
                        {{$results->links($_template.'pagination')}}
                    @else
                        <div class="alert alert-warning text-center">
                            Không có nội dung phù hợp
                        </div>
                    @endif
                
                
                        
                    </div>
                    <div class="ps-blog__right">
                        {!! $html->sidebar_search->components !!}
                    </div>
                </div>


            </div>
        </div>
        
@endsection