@extends('layouts.app')
@section('content')
@section('title')

    {{ $ArrViewVideo['title'] }}

@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">Videos</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">VIDEOS</h4>


                    <div class="col-md-12 mb-5">
                        <div class="row">
                            <iframe width="100%" height="400"
                                src="{{ 'https://www.youtube.com/embed/' . $ArrViewVideo['videoId'] }}?autoplay=1"
                                frameborder="0" allow="autoplay; encrypted-media" allowfullscreen=""
                                class="videoframe"></iframe>
                        </div>


                        <div class="row mt-2">
                            <h3 class="font-2-bold"><strong> {!! $ArrViewVideo['title'] !!}</strong></h3>
                        </div>

                        <div class="row mt-3">


                            <div class="col-md-6 share-buttons text-right pr-0 mob-p-0">

                                <ul class="social-icons b-0 ml-0 mt-2 stsm text-left">
                                    <li><a href="https://www.facebook.com/sharer.php?u={{ url('') }}/videos/{!! Str::slug($ArrViewVideo['title']) !!}-{{ $ArrViewVideo['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('') }}/videos/{!! Str::slug($ArrViewVideo['title']) !!}-{{ $ArrViewVideo['id'] }}.html&text={{ $ArrViewVideo['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('') }}/videos/{!! Str::slug($ArrViewVideo['title']) !!}-{{ $ArrViewVideo['id'] }}.html&title={{ $ArrViewVideo['title'] }}&summary={{ $ArrViewVideo['title'] }}&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={{ $ArrViewVideo['title'] }}- realtyplusmag&body=Hi,%0AI thought you'd like this:%0A%0A
                                           {{ url('') }}/videos/{!! Str::slug($ArrViewVideo['title']) !!}-{{ $ArrViewVideo['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={{ $ArrViewVideo['title'] }} {{ url('') }}/videos/{!! Str::slug($ArrViewVideo['title']) !!}-{{ $ArrViewVideo['id'] }}.html"><i
                                                class="fab fa-whatsapp "></i></a></li>
                                </ul>

                            </div>
                        </div>

                    </div>
                    @foreach ($ArrlistingVideos as $value)
                        <hr class="bdr-solid-t mb-5">

                        <div class="row p-1 m-0 story-cont-bg rounded">
                            <div class="col-md-6 p-0">
                                <span class="video-icon mb-2"><i
                                        class="fas fa-play-circle text-danger fa-2x"></i></span>
                                <a href="{{ url('') }}/videos/{!! Str::slug($value['title']) !!}-{{ $value['id'] }}.html">
                                    <img src="{{ $value['image_url'] }}" class="img-fluid rounded"
                                        style="height:230px; width:100%;"
                                        onerror="this.onerror=null;this.src='{{ Config::get('constants.SiteCmsurl') }}default-story.jpg';">
                                </a>
                            </div>

                            <div class="col-md-6 pt-1">

                                <h5 class="font-2-bold mt-2">
                                    <a href="{{ url('') }}/videos/{!! Str::slug($value['title']) !!}-{{ $value['id'] }}.html"
                                        class="text-dark">{{ $value['title'] }}
                                    </a>
                                </h5>

                                <p>

                                    <!--Youtube-->
                                    <a href="{{ url('') }}/videos/{!! Str::slug($value['title']) !!}-{{ $value['id'] }}.html"
                                        class="btn btn-yt btn-sm p-2 font-1 rounded ml-0"><i
                                            class="fab fa-youtube pr-1"></i> View Video</a>
                                </p>

                                <ul class="social-icons b-0 ml-0 mt-2 stsm text-left">
                                    <li><a href="https://www.facebook.com/sharer.php?u={{ url('') }}/videos/{!! Str::slug($value['title']) !!}-{{ $value['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('') }}/videos/{!! Str::slug($value['title']) !!}-{{ $value['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('') }}/videos/{!! Str::slug($value['title']) !!}-{{ $value['id'] }}.html&title={{ $value['title'] }}&summary={{ $value['title'] }}&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'] }}- realtyplusmag&body=Hi,%0A I thought you'd like this:%0A%0A {{ url('') }}/videos/{!! Str::slug($value['title']) !!}-{{ $value['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('') }}/videos/{!! Str::slug($value['title']) !!}-{{ $value['id'] }}.html"><i
                                                class="fab fa-whatsapp "></i></a></li>
                                </ul>
                            </div>
                        </div>
                        <hr class="border m-5">
                    @endforeach
                    {{-- {{ $ArrlistingVideos->links() }} --}}
                </div>


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


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


    </div>

</div>
<!--middle body-->


@endsection