@extends('frontEnd.layout-ex')

@section('content')

    <section class="pager-section overlay">
        <div class="container">
            <div class="main-banner-content p-relative">
                <div class="social-links">
                    <ul>
                        <li><a href="https://www.facebook.com/theblackstoryproject" title=""><i class="fab fa-facebook-f"></i></a></li>
                        <li><a href="https://www.instagram.com/theblackstoryproject/" title=""><i class="fab fa-instagram"></i></a></li>
                    </ul>
                </div><!--social-links end-->
                <div class="pager-content">
                    <ul class="breadcrumb-list">
                        <li><a href="#" title="">Home</a></li>
                        <li><span>Search</span></li>
                    </ul><!--breadcrumb end-->
                    <h2 class="page-title">Search Result</h2><br>
                </div><!--pager-content end-->
            </div><!--main-banner-content end-->
        </div>
    </section><!--pager-section end-->

    <section class="page-content pt-0">
        <div class="container">
            <div class="row">
                <div class="col-xl-12">
                    @if(count($results)>0)
                    <div class="blog-page-content" style="max-width: 1920px !important;">
                        <div class="blog-posts blog-page-v">
                            <div class="row">
                                @foreach($results as $data)
                                    <div class="col-lg-8 col-md-8 col-sm-8">
                                        <div class="blog-post">
                                            <div class="blog-info">
                                                @if($data->webmaster_id == 5)
                                                <h2><a href="{{url('videos-webinar')}}" title="{{$data->title_en}}" target="_blank">{{$data->title_en}}</a></h2>
                                                @elseif($data->webmaster_id == 10)
                                                <h2><a href="@if(isset($data->fields[0]->field_value)){{$data->fields[0]->field_value}}@else{{'#'}}@endif" title="{{$data->title_en}}" target="_blank">{{$data->title_en}}</a></h2>
                                                @elseif($data->webmaster_id == 7)
                                                <h2><a href="{{url($data->webmasterSection->name.'/details/'.$data->id)}}" title="{{$data->title_en}}" target="_blank">{{$data->title_en}}</a></h2>
                                                @endif
                                                <span>{{date('d F, Y', strtotime($data->date))}}</span>
                                            </div>
                                        </div><!--blog-post end-->
                                    </div>
                                @endforeach


                            </div>
                        </div><!--blog-posts end-->
                    </div><!--blog-page-content end-->
                    @include('frontEnd.includes.paginator', ['paginator' => $results->appends(['q' => $query]), 'link_limit' => 8])
                    @else
                        <div class="about-section">
                            <div class="row align-items-center">
                                <div class="col-lg-2"></div>

                                <div class="col-lg-8">
                                    <div class="about-text style3">
                                        <h2 class="resource-title">No Result Found!</h2>
                                    </div><!--about-text end-->
                                </div>
                                <div class="col-lg-2"></div>

                            </div>

                        </div><!--about-section end-->

                    @endif
                </div>
            </div>
        </div>
    </section><!--page-content end-->

    <style>
        .blog-posts .blog-post .blog-info:before {
            content: "";
            position: revert;
        }
    </style>

@endsection