@foreach($videos as $video)
<div class="row">
    <div class="col-xl-8 col-lg-7 col-sm-8 col-12">
        <div class="card">
            <div class="video" id="video-{{$video->video_id}}" data-video-id="{{$video->video_id}}">
                <div class="video-container">
                    <div class="video-main ">
                        <div class="video-sub ">
                            <div class="home-video d-flex {!! ($video->wide == 1) ? 'h-active-video video-section' : '' !!}">
                                <div class="ModelCtrlBtn"><i class="fa fa-pause ctrlIcon"></i></div>
                                <div class="ModelSpeakerBtn"><i class="fa fa-volume-off spkIcon"></i></div>
                                <video id="video{{$video->video_id}}" muted loop onclick="modelVideo('video{{$video->video_id}}')" onmouseover="showIcon()" onmouseout="hideIcon()">
                                    <source src="{{ asset(Storage::url('public/videos/' . $video->user_id . '/' . $video->video )) }}" type="video/mp4">
                                </video>
                                <div class="views ">
                                    <div class="text-center">
                                        <div class="home-like-{{$video->video_id}} home_like" data-id="{{ $video->video_id}}">
                                            @if($video->liked >0)
                                            <i class="fa fa-heart red"></i>
                                            @else
                                            <i class="fa fa-heart"></i>
                                            @endif
                                            <p class="span-text">{{ $video->total_likes }}</p>
                                        </div>


                                        <div class="">
                                            <i class="fa fa-comment"></i>
                                            <p class="span-text">{{$video->total_comments}}</p>
                                        </div>

                                        <div class=" video_share  share-wrapper" style="position: relative; display: inline-block;" data-id="{{ $video->video_id }}">

                                            <!-- <i id="video-share" class="fa fa-share-square-o "></i> -->
                                           <div class="share-wrapper">

                                           @php
                                           $socialLink = utf8_decode(urldecode(route('open-video',$video->video_id)));
                                           $facebookLink = Share::page($socialLink, '')->facebook()->getRawLinks();
                                            $twitterLink = Share::page($socialLink, null)->twitter()->getRawLinks();
                                            $whatsappLink = Share::page($socialLink)->whatsapp()->getRawLinks();
                                            @endphp
                                            <i class="fa fa-share-square-o share-btn" id="video-share" data-id="{{ $video->video_id }}"></i>
                                            <div id="popover-{{ $video->video_id }}" class="popover-content" style="display: none;">
                                                <div class="d-flex flex-row justify-content-around">
                                                    <a href="{{ $facebookLink }}" class="facebook-link" target="_blank">
                                                        <i class="fa fa-facebook-square fa-2x ml-2"></i>
                                                    </a>
                                                    <a href="{{ $twitterLink }}" class="twitter-link" target="_blank">
                                                        <i class="fa fa-twitter-square fa-2x ml-2"></i>
                                                    </a>
                                                    <a href="{{ $whatsappLink }}" class="whatsapp-link" target="_blank">
                                                        <i class="fa fa-whatsapp fa-2x ml-2 mb-2 mr-2"></i>
                                                    </a>
                                                </div>
                                            </div>
                                        </div>
                                        </div>
                                    </div>
                                </div>


                            </div>

                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>

    @if (!auth()->guard('web')->check())
    <div class="col-xl-4 col-lg-3 col-sm-4 col-12 comment-section " style="background-image: url('default/comment-s.jpg'); background-size: 100% 100%;background: #000;">
    @else
    <div class="col-xl-4 col-lg-3 col-sm-4 col-12 comment-section ">
        @endif
        <div class="modal-right-section" data-video-id="{{$video->video_id}}">