@extends('layouts.app')
@section('content')
@section('title')
    @foreach ($ArrRecentPhotoGalleryHomePage as $art)
        {{ $art['title'] }}
    @endforeach
@stop
@section('title')
    @foreach ($ArrRecentPhotoGalleryHomePage as $art)
        {{ $art['title'] }}
    @endforeach
@stop

@section('meta_desc')
    @foreach ($ArrRecentPhotoGalleryHomePage as $art)
        {{ $art['description'] }}
    @endforeach
@stop

<!--middle body-->
<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">Happenings</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">HAPPENINGS</h4>


                    <!--photo slider-->

                    <div class="row">

                        <div class="col-md-12 col-lg-12 col-xs-12">

                            <div class="col mt-1 p-0">

                                <div id="videoslider" class="carousel slide geffect">
                                    <!-- main slider carousel items -->
                                    <div class="carousel-inner">

                                        @foreach ($ArrViewPhotos->photos as $key => $photo)
                                            @if ($key == 0)
                                                <div class="carousel-item active"
                                                    data-slide-number="{{ $key }}">
                                                    <img src="{{ config('variables.SiteCmsurlalbum') . $photo->photopath }}"
                                                        class="img-fluid rounded-top" width="750"
                                                        onerror="this.onerror=null;this.src='https://storage.googleapis.com/realtyplusmag-news-photo/news-photo/album/default-story.jpg';">
                                                    <div class="vd"></div>
                                                    <div class="my-carousel-caption">
                                                        {{ $photo->title }}
                                                    </div>
                                                </div>
                                            @endif
                                        @endforeach

                                        @foreach ($ArrViewPhotos->photos as $key => $photo)
                                            @if ($key !== 0)
                                                <div class="carousel-item" data-slide-number="{{ $key }}">
                                                    <img src="{{ config('variables.SiteCmsurlalbum') . $photo->photopath }}"
                                                        class="img-fluid rounded-top" width="750"
                                                        onerror="this.onerror=null;this.src='https://storage.googleapis.com/realtyplusmag-news-photo/news-photo/album/default-story.jpg';">
                                                    <div class="vd"></div>
                                                    <div class="my-carousel-caption">
                                                        {{ $photo->title }}
                                                    </div>
                                                </div>
                                            @endif
                                        @endforeach

                                        <a class="carousel-control-prev" href="#videoslider" role="button"
                                            data-slide="prev" style="opacity: 1;">
                                            <i
                                                class="fas fa-chevron-circle-left fa-3x text-dark rounded-circle border-white border"></i>
                                            <span class="sr-only">Previous</span>
                                        </a>
                                        <a class="carousel-control-next" href="#videoslider" role="button"
                                            data-slide="next" style="opacity: 1;">
                                            <i
                                                class="fas fa-chevron-circle-right fa-3x text-dark rounded-circle border-white border"></i>
                                            <span class="sr-only">Next</span>
                                        </a>

                                    </div>
                                    <!-- main slider carousel nav controls -->
                                </div>
                                <div id="videosliderthumb"
                                    class="carousel carousel-showmanymovevdthumb slide col border-blk mt-4 geffectthumb"
                                    data-ride="carousel" data-interval="false">

                                    <div class="carousel-inner">

                                        <div class="carousel-item ">
                                            @foreach ($ArrViewPhotos->photos as $key => $photo)
                                                @if ($key == 0)
                                                    <div
                                                        class="col-md-3 col-lg-3 col-3 post-padding float-left dashed-bdr-r">
                                                        <a id="carousel-selector-0" class="selected"
                                                            data-slide-to="{{ $key }}"
                                                            data-target="#videoslider">
                                                            <img src="{{ config('variables.SiteCmsurlalbum') . $photo->photopath }}"
                                                                class="img-fluid rounded"
                                                                onerror="this.onerror=null;this.src='https://storage.googleapis.com/realtyplusmag-news-photo/news-photo/album/default-story.jpg';">
                                                            <div class="vdthmb"></div>
                                                        </a>
                                                    </div>
                                                @endif
                                            @endforeach
                                        </div>



                                        <div class="carousel-item active">
                                            
                                            @foreach ($ArrViewPhotos->photos as $key => $photo)
                                                @if ($key != 0)
                                                                                                        <div
                                                        class="col-md-3 col-lg-3 col-3 post-padding float-left dashed-bdr-r">
                                                        <a id="carousel-selector-0" class="selected"
                                                            data-slide-to="{{ $key }}"
                                                            data-target="#videoslider">
                                                            <img src="{{ config('variables.SiteCmsurlalbum') . $photo->photopath }}"
                                                                class="img-fluid rounded"
                                                                onerror="this.onerror=null;this.src='https://storage.googleapis.com/realtyplusmag-news-photo/news-photo/album/default-story.jpg';">
                                                            <div class="vdthmb"></div>
                                                        </a>
                                                    </div>
                                                                                                    @endif
                                            @endforeach


                                        </div>


                                    </div>
                                    <a class="carousel-control-prev carousel-control" href="#videosliderthumb"
                                        role="button" data-slide="prev"
                                        style="width: 2%;color: #212121;top: -7%; opacity: 1;">
                                        <i class="fas fa-angle-double-left fa-2x text-danger"></i>
                                        <span class="sr-only">Previous</span>
                                    </a>
                                    <a class="carousel-control-next text-faded carousel-control"
                                        href="#videosliderthumb" role="button" data-slide="next"
                                        style="width: 2%;color: #212121;top: -7%; opacity: 1;">
                                        <i class="fas fa-angle-double-right fa-2x text-danger"></i>
                                        <span class="sr-only">Next</span>
                                    </a>


                                </div>


                            </div>
                        </div>



                    </div>
                    <!--photo slider-->

                    <hr class="bdr-solid-t mb-5 mt-5 border-dark">
                    @foreach ($ArrRecentPhotoGalleryHomePage as $value)
                        <div class="row p-1 m-0 story-cont-bg rounded">

                            <div class="col-md-6 p-0"> <a
                                    href="{{ url('happening/') }}/{!! \App\Helpers\Helper::rscUrl($value['title']) !!}-{{ $value['owner_id'] }}">
                                    <img src="{{ config('variables.SiteCmsurlalbum') . $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 red-color">Happenings</span>
                                <h5 class="font-2-bold mt-3"><a
                                        href="{{ url('happening/') }}/{!! \App\Helpers\Helper::rscUrl($value['title']) !!}-{{ $value['owner_id'] }}"
                                        class="text-dark">{{ $value['title'] }}</a></h5>

                                <small class="font-2 text-muted">Publised : <em><i class="far fa-calendar"></i>
                                        @if (Carbon\Carbon::parse($value['created_at'])->diffInWeeks() > 1)
                                            {{ (new DateTime($value['created_at']))->format('d-F-Y') }}
                                        @else
                                            {{ Carbon\Carbon::parse($value['created_at'])->diffForHumans() }}
                                        @endif
                                    </em></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('happening/') }}/{!! \App\Helpers\Helper::rscUrl($value['title']) !!}-{{ $value['owner_id'] }}&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('happening/') }}/{!! \App\Helpers\Helper::rscUrl($value['title']) !!}-{{ $value['owner_id'] }}&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('happening/') }}/{!! \App\Helpers\Helper::rscUrl($value['title']) !!}-{{ $value['owner_id'] }}&title={{ $value['title'] }}&summary={{ $value['description'] }}&source=realtyplusmeg.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'] }}- realtyplusmeg&body=Hi,%0A I thought you'd like this:%0A%0A{{ url('happening/') }}/{!! \App\Helpers\Helper::rscUrl($value['title']) !!}-{{ $value['owner_id'] }}&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('happening/') }}/{!! \App\Helpers\Helper::rscUrl($value['title']) !!}-{{ $value['owner_id'] }}"><i
                                                class="fab fa-whatsapp "></i></a></li>
                                </ul>

                            </div>
                        </div>
                        <hr class="border m-5">
                    @endforeach
                    {{-- {{ $ArrRecentPhotoGalleryHomePage->links() }} --}}
                </div>
            </div>
        </div>
        <!--left part-->

        <!--right-part-->
        @include('layouts.page_right_sidebar')
        <!--right-part-->
    </div>
</div>
<!--middle body-->
@endsection