@extends('frontend.layout.layout')
@section('content')
<div class="main-content" style="padding-top:120px">

    <section class="mb-5">
        <div class="container-fluid">
            <h3 class="mb-4">Following</h3>
            <div class="row">
                @if(isset($tvShows))
                @foreach($tvShows as $show)
                <div class="col-md-3 col-lg-3" style="padding-bottom: 25px">
                    <li class="slide-item" style="list-style-type:none;">
                        <div class="block-images position-relative">
                            <div class="img-box"
                                style="background-size: cover;background-repeat: no-repeat; height: 71vh !important; background-image: url('{{Storage::disk('Wasabi')->exists($show->portrait_image) ? Storage::disk('Wasabi')->url($show->portrait_image) : asset('images/favorite/poster1.jpg')}}')">
                            </div>
                            <div class="block-description">
                                <h6 class="iq-title"><a
                                        href="{{route('showdetails',['slug'=>$show->id."_0"])}}">{{$show->title}}</a>
                                </h6>
                                <div class="movie-time d-flex align-items-center my-2">
                                    <div class="badge badge-secondary p-1 mr-2">11+</div>
                                    <span class="text-white">2h 30m</span>
                                </div>
                                <div class="hover-buttons">
                                    <a href="{{route('showdetails',['slug'=>$show->id."_0"])}}">
                                        <span class="btn btn-hover iq-button"><i class="fa fa-play mr-1"
                                                aria-hidden="true"></i>Play Now</span>
                                    </a>
                                </div>
                            </div>
                            <div class="block-social-info">
                                <ul class="list-inline p-0 m-0 music-play-lists">
                                    <!-- <li class="share">
                                                               <span><i class="ri-share-fill"></i></span>
                                                               <div class="share-box">
                                                                  <div class="d-flex align-items-center">
                                                                     <a href="https://www.facebook.com/sharer?u=https://iqonic.design/wp-themes/streamit_wp/movie/shadow/" target="_blank" rel="noopener noreferrer" class="share-ico" tabindex="0"><i class="ri-facebook-fill"></i></a>
                                                                     <a href="https://twitter.com/intent/tweet?text=Currentlyreading" target="_blank" rel="noopener noreferrer" class="share-ico" tabindex="0"><i class="ri-twitter-fill"></i></a>
                                                                     <a href="#" data-link="https://iqonic.design/wp-themes/streamit_wp/movie/shadow/" class="share-ico iq-copy-link" tabindex="0"><i class="ri-links-fill"></i></a>
                                                                  </div>
                                                               </div>
                                                            </li> -->
                                    <li data-toggle="modal" data-target="#exampleModalCenter" role="button">
                                        <span><i class="fas fa-info-circle"></i></span>
                                        <!-- <span class="count-box">19+</span> -->
                                    </li>
                                    <li><span><i class="fas fa-thumbs-up"></i></span>
                                        <span class="count-box">19+</span>
                                    </li>
                                    <li><span><i class="ri-add-line"></i></span></li>
                                </ul>
                            </div>
                        </div>
                    </li>
                </div>
                @endforeach
                @endif
                <div class="col-md-6 col-sm-6 col-xs-12 col-lg-3" style="padding-bottom: 25px">
                    <li class="slide-item" style="list-style-type:none;">
                        <div class="block-images position-relative">
                            <div class="img-box"
                                style="background-size: cover;background-repeat: no-repeat; height: 71vh !important; background-image: url('frontend/images/favorite/poster1.jpg')">
                            </div>

                            <div class="block-description">
                                <h6 class="iq-title"><a>jjj</a></h6>
                                <div class="movie-time d-flex align-items-center my-2">
                                    <div class="badge badge-secondary p-1 mr-2">11+</div>
                                    <span class="text-white">2h 30m</span>
                                </div>
                                <div class="hover-buttons">
                                    <a>
                                        <span class="btn btn-hover iq-button"><i class="fa fa-play mr-1"
                                                aria-hidden="true"></i>Play Now</span>
                                    </a>
                                </div>
                            </div>
                            <div class="block-social-info">
                                <ul class="list-inline p-0 m-0 music-play-lists">
                                    <!-- <li class="share">
                                                               <span><i class="ri-share-fill"></i></span>
                                                               <div class="share-box">
                                                                  <div class="d-flex align-items-center">
                                                                     <a href="https://www.facebook.com/sharer?u=https://iqonic.design/wp-themes/streamit_wp/movie/shadow/" target="_blank" rel="noopener noreferrer" class="share-ico" tabindex="0"><i class="ri-facebook-fill"></i></a>
                                                                     <a href="https://twitter.com/intent/tweet?text=Currentlyreading" target="_blank" rel="noopener noreferrer" class="share-ico" tabindex="0"><i class="ri-twitter-fill"></i></a>
                                                                     <a href="#" data-link="https://iqonic.design/wp-themes/streamit_wp/movie/shadow/" class="share-ico iq-copy-link" tabindex="0"><i class="ri-links-fill"></i></a>
                                                                  </div>
                                                               </div>
                                                            </li> -->
                                    <li data-toggle="modal" data-target="#exampleModalCenter" role="button">
                                        <span><i class="fas fa-info-circle"></i></span>
                                        <!-- <span class="count-box">19+</span> -->
                                    </li>
                                    <li><span><i class="fas fa-thumbs-up"></i></span>
                                        <span class="count-box">19+</span>
                                    </li>
                                    <li><span><i class="ri-add-line"></i></span></li>
                                </ul>
                            </div>
                        </div>
                    </li>
                </div>

            </div>
        </div>
        {{--            <div class="container-fluid">--}}
        {{--                <div class="iq-card mt-3">--}}
        {{--                    <div class="iq-card-body">--}}
        {{--                        <div class="episodes-contens mt-4">--}}
        {{--                            <h5 class="mb-4 text-grey"> Following</h5>--}}
        {{--                            <div class="owl-carousel owl-theme episodes-slider1 list-inline p-0 mb-0">--}}
        {{--                                @if(isset($tvShows))--}}
        {{--                                    @foreach($tvShows as $show)--}}
        {{--                                        <div class="e-item">--}}
        {{--                                            <div class="block-image position-relative">--}}
        {{--                                                <a href="{{route('showdetails',['slug'=>$show->id."_0"])}}">--}}
        {{--                                                    <img src="{{Storage::disk('Wasabi')->exists('lg/'.$show->landscape_image) ? Storage::disk('Wasabi')->url('lg/'.$show->landscape_image) : asset('images/episodes/poster1.jpg')}}"
        class="img-fluid" alt="">--}}
        {{--                                                </a>--}}
        {{--                                                <div class="episode-play-info">--}}
        {{--                                                    <div class="episode-play">--}}
        {{--                                                        <a href="{{route('showdetails',['slug'=>$show->id."_0"])}}"
        tabindex="0"><i--}}
            {{--                                                                class="ri-play-fill"></i></a>--}}
            {{--                                                    </div>--}}
            {{--                                                </div>--}}
            {{--                                            </div>--}}
            {{--                                            <div class="episodes-description text-body">--}}
            {{--                                                <div class="d-flex align-items-center justify-content-between">--}}
            {{--                                                    <a href="{{route('showdetails',['slug'=>$show->id."_0"])}}">
            {{$show->title}}</a>--}}
            {{--                                                    <!-- <span class="text-primary">2M + Views</span> -->--}}
            {{--                                                    <i class="far fa-bell my-2  notification-icon"></i>--}}

            {{--                                                </div>--}}
            {{--                                                <p class="mb-0"> Adventure  <i class="fas fa-circle"></i>Drama <i class="fas fa-circle"></i> Suspense--}}
            {{--                                                </p>--}}
            {{--                                                <p class=" mt-4">Release: <span>{{$show->release_date->format('j F, Y')}}</span>
            </p>--}}
            {{--                                            </div>--}}
            {{--                                        </div>--}}
            {{--                                    @endforeach--}}
            {{--                                @endif--}}
            {{--                            </div>--}}
            {{--                        </div>--}}
            {{--                    </div>--}}
            {{--                </div>--}}
            {{--            </div>--}}
    </section>
</div>

@endsection