{{--@extends('frontend.playerLayout.layout')--}}
@extends('frontend.layout.layout')
@section('content')
    <!--  Playlists -->
    <div class="video-container player-div iq-main-slider" id="myDiv">
        <div class="py-1 my-3"></div>
        <ul id="playlists" style="display:none;">
            @if(isset($tvShows->seasons))
                @foreach($tvShows->seasons as $season)
                    <li data-source="playlist1{{$season->id}}" data-playlist-name="{{$season->title}}"
                        data-thumbnail-path="content/thumbnails/p-html.jpg">
                        <p class="fwduvp-categories-title"><span class="fwduvp-header">Title: </span><span
                                class="fwduvp-title">{{$season->title}}</span></p>
                        <p class="fwduvp-categories-type"><span class="fwduvp-header">Type: </span>Season</p>
                        <p class="fwduvp-categories-description"><span class="fwduvp-header">Description:
                </span>{{$season->description}}</p>
                    </li>
                @endforeach
            @endif
        </ul>
        <!--  HTML playlist -->
        @if(isset($tvShows->seasons))
            @foreach($tvShows->seasons as $season)

                <ul id="playlist1{{$season->id}}" style="display:none;">
                    @foreach($season->episode as $episode)
                        @php
                            $video = Storage::disk('Wasabi')->exists($episode->video) ? Storage::disk('Wasabi')->url($episode->video) : Storage::disk('Wasabi')->url('default.mkv');

                            $_360 = $video."_0_276.m3u8";
                            $_720 = $video."_1_2048.m3u8";
                            $_1080 = $video."_2_4096.m3u8";
                            $_2k = $video."_3_6144.m3u8";
                            $_4k = $video."_4_17408.m3u8";
                            //dd($video,$_360,$_720,$_1080,);
                        @endphp
                        <li data-thumb-source="{{asset('content/thumbnails/small-fwd.jpg')}}"
                            data-video-source="[{source:'{{$_360}}', label:'small version'}, {source:'{{$_720}}', label:'hd720'},{source:'{{$_1080}}', label:'hd1080'},{source:'{{$_2k}}', label:'2K'},{source:'{{$_4k}}', label:'4k'}]"
                            data-start-at-video="2"
                            data-poster-source="{{Storage::disk('Wasabi')->exists('md/'.$episode->landscape_image) ? Storage::disk('Wasabi')->url('md/'.$episode->landscape_image) : Storage::disk('Wasabi')->url('default/download.png')}}"
                            data-subtitle-soruce="[{source:'content/subtitles/english_subtitle.vtt', label:'English'}, {source:'content/subtitles/romanian_subtitle.vtt', label:'Romanian'},{source:'content/subtitles/spanish_subtitle.vtt', label:'Spanish'}]"
                            data-start-at-subtitle="1" data-downloadable="yes">
                            <div data-video-short-description="">
                                <div>
                                    <p class="fwduvp-thumbnail-title">{{$episode->title}}</p>
                                    <p class="fwduvp-thumbnail-description">{{ \Illuminate\Support\Str::limit($episode->description, 500, '...') }}
                                        .</p>
                                </div>
                            </div>
                        </li>
                        {{--<li data-thumb-source="{{asset('content/thumbnails/earth-thumbnail.jpg')}}"
                            data-video-source="{{Storage::disk('Wasabi')->exists($episode->video) ? Storage::disk('Wasabi')->url($episode->video) : Storage::disk('Wasabi')->url('content/videos/earth.mp4')}}"
                            data-poster-source="{{Storage::disk('Wasabi')->exists('lg/'.$episode->landscape_image) ? Storage::disk('Wasabi')->url('lg/'.$episode->landscape_image) : Storage::disk('Wasabi')->url('default/download.png')}}"
                            data-downloadable="no">
                            <div data-video-short-description="">
                                <div>
                                    <p class="fwduvp-thumbnail-title">{{$episode->title}}</p>
                                    <p class="fwduvp-thumbnail-description">
                                        {{ \Illuminate\Support\Str::limit($episode->description, 500, '...') }}</p>
                                </div>
                            </div>
                            <div data-video-long-description="">
                                <div>
                                    <p class="fwduvp-video-title">{{$episode->title}}</p>
                                    <p class="fwduvp-video-main-description">{{$episode->description}}
                                </div>
                            </div>
                            <div data-add-popup="">
                                <p data-image-path="content/images/img.jpg" data-time-start="00:00:01" data-time-end="00:00:25"
                                   data-link="http://www.webdesign-flash.ro" data-target="_blank"></p>
                                <p data-image-path="content/images/img.jpg" data-time-start="00:00:31" data-time-end="00:00:52"
                                   data-link="http://www.google.com" data-target="_blank"></p>
                            </div>
                        </li>--}}
                    @endforeach
                </ul>
            @endforeach
        @endif
    </div>
    <div class="main-content">
        <section class="movie-detail container-fluid">
            <div class="row">
                <div class="col-lg-12">
                    <div class="trending-info season-info g-border">
                        <h4 class="trending-text big-title text-uppercase mt-0">Money Heist</h4>
                        <div class="d-flex align-items-center text-white text-detail episode-name mb-0">
                            <span>S1E01</span>
                            <span class="trending-year">Part 4</span>
                        </div>
                        <p class="trending-dec w-100 mb-0">Lorem Ipsum is simply dummy text of the printing and typesetting
                            industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an
                            unknown printer took a galley of type and scrambled it to make a type specimen book. It has
                            survived not only five centuries.</p>
                        <ul class="list-inline p-0 mt-4 share-icons music-play-lists">
                            <li><span><i class="ri-add-line"></i></span></li>
                            <li><span><i class="ri-heart-fill"></i></span></li>
                            <li class="share">
                                <span><i class="ri-share-fill"></i></span>
                                <div class="share-box">
                                    <div class="d-flex align-items-center">
                                        <a href="#" class="share-ico"><i class="ri-facebook-fill"></i></a>
                                        <a href="#" class="share-ico"><i class="ri-twitter-fill"></i></a>
                                        <a href="#" class="share-ico"><i class="ri-links-fill"></i></a>
                                    </div>
                                </div>
                            </li>
                        </ul>
                    </div>
                </div>
            </div>
        </section>

        <section id="iq-favorites" class="s-margin">
            <div class="container-fluid">
                <div class="row">
                    <div class="col-sm-12 overflow-hidden">
                        <div class="iq-main-header d-flex align-items-center justify-content-between">
                            <h4 class="main-title"><a href="movie-category.html">More Like This</a></h4>
                        </div>
                        <div class="favorites-contens">
                            <ul class="list-inline favorites-slider row p-0 mb-0">
                                @foreach($similarProducts as $similarProduct)
                                <li class="slide-item">
                                    <div class="block-images position-relative">
                                        <div class="img-box">
                                            <img src="{{Storage::disk('Wasabi')->exists($similarProduct->landscape_image) ? Storage::disk('Wasabi')->url($similarProduct->landscape_image) : asset('frontend/images/favorite/poster1.jpg')}}" class="img-fluid" alt="">
                                        </div>
                                        <div class="block-description">
                                            <h6 class="iq-title"><a href="movie-details.html">{{$similarProduct->title}}</a></h6>
                                            <div class="movie-time d-flex align-items-center my-2">
                                                <div class="badge badge-secondary p-1 mr-2">20+</div>
                                                <span class="text-white">2h 15m</span>
                                            </div>
                                            <div class="hover-buttons">
                                            <span class="btn btn-hover"><i class="fa fa-play mr-1"
                                                                           aria-hidden="true"></i>
                                                Play
                                                Now</span>
                                            </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><span><i class="ri-heart-fill"></i></span>
                                                    <span class="count-box">19+</span>
                                                </li>
                                                <li><span><i class="ri-add-line"></i></span></li>
                                            </ul>
                                        </div>
                                    </div>
                                </li>
                                @endforeach
                                {{--<li class="slide-item">
                                    <div class="block-images position-relative">
                                        <div class="img-box">
                                            <img src="{{asset('frontend/images/movies/07.jpg')}}" class="img-fluid" alt="">
                                        </div>
                                        <div class="block-description">
                                            <h6 class="iq-title"><a href="movie-details.html">Boop Bitty</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">
                                            <span class="btn btn-hover"><i class="fa fa-play mr-1"
                                                                           aria-hidden="true"></i>
                                                Play
                                                Now</span>
                                            </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><span><i class="ri-heart-fill"></i></span>
                                                    <span class="count-box">19+</span>
                                                </li>
                                                <li><span><i class="ri-add-line"></i></span></li>
                                            </ul>
                                        </div>
                                    </div>
                                </li>
                                <li class="slide-item">
                                    <div class="block-images position-relative">
                                        <div class="img-box">
                                            <img src="{{asset('frontend/images/movies/08.jpg')}}" class="img-fluid" alt="">
                                        </div>
                                        <div class="block-description">
                                            <h6 class="iq-title"><a href="movie-details.html">Unknown Land</a></h6>
                                            <div class="movie-time d-flex align-items-center my-2">
                                                <div class="badge badge-secondary p-1 mr-2">17+</div>
                                                <span class="text-white">2h 30m</span>
                                            </div>
                                            <div class="hover-buttons">
                                            <span class="btn btn-hover"><i class="fa fa-play mr-1"
                                                                           aria-hidden="true"></i>
                                                Play
                                                Now</span>
                                            </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><span><i class="ri-heart-fill"></i></span>
                                                    <span class="count-box">19+</span>
                                                </li>
                                                <li><span><i class="ri-add-line"></i></span></li>
                                            </ul>
                                        </div>
                                    </div>
                                </li>
                                <li class="slide-item">
                                    <div class="block-images position-relative">
                                        <div class="img-box">
                                            <img src="{{asset('frontend/images/movies/09.jpg')}}" class="img-fluid" alt="">
                                        </div>
                                        <div class="block-description">
                                            <h6 class="iq-title"><a href="movie-details.html">Blood Block</a></h6>
                                            <div class="movie-time d-flex align-items-center my-2">
                                                <div class="badge badge-secondary p-1 mr-2">13+</div>
                                                <span class="text-white">2h 40m</span>
                                            </div>
                                            <div class="hover-buttons">
                                            <span class="btn btn-hover"><i class="fa fa-play mr-1"
                                                                           aria-hidden="true"></i>
                                                Play
                                                Now</span>
                                            </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><span><i class="ri-heart-fill"></i></span>
                                                    <span class="count-box">19+</span>
                                                </li>
                                                <li><span><i class="ri-add-line"></i></span></li>
                                            </ul>
                                        </div>
                                    </div>
                                </li>
                                <li class="slide-item">
                                    <div class="block-images position-relative">
                                        <div class="img-box">
                                            <img src="{{asset('frontend/images/movies/10.jpg')}}" class="img-fluid" alt="">
                                        </div>
                                        <div class="block-description">
                                            <h6 class="iq-title"><a href="movie-details.html">Champions</a></h6>
                                            <div class="movie-time d-flex align-items-center my-2">
                                                <div class="badge badge-secondary p-1 mr-2">13+</div>
                                                <span class="text-white">2h 30m</span>
                                            </div>
                                            <div class="hover-buttons">
                                            <span class="btn btn-hover"><i class="fa fa-play mr-1"
                                                                           aria-hidden="true"></i>
                                                Play
                                                Now</span>
                                            </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><span><i class="ri-heart-fill"></i></span>
                                                    <span class="count-box">19+</span>
                                                </li>
                                                <li><span><i class="ri-add-line"></i></span></li>
                                            </ul>
                                        </div>
                                    </div>
                                </li>--}}
                            </ul>
                        </div>
                    </div>
                </div>
            </div>
        </section>


        <section id="iq-favorites" class="s-margin">
            <div class="container-fluid">
                <div class="row">
                    <div class="col-sm-12 overflow-hidden">
                        <div class="iq-main-header d-flex align-items-center justify-content-between">
                            <h4 class="main-title"><a href="movie-category.html">Upcoming Shows</a></h4>
                        </div>
                        <div class="favorites-contens">
                            <ul class="list-inline favorites-slider row p-0 mb-0">
                                @foreach($up_coming_shows as $up_coming_show)
                                <li class="slide-item">

                                    <div class="block-images position-relative">
                                        <div class="img-box">
                                            <img src="{{Storage::disk('Wasabi')->exists($up_coming_show->landscape_image) ? Storage::disk('Wasabi')->url($up_coming_show->landscape_image) : asset('frontend/images/favorite/poster1.jpg')}}" class="img-fluid" alt="">
                                        </div>
                                        <div class="block-description">
                                            <h6 class="iq-title"><a href="movie-details.html">{{$up_coming_show->title}}</a></h6>
                                            <div class="movie-time d-flex align-items-center my-2">
                                                <div class="badge badge-secondary p-1 mr-2">20+</div>
                                                <span class="text-white">2h 15m</span>
                                            </div>
                                            <div class="hover-buttons">
                                            <span class="btn btn-hover"><i class="fa fa-play mr-1"
                                                                           aria-hidden="true"></i>
                                                Play
                                                Now</span>
                                            </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><span><i class="ri-heart-fill"></i></span>
                                                    <span class="count-box">19+</span>
                                                </li>
                                                <li><span><i class="ri-add-line"></i></span></li>
                                            </ul>
                                        </div>
                                    </div>
                                </li>
                                @endforeach
                                {{--<li class="slide-item">
                                    <div class="block-images position-relative">
                                        <div class="img-box">
                                            <img src="{{asset('frontend/images/movies/07.jpg')}}" class="img-fluid" alt="">
                                        </div>
                                        <div class="block-description">
                                            <h6 class="iq-title"><a href="movie-details.html">Boop Bitty</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">
                                            <span class="btn btn-hover"><i class="fa fa-play mr-1"
                                                                           aria-hidden="true"></i>
                                                Play
                                                Now</span>
                                            </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><span><i class="ri-heart-fill"></i></span>
                                                    <span class="count-box">19+</span>
                                                </li>
                                                <li><span><i class="ri-add-line"></i></span></li>
                                            </ul>
                                        </div>
                                    </div>
                                </li>
                                <li class="slide-item">
                                    <div class="block-images position-relative">
                                        <div class="img-box">
                                            <img src="{{asset('frontend/images/movies/08.jpg')}}" class="img-fluid" alt="">
                                        </div>
                                        <div class="block-description">
                                            <h6 class="iq-title"><a href="movie-details.html">Unknown Land</a></h6>
                                            <div class="movie-time d-flex align-items-center my-2">
                                                <div class="badge badge-secondary p-1 mr-2">17+</div>
                                                <span class="text-white">2h 30m</span>
                                            </div>
                                            <div class="hover-buttons">
                                            <span class="btn btn-hover"><i class="fa fa-play mr-1"
                                                                           aria-hidden="true"></i>
                                                Play
                                                Now</span>
                                            </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><span><i class="ri-heart-fill"></i></span>
                                                    <span class="count-box">19+</span>
                                                </li>
                                                <li><span><i class="ri-add-line"></i></span></li>
                                            </ul>
                                        </div>
                                    </div>
                                </li>
                                <li class="slide-item">
                                    <div class="block-images position-relative">
                                        <div class="img-box">
                                            <img src="{{asset('frontend/images/movies/09.jpg')}}" class="img-fluid" alt="">
                                        </div>
                                        <div class="block-description">
                                            <h6 class="iq-title"><a href="movie-details.html">Blood Block</a></h6>
                                            <div class="movie-time d-flex align-items-center my-2">
                                                <div class="badge badge-secondary p-1 mr-2">13+</div>
                                                <span class="text-white">2h 40m</span>
                                            </div>
                                            <div class="hover-buttons">
                                            <span class="btn btn-hover"><i class="fa fa-play mr-1"
                                                                           aria-hidden="true"></i>
                                                Play
                                                Now</span>
                                            </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><span><i class="ri-heart-fill"></i></span>
                                                    <span class="count-box">19+</span>
                                                </li>
                                                <li><span><i class="ri-add-line"></i></span></li>
                                            </ul>
                                        </div>
                                    </div>
                                </li>
                                <li class="slide-item">
                                    <div class="block-images position-relative">
                                        <div class="img-box">
                                            <img src="{{asset('frontend/images/movies/10.jpg')}}" class="img-fluid" alt="">
                                        </div>
                                        <div class="block-description">
                                            <h6 class="iq-title"><a href="movie-details.html">Champions</a></h6>
                                            <div class="movie-time d-flex align-items-center my-2">
                                                <div class="badge badge-secondary p-1 mr-2">13+</div>
                                                <span class="text-white">2h 30m</span>
                                            </div>
                                            <div class="hover-buttons">
                                            <span class="btn btn-hover"><i class="fa fa-play mr-1"
                                                                           aria-hidden="true"></i>
                                                Play
                                                Now</span>
                                            </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><span><i class="ri-heart-fill"></i></span>
                                                    <span class="count-box">19+</span>
                                                </li>
                                                <li><span><i class="ri-add-line"></i></span></li>
                                            </ul>
                                        </div>
                                    </div>
                                </li>--}}
                            </ul>
                        </div>
                    </div>
                </div>
            </div>
        </section>
    </div>
@endsection