@extends('layouts.main')
@section('content')
<section class="page-content-start">
	<hr style="margin-top: 0px; margin-bottom: 0px">
</section>
<section>
	<div class="container">
		<div class="row">
			<div class="col-6 gmf-breadcrub-sec">
				<nav aria-label="breadcrumb">
					<ol class="breadcrumb">
						<li class="breadcrumb-item">
							<a href="/" class="">Home</a>
						</li> 
						<li aria-current="page" class="breadcrumb-item active">
                            Search
                        </li>
                    </ol>
                </nav>
			</div>
            <div class="col-6 gmf-breadcrub-sec">
                <a class="header-right btn-reset btn-goback btn-right" href="/">Go Back</a>
            </div>
		</div>
	</div>
</section>


<section class="events-block search-block">
    <div class="container">
            @if($request->get('_filter') == 1)
            <div class="row">
                <div class="col-12">
                    <a class="header-right btn-reset btn-right" href="{{ url('/search') }}">Reset</a>
                </div>
            </div>
            @endif
            <div class="row filter-row">
                <div class="col-md-4 feed-box latest-dropdown feed-blog">
                    <div class="dropdownbox">
                        <p>{{ !$request->get('sort_by') ? 'Latest' : 'Oldest' }} <span class="ddn-indicator"></span></p>
                    </div>
                    <ul class="menu">
                        <li class="form_submit_sortby {{ $request->get('sort_by') != 'asc' ? 'active':''}}" data-val="desc">Latest</li>
                        <li class="form_submit_sortby {{ $request->get('sort_by') == 'desc' ? 'active':''}}" data-val="asc">Oldest</li>
                    </ul>
                </div>
                <div class="col-md-4 feed-box feed-blog category-dropdown">
                    <div class="dropdownbox">
                        <p>{{ !$request->get('category') ? 'Sort by category' : $request->get('category')}} <span class="ddn-indicator"></span></p>
                    </div>
                    <ul class="menu">
                        <li class="form_submit_cat {{ !$request->get('category') ? 'active':''}}" data-val="">All Categories</li>
                        @foreach($category as $cat_val)
                        <li class="form_submit_cat {{ $request->get('category') == $cat_val->name ? 'active':''}}" data-val="{{ $cat_val->name }}">{{ $cat_val->name }}</li>
                        @endforeach
                    </ul>
                </div>
                <div class="col-md-4 feed-box feed-blog">
                    <form id="search_form">
                        <div class="form-row">
                            <div class="form-group col-md-12">
                                <input type="text" value="{{ $request->get('search_q') }}" class="form-control" id="search" placeholder="Search by title" name="search_q"/>
                                <span class="icon-search"><i class="fa fa-search form_submit"></i></span>
                            </div>
                        </div>
                        <input type="hidden" name="category" class="hi_category" value="{{ $request->get('category') }}">
                        <input type="hidden" name="sort_by" class="hi_sort_by" value="{{ $request->get('sort_by') }}">
                        <input type="hidden" name="_filter" class="hi_sort_by" value="1">
                    </form>
                </div>
            </div>
            @if($all_search->total())
            <div>
                
                @if(!$is_result || !count($all_search->items()))
                <span class="search-result-info">No record found</span>
                @else
                <span class="search-result-info">{{ count($all_search->items()) }} of {{ $all_search->total() }} results</span>
                @foreach($all_search as $search_val)
                    <div class="row">
                        <div class="col-md-12 feed-box  feed-search">
                            <section>
                                <div class="col-12 feed-content">
                                    <!-- <div class="col-sm-5 feed-left-cnt content-half">
                                        <div class="sec-image">
                                            <a href="{{ $search_val->art_url }}">
                                                <img src="{{ $search_val->images }}" alt="News" class="img-fluid"> 
                                                <span class="img-indicator"><span class="img news-icon"></span></span>
                                            </a>
                                        </div>
                                    </div> -->
                                    <div class="col-sm-12 feed-right-cnt content-half">
                                        <div class="box-description">
                                            <div class="sec-title">
                                                <a href="{{ $search_val->art_url }}">
                                                <h3>  {{ $search_val->headline }}</h3>
                                                </a>
                                            </div>
                                            <div class="content">
                                                <div class="display-content">{!! \Illuminate\Support\Str::limit(strip_tags($search_val->description),200) !!}<a href="{{ $search_val->art_url }}" class="content-more">More</a></div>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="box-footer-content">
                                        <div class="sec-footer">
                                            <ul>
                                                <li>{{ $search_val->category }}</li>
                                                @if( $search_val->sub_category )
                                                <li>{{ $search_val->sub_category }}</li>
                                                @endif
                                                <li class="date-time">{{\Carbon\Carbon::parse($search_val->created_at)->format('d M Y')}}</li>
                                            </ul>
                                        </div>
                                        {{-- <div class="social-action">
                                            <ul>
                                                <li class="like">
                                                <div class="inline-div"><a><span class="icon"></span></a> <span class="count">{{ $search_val->Like_cnt }}</span></div>
                                                </li>
                                                <li class="share">
                                                <div class="inline-div">
                                                    <a><span class="icon"></span></a> <span class="count">{{ $search_val->Share_cnt }}</span> 
                                                </div>
                                                </li>
                                            </ul>
                                        </div> --}}
                                    </div>
                                </div>
                            </section>
                        </div>
                    </div>
                @endforeach
                @if($all_search->lastPage() != $all_search->currentPage())
                @php
                        $next_page = url('/search?_filter=1&category='.$request->get("category").'&search_q='.$request->get("search_q").'&sort_by='.$request->get("sort_by")).'&perpage='.($all_search->currentPage()+$all_search->perPage());
                @endphp
                <div class="row">
                    <div class="col-12 viewmore-sec">
                        <a class="btn btn-primary btn-viewmore" href="{{$next_page}}">VIEW MORE</a>
                    </div>
                </div>
                @endif
               
              @endif
            </div>
            @else
            <div class="row">
                    <div class="col-12 viewmore-sec">
                        <a class="btn btn-primary btn-viewmore">No Record Found</a>
                    </div>
                </div>
            @endif
        </div>
	</div>
</section>
@stop
@push('style')
<link rel="stylesheet" href="{{ asset('/css/events.css')}}">
<link rel="stylesheet" href="{{ asset('/css/blogs.css')}}">
<link rel="stylesheet" href="{{ asset('/css/profile.css')}}">
<link rel="stylesheet" href="{{ asset('/css/featured-carousel.css')}}">
@endpush
@push('script')
<script src="{{ asset('/js/site/custom.js') }}"></script>
<!-- <script src="{{ asset('/js/site/search_page_nation.js') }}"></script> -->
<script>
    $(document).on('click','.form_submit_sortby',function(){
        $('.hi_sort_by').val($(this).data('val'));
        $('#search_form').submit();
    });
    $(document).on('click','.form_submit_cat',function(){
        $('.hi_category').val($(this).data('val'));
        $('#search_form').submit();
    });
    $(".search-float-btn").css('display', 'none');
</script>
@endpush