@extends('reachassuree_web/learning-videos.common')
@section('title', $data['title'])
@section('content')

<div class="row">
    @include('reachassuree_web/learning-videos.sidebar')

    <div class="col-md-10">
        @if($data['msg'] == 'data found')
            <div id="eckb-article-page-container-v2">
                <div id="eckb-article-body" class="px-8 pt-8" style="width: unset;">
                    <div id="eckb-article-content">
                        <div id="eckb-article-content-header">
                            @if(empty($data['video_url_data']['sub_tab_id']))
                                <h1 class="eckb-article-title kb-article-id" id="Tab_name" data-tab-id="{{$data['video_url_data']['main_tab_id']}}">{{$data['video_url_data']['tab_name']}}</h1>
                            @else
                                <h1 class="eckb-article-title kb-article-id" id="Tab_name" data-tab-id="{{$data['video_url_data']['sub_tab_id']}}">{{$data['video_url_data']['tab_name']}}</h1>
                            @endif
                        </div> 

                        <div class="o-video">
                            <iframe id="videoID" src="https://www.youtube.com/embed/{{$data['video_url_data']['url']}}?enablejsapi=1" allowfullscreen="" data-gtm-yt-inspected-60338208_58="true" id="734441939" data-gtm-yt-inspected-7="true" title="How to Use Due Calendar with Reachassuee"></iframe>
                        </div>

                        <div id="eckb-article-content-body">
                            <p><strong id="title">{{$data['video_url_data']['title']}}</strong></p>
                            <ul><li id="description">{{$data['video_url_data']['description']}}</li></ul>

                            <p><strong>Usedfull Links</strong></p>
                            <ul id="usedfullUrlsList">
                                @foreach($data['video_url_data']['usedfull_urls'] as $value3)
                                    <li><a href="{{$value3}}" class="epkb-article-navigation-article__title_custom" target="_blank">{{$value3}}</a></li>
                                @endforeach
                            </ul>
                        </div>
                        
                        <div id="eckb-article-content-footer">
                            <div class="epkb-article-navigation-container epkb-article-navigation--next-link-right">

                                <div class="epkb-article-navigation__previous">
                                    <div class="footer_nav_is prev_is"><span class="epkb-article-navigation__label_custom"><b>Previous topic : </b></span>
                                        <a href="" id="previous_topic">
                                            <span title="Browser Cloud" class="epkb-article-navigation-article__title_custom">
                                                Due Calendar
                                            </span>
                                        </a>
                                    </div>		   
                                </div>

                                <div class="epkb-article-navigation__next">
                                    <div class="footer_nav_is next_is">
                                        <span class="epkb-article-navigation__label_custom"><b>Next topic : </b></span>
                                        <a href="" id="next_topic">                           
                                            <span class="epkb-article-navigation-article__title_custom">
                                                Graphics Visulalizer
                                            </span>
                                        </a>
                                    </div>
                                </div> 
                            </div>  
                        </div>
                    </div>
                </div>
            </div>
        @else
            <div class="card-body" id="coming_soon">
                <div class="row">
                    <div class="text-center">
                        <div id="eckb-article-content-header" class="pt-8">
                            <h1 id="Tab_name_1">{{$data['tab_name']}}</h1>
                        </div> 
                        <div class="row justify-content-center" style="margin-top : 9rem!important">
                            <div class="col-sm-3">
                                <div class="maintenance-img">
                                    <img src="{{ asset('assets/images/coming-soon.svg') }}" alt="" class="img-fluid mx-auto d-block">
                                </div>
                            </div>
                        </div>
                        
                        <div class="row justify-content-center">
                            <div class="col-md-8">
                                <h4>Coming Soon...!</h4>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        @endif
    </div>
</div>
@endsection