@extends('layouts.app')
@section('content')
    <div class="container mb-4" style="margin-top: 60px;">

        <div class="row m-0">
            <!--left part-->
            <div class="col-md-8 rightSidebar">
                <div class="theiaStickySidebar">
                    <nav aria-label="breadcrumb breadcrumb-design">
                        <ol class="breadcrumb font-1 p-0">
                            <li class="breadcrumb-item"><a href="{{ url('/') }}">Home</a></li>

                            <li class="breadcrumb-item active"><span class="bread-active">Search</span></li>
                        </ol>
                    </nav>


                    <div class="col bg-white rounded border p-4 ml-0 mr-0 mt-3">

                        <h4 class="category-heading mb-3 font-1 border-bottom pb-2 mb-4">SEARCH <span
                                class="pink-color">RESULTS</span> </h4>
                        @if (count($arrData) > 0)
                            @foreach ($arrData as $value)
                                <div class="row p-1 m-0 story-cont-bg rounded">
                                    <div class="col-md-6 p-0"> <a
                                            href="{{ url('/') }}/{!! \App\Helpers\Helper::rscUrl($value->category_name) !!}/{!! \App\Helpers\Helper::rscUrl($value->title) !!}-{{ $value->article_id }}.html"><img
                                                src="{{ config('variables.img_path') . $value->photopath }}"
                                                class="img-fluid rounded" style="height:230px; width:100%;"
                                                onerror="this.onerror=null;this.src='https://storage.googleapis.com/realtyplusmag-news-photo/news-photo/album/default-story.jpg';"></a>
                                    </div>

                                    <div class="col-md-6 pt-1">
                                        <span class="font-2-bold green-color">{{ $value->category_name }}</span>
                                        <h5 class="font-2-bold mt-3">
                                            <a href="{{ url('/') }}/{!! \App\Helpers\Helper::rscUrl($value->category_name) !!}/{!! \App\Helpers\Helper::rscUrl($value->title) !!}-{{ $value->article_id }}.html"
                                                class="text-dark">{{ $value->title }}</a>
                                        </h5>

                                        <!-- <small class="font-2 green-color">Publised : <em><i class="far fa-calendar"></i> {!! \App\Helpers\Helper::time_elapsed_string($value->updated_at) !!}</em></small> -->
                                        <small class="font-2 text-muted text-uppercase">BY
                                                                                        <a href="{{ url('author/' . Str::slug($val) . '.html') }}" class="top-author">
                                                {{ $val }}</a>
                                                                                    </small>

                                        <ul class="social-icons b-0 ml-0 mt-2 stsm text-left">
                                            <li><a href="https://www.facebook.com/sharer.php?u={{ url('/') }}/{!! \App\Helpers\Helper::rscUrl($value->category_name) !!}/{{ \App\Helpers\Helper::rscUrl($value->title) }}-{{ $value->article_id }}.html&utm_source=desktop&utm_medium=facebook&utm_campaign=facebook&utm_term=facebook&utm_content=facebook"
                                                    target="_blank"><i class="fab fa-facebook-f "></i></a></li>
                                            <li><a href="https://twitter.com/intent/tweet?&url={{ url('/') }}/{!! \App\Helpers\Helper::rscUrl($value->category_name) !!}/{{ \App\Helpers\Helper::rscUrl($value->title) }}-{{ $value->article_id }}.html&text={{ $value->title }}&via=RPRealtyPlus&utm_source=desktop&utm_medium=twitter&utm_campaign=twitter&utm_term=twitter&utm_content=twitter"
                                                    target="_blank"><i class="fab fa-twitter "></i></a></li>
                                            <li><a href="https://www.linkedin.com/shareArticle??mini=true&url={{ url('/') }}/{!! \App\Helpers\Helper::rscUrl($value->category_name) !!}/{{ \App\Helpers\Helper::rscUrl($value->title) }}-{{ $value->article_id }}.html&title={{ $value->title }}&summary={{ $value->description }}&source=exchange4media.com&utm_source=desktop&utm_medium=linkedin&utm_campaign=linkedin&utm_term=linkedin&utm_content=linkedin"
                                                    target="_blank"><i class="fab fa-linkedin-in "></i></a></li>
                                            <li><a href="mailto:?subject={{ $value->title }}- RealtyPlus&body=Hi,%0A I thought you'd like this:%0A%0A{{ url('/') }}/{!! \App\Helpers\Helper::rscUrl($value->category_name) !!}/{{ \App\Helpers\Helper::rscUrl($value->title) }}-{{ $value->article_id }}.html&utm_source=desktop&utm_medium=email&utm_campaign=email&utm_term=email&utm_content=email"
                                                    target="_blank"><i class="fas fa-envelope "></i></a></li>
                                            <li><a
                                                    href="https://api.whatsapp.com/send?text={{ $value->title }} {{ url('/') }}/{!! \App\Helpers\Helper::rscUrl($value->category_name) !!}/{!! \App\Helpers\Helper::rscUrl($value->title) !!}-{{ $value->article_id }}.html"><i
                                                        class="fab fa-whatsapp "></i></a></li>
                                        </ul>
                                    </div>
                                </div>
                                <hr class="border m-5">
                            @endforeach

                            {!! $arrData->render() !!}
                        @else
                            <h3>No Record Found!</h3>
                        @endif
                    </div>


                </div>
            </div>
            <!--left part-->


            <!--right-part-->
            @include('layouts.page_right_sidebar')
            <!--right-part-->


        </div>

    </div>
@endsection